From c15bc7062dcac3faff3bd29a979796e46fccf326 Mon Sep 17 00:00:00 2001
From: minish <minish@riseup.net>
Date: Sat, 30 Mar 2024 17:03:41 -0400
Subject: [PATCH] fix some accessibility stuff

---
 index.html | 47 ++++++++++++++++++++++++-----------------------
 style.css  | 10 +++++-----
 2 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/index.html b/index.html
index dab4849..7a59f52 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,14 @@
     <link rel="stylesheet" href="style.css">
     <link rel="canonical" href="https://min.rip">
 
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <meta name="darkreader-lock">
     <meta name="color-scheme" content="only light">
 
+    <meta name="description" content="website of minish">
+
     <title>min.rip</title>
 </head>
 
@@ -17,36 +22,32 @@
     <div id="bordeur"></div>
     <main>
         <div id="floats">
-            <img src="/assets/icon.webp" alt="my avatar" id="icon">
+            <img src="/assets/icon.webp" alt="" id="icon">
             <div id="yapping">
                 <h1>hi, world!</h1>
                 <h2>i am minish</h2>
                 <p>hi, i go by minish online. i enjoy programming & reverse engineering.</p>
+                <p>my current main projects are</p>
                 <ul>
-                    my current main projects are
-                    <span>
-                        <li>
-                            <a href="https://git.min.rip/min/breeze">breeze</a> -
-                            a simple, performant file upload server
-                        </li>
-                        <li>
-                            <a href="https://git.min.rip/breeze/hls_convert">hls_convert</a> -
-                            easily download videos and fix embeds
-                        </li>
-                        <li>
-                            <a href="#">uproot</a> -
-                            for the ultimate gaming in class enjoyers
-                        </li>
-                    </span>
+                    <li>
+                        <a href="https://git.min.rip/min/breeze">breeze</a> -
+                        a simple, performant file upload server
+                    </li>
+                    <li>
+                        <a href="https://git.min.rip/breeze/hls_convert">hls_convert</a> -
+                        easily download videos and fix embeds
+                    </li>
+                    <li>
+                        <a href="#">uproot</a> -
+                        for the ultimate gaming in class enjoyers
+                    </li>
                 </ul>
+                <p>some stuff i like:</p>
                 <ul class="interests">
-                    some stuff i like:
-                    <span class="interests">
-                        <li>omori <img src="/assets/interests/omori.png"></li>
-                        <li>deltarune <img src="/assets/interests/deltarune.png"></li>
-                        <li>inabakumori <img src="/assets/interests/inabakumori.webp"></li>
-                        <li>cafe de touhou <img src="/assets/interests/cdth.webp"></li>
-                    </span>
+                    <li>omori <img src="/assets/interests/omori.png" alt=""></li>
+                    <li>deltarune <img src="/assets/interests/deltarune.png" alt=""></li>
+                    <li>inabakumori <img src="/assets/interests/inabakumori.webp" alt=""></li>
+                    <li>cafe de touhou <img src="/assets/interests/cdth.webp" alt=""></li>
                 </ul>
             </div>
         </div>
diff --git a/style.css b/style.css
index 5472351..e36318f 100644
--- a/style.css
+++ b/style.css
@@ -122,16 +122,16 @@ ul {
 
 }
 
-span.interests {
-    display: grid;
-    grid-template-columns: auto auto;
-}
-
 li {
     /* move the bulletpoint 6px inward on itself */
     padding-left: 6px;
 }
 
+.interests {
+    display: grid;
+    grid-template-columns: auto auto;
+}
+
 .interests img {
     height: 1.75em;
     vertical-align: middle;