diff --git a/blog/.template/index.html b/blog/.template/index.html
index 1eaae3c..15a7076 100644
--- a/blog/.template/index.html
+++ b/blog/.template/index.html
@@ -3,7 +3,7 @@
 <html>
 
 <head>
-    <title>posts ~ sneexy dot pages dot gay</title>
+    <title>title of blog post here ~ sneexy dot pages dot gay</title>
     <link rel="icon" type="image/gif" href="../assets/petpet.gif">
     <link rel="stylesheet" href="style.css">
     <link rel="canonical" href="https://sneexy.pages.gay/">
diff --git a/index.html b/index.html
index fbfa7fe..5ddf2f3 100644
--- a/index.html
+++ b/index.html
@@ -7,13 +7,8 @@
     <link rel="icon" type="image/gif" href="./assets/petpet.gif">
     <link rel="stylesheet" href="style.css">
     <link rel="canonical" href="https://sneexy.pages.gay/">
-    <meta property="og:type" content="image.other">
+    <meta lang="en-US">
     <meta property="og:url" content="https://sneexy.pages.gay/">
-    <meta property="og:image" content="./assets/yoshi.gif">
-    <meta property="og:image:secure_url" content="https://sneexy.pages.gay/assets/yoshi.gif">
-    <meta property="og:image:type" content="gif">
-    <meta property="og:image:width" cotent="349">
-    <meta property="og:image:height" content="443">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 
@@ -29,12 +24,12 @@
         <p><a href="#sneexy">~/sneexy</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>
-    <article>
+    <section>
         <img src="./assets/me.png" onmouseover="this.src='./assets/petpet_flip.gif'" onmouseout="this.src='./assets/me.png'" alt="Crudely drawn picture of a synth character, looking derpy and staring at the viewer with a large green eye. Their body is mostly colored with shades of grey and accents of green." title="Crudely drawn picture of a synth character, looking derpy and staring at the viewer with a large green eye. Their body is mostly colored with shades of grey and accents of green.">
         <h1>hey, i'm <span class="rainbow">ruben!</span></h1>
         <small>cheesed to meet ya.</small>
         <p>a synth who is constantly tired about everything.</p>
-    </article>
+    </section>
 </div>
 
 <!-- about me -->
@@ -44,17 +39,17 @@
         <p><a href="#about-me">~/about-me</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>
-    <article>
-        <h1><a href="#about-me">about me</a></h1>
+    <section>
+        <h2><a href="#about-me">about me</a></h2>
         <p>i'm your "average" 17 year old <span class="rainbow">gay</span> foss enjoyer.</p>
         <p>i enjoy messing around with technology, unique and retro, or when it's not being stupid and ruined by "modernity" or corporations.</p>
         <p>i'm a nerd into <a href="https://en.wikipedia.org/wiki/Free_and_open-source_software" target="_blank">free and open source</a> software and privacy stuff, along with other libre things. i'm not a programmer or anything, though.</p>
-        <p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux" target="_blank">Linux</a> stuff, mostly touched <a href="https://archlinux.org" target="_blank">Arch</a>, <a href="https://fedoraproject.org" target="_blank">Fedora</a> and has just started tasting <a href="https://nixos.org" target="_blank">NixOS</a>.</p>
+        <p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux" target="_blank">Linux</a> stuff, mostly touched <a href="https://archlinux.org" target="_blank">Arch</a> and <a href="https://nixos.org" target="_blank">NixOS</a> but have found to stuck with <a href="https://fedoraproject.org" target="_blank">Fedora</a>.</p>
         <p>enthusiast in open, <a href="https://en.wikipedia.org/wiki/Decentralization" target="_blank">decentralized</a> and <a href="https://www.techopedia.com/definition/2500/federation" target="_blank">federated</a> projects, networks or services. favorites include the <a href="https://fediverse.info" target="_blank">fediverse</a> and <a href="https://listenbrainz.org" target="_blank">listenbrainz</a>.</p>
         <p>i <i>absoluetly</i> despise corporations and capitalism with every single fiber in my living synthentic body 😊💕</p>
         <p>Certified™ idiot <small>(i think this one is obvious)</small></p>
         <p>usually, seemingly always, pretty tired and sometimes full of random ideas i know damn well i can't execute at all or end up putting on the heater forever.</p>
-    </article>
+    </section>
 </div>
 
 <!-- socials -->
@@ -64,8 +59,8 @@
         <p><a href="#socials-and-contacts">~/socials-and-contacts</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>
-    <article>
-        <h1><a href="#socials-and-contacts">socials n' contacts</a></h1>
+    <section>
+        <h2><a href="#socials-and-contacts">socials n' contacts</a></h2>
         <p>you can find or contact me in these places i'm usually available and active on. <span style="color: var(--peach);">i <i>suck</i> at direct messages, if you try to contact me and i don't know you then chances are you'll get a response within the next 3028 years.</span></p>
         <div class="socials-contacts-list">
             <span class="social-container" id="fedi">
