chore: use ul on list, add button assets

index.html

@@ -66,12 +66,14 @@
     </div>
     <article id="about-me">
         <h1>"fun" facts</h1>
-        <li>my profile pictures used to be random characters from different types of media that i would just grayscaled. ever since then, i realized that i've very much enjoyed being a <a href="https://synthspecies.com/" target="_blank">synth</a> instead.</li>
-        <li>i used to have a joke where i loved cheese, in a "i cannot live with cheese, give me the cheese or i die" way. technically the joke does still exist to some extent in a friend group, but otherwise has mostly died out. 🧀</li>
-        <li>originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection.</li>
-        <li>joined <a href="https://fediverse.info" target="_blank">fedi</a> around 2020 or so, originally on <a href="https://mas.to" target="_blank">mas.to</a> before closing shop and moving to <a href="https://types.pl" target="_blank">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe" target="_blank">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet" target="_blank">lea.pet</a>.</li>
-        <li>i prefer lowercase when possible. it just feels more natural.</li>
-        <li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
+        <ul>
+            <li>my profile pictures used to be random characters from different types of media that i would just grayscaled. ever since then, i realized that i've very much enjoyed being a <a href="https://synthspecies.com/" target="_blank">synth</a> instead.</li>
+            <li>i used to have a joke where i loved cheese, in a "i cannot live with cheese, give me the cheese or i die" way. technically the joke does still exist to some extent in a friend group, but otherwise has mostly died out. 🧀</li>
+            <li>originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection.</li>
+            <li>joined <a href="https://fediverse.info" target="_blank">fedi</a> around 2020 or so, originally on <a href="https://mas.to" target="_blank">mas.to</a> before closing shop and moving to <a href="https://types.pl" target="_blank">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe" target="_blank">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet" target="_blank">lea.pet</a>.</li>
+            <li>i prefer lowercase when possible. it just feels more natural.</li>
+            <li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
+        </ul>
     </article>
 </div>
 

style.css

@@ -304,7 +304,7 @@ small {
 }
 /* lists need some styling */
 li {
-    margin-left: .8em;
+    margin-left: -1em;
     padding-bottom: 18px;
 }
 /* gay ass text */