Butan looks

.gitignore

@@ -11,6 +11,7 @@ fgEmojiPicker.js
 full-emoji-list.json
 highlight.min.js
 matrix-login.js
+matrix-element.svg
 obsidian.min.css
 www/.well_known
 config/auth.db

Makefile

@@ -46,8 +46,10 @@ prereq-frontend:
 		"https://github.com/woody180/vanilla-javascript-emoji-picker/raw/master/full-emoji-list.json" \
 		"https://unpkg.com/signin-with-matrix@latest/dist/index.umd.js"                               \
 		"https://raw.githubusercontent.com/highlightjs/cdn-release/main/build/highlight.min.js"; mv index.umd.js matrix-login.js; popd
-	mkdir -p www/styles; cd www/styles && curl -L --remote-name-all \
-		"https://raw.githubusercontent.com/highlightjs/cdn-release/main/build/styles/obsidian.min.css"
+	mkdir -p www/styles; pushd www/styles && curl -L --remote-name-all \
+		"https://raw.githubusercontent.com/highlightjs/cdn-release/main/build/styles/obsidian.min.css"; popd
+	mkdir -p www/img/icon/; pushd www/img/icon && curl -L --remote-name-all \
+		"https://element.io/images/logo-mark-primary.svg"; mv logo-mark-primary.svg matrix-element.svg; popd
 
 .PHONY: reset
 reset: reset-remove install

www/styles/login.css

@@ -51,3 +51,7 @@ input[type="submit"] {
     background-color: #333;
     color: white;
 }
+
+matrix-signin-button {
+	margin-left: 25%;
+}

www/templates/login.tx

@@ -21,9 +21,13 @@
       <br />
       <input type="submit" id="maximumGo" value="<: $btnmsg :>"></input>
     </form>
+	<br><br>
 	<script defer src="/scripts/matrix-login.js"></script>
 	<matrix-signin id="signin"></matrix-signin>
 	<matrix-signin-button target="signin">
-		Sign in with Matrix
+		<span style="line-height: 2rem;">
+			<img style="width: 24px; vertical-align: middle;" src="img/icon/matrix-element.svg"></img>
+			Sign in with Matrix
+		</span>
 	</matrix-signin-button>
 </div>