web buttons! (+ lfs)

.gitattributes

@@ -0,0 +1,11 @@
+# image
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.gif filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
+# audio
+*.wav filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text
+# video
+*.webm filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text

public/index.html

@@ -145,10 +145,21 @@
 			</li>
 		</ul>
 
-                <p>
+		<hr>
-                        this site is intended to eventually replace
+
-                        <a href="https://mellodoot.com/" target="_blank">mellodoot.com</a>.
+		<h2>## cool people!</h2>
-                </p>
+
+		<div id="web-buttons">
+			<a href="https://arimelody.me" target="_blank">
+				<img src="/img/buttons/ari melody.gif" alt="ari melody web button">
+			</a>
+			<a href="https://supitszaire.com" target="_blank">
+				<img src="/img/buttons/zaire.gif" alt="zaire web button">
+			</a>
+			<a href="https://mae.wtf" target="_blank">
+				<img src="/img/buttons/mae.png" alt="vimae web button">
+			</a>
+		</div>
         </main>
 
         <footer>

public/style/main.css

@@ -271,6 +271,20 @@ ul.links li a:hover {
 	}
 }
 
+div#web-buttons {
+	margin: 2rem 0;
+}
+
+#web-buttons a {
+	text-decoration: none;
+}
+
+#web-buttons img {
+	image-rendering: auto;
+	image-rendering: crisp-edges;
+	image-rendering: pixelated;
+}
+
 footer {
 	border-top: 1px solid #888;
 }