@@ -101,7 +96,7 @@
                 <address><a href="https://git.gay/sneexy" target="_blank">sneexy</a></address>
             </span>
         </div>
-    </article>
+    </section>
 </div>
 
 <!-- "fun" facts -->
@@ -111,8 +106,8 @@
         <p><a href="#fun-facts">~/fun-facts</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>
-    <article>
-        <h1><a href="#fun-facts">"fun" facts</a></h1>
+    <section>
+        <h2><a href="#fun-facts">"fun" facts</a></h2>
         <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>
@@ -121,7 +116,7 @@
             <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>
+    </section>
 </div>
 
 <!-- buttons -->
@@ -131,8 +126,8 @@
         <p><a href="#buttons">~/buttons</a></p>
         <div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
     </div>
-    <article>
-        <h1><a href="#buttons">buttons</a></h1>
+    <section>
+        <h2><a href="#buttons">buttons</a></h2>
         <p>all goes to awesome friends and websites! <small>friends listed alphabetically. <span style="color: var(--red);">if any are broken and/or missing, poke me.</span> <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
         <div class="buttons">
             <!--
@@ -145,6 +140,7 @@
             <a href="https://drakonic.zone" target="_blank"><img src="https://drakonic.zone/images/button.gif" alt="DRAKONIC" title="DRAKONIC"></a>
             <a href="https://freeplay.floof.company" target="_blank"><img src="https://freeplay.floof.company/assets/buttons/free.gif" alt="Freeplay" title="Freeplay"></a>
             <a href="https://jack.cab" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack" title="Jack"></a> <!-- thanks jack -->
+            <a href="https://kyropy.neocities.org" target="_blank"><img src="https://kyropy.neocities.org/images/kyropybutton.png" alt="Kyropy" title="Kyropy"></a>
             <a href="https://micenest.xyz" target="_blank"><img src="./assets/buttons/friends/micenest.png" alt="Mice Nest" title="Mice Nest"></a>
             <a href="https://micro.pages.gay" target="_blank"><img src="https://micro.pages.gay/buttons/micro.png" alt="micro" title="micro"></a>
             <a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire" title="notfire"></a>
@@ -182,16 +178,16 @@
             <a href="https://youtu.be/WfYyBp4Ln2s" target="_blank"><img src="./assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!" title="Doin Your Mom!"></a>
             <a href="https://www.youtube.com/@ScottTheWoz" target="_blank"><img src="./assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
         </div>
-    </article>
+    </section>
 </div>
 
 <!-- webrings and credits -->
 <footer>
     <div id="webring-credits" class="terminal">
         <p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></b></p>
-        <p><a href="https://git.gay/sneexy/pages" target="_blank">website source</a> (feel free to copy! 💚)</p>
+        <p><a href="https://git.gay/sneexy/pages" target="_blank">website source!</a></p>
         <p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
-        <p><a href="https://kde.org" target="_blank">KDE</a> for the wallpapers</p>
+        <p><a href="https://kde.org" target="_blank">KDE</a></p>
         <p><a href="https://www.jetbrains.com/lp/mono" target="_blank">JBM</a> <a href="./assets/fonts/JetBrainsMono/OFL.txt" target="_blank">license</a>/<a href="./assets/fonts/JetBrainsMono/AUTHORS.txt" target="_blank">authors</a></p>
         <p><a href="https://www.lexend.com" target="_blank">Lexend</a> <a href="./assets/fonts/LexendDeca/OFL.txt" target="_blank">license</a></p>
         <p><a href="https://github.com/PapirusDevelopmentTeam/papirus-icon-theme" target="_blank">Papirus icons</a> <a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/LICENSE" target="_blank">license</a>/<a href="https://raw.githubusercontent.com/PapirusDevelopmentTeam/papirus-icon-theme/master/AUTHORS" target="_blank">authors</a></p>
diff --git a/style.css b/style.css
index c3dd998..6da65e3 100644
--- a/style.css
+++ b/style.css
@@ -295,8 +295,12 @@ h1, h1 a {
     font-size: 32px;
     text-decoration: none;
 }
-h2 {
-    font-size: 28px;
+/* apparently having more than one h1 is against web standards
+but i prefer how it looks so i just use the same styling again */
+h2, h2 a {
+    color: var(--text);
+    font-size: 32px;
+    text-decoration: none;
 }
 h3 {
     font-size: 20px
@@ -335,7 +339,7 @@ about me section/terminal
     margin-top: 3.8em;
 }
 
-#sneexy > article {
+#sneexy > section {
     img {
         width: 256px;
         height: 256px;
@@ -500,15 +504,15 @@ footer/credits
 footer {
     .fediring a {
         display: inline-grid;
-        font-size: 18px;
+        font-size: 24px;
         color: var(--green);
-        text-decoration: none;
+        text-decoration: wavy;
         margin-bottom: .5em;
     }
     p, a {
         text-align: center;
-        font-size: 16px;
-        margin: .4em 0px .4em;
+        font-size: 15px;
+        margin: .2em 0px .2em;
     }
     img {
         max-width: 30%;
