aaaaaaaaaaaaaaaaaaaaaaaaaaaa

1 files changed, 282 insertions, 224 deletions

diff --git a/about.html b/about.html
index 353cf8b..a376800 100644
--- a/about.html
+++ b/about.html
@@ -18,230 +18,288 @@
   You should have received a copy of the GNU Affero General Public License
   along with roughlynamed.net. If not, see <https://www.gnu.org/licenses/>.
 -->
-
 <!DOCTYPE html>
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-  <head>
-    <meta name="theme-color" content="#f8efdf" />
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>/about</title>
-    <link rel="icon" type="image/png" href="/assets/_.ico" />
-    <link rel="stylesheet" href="/style.css" />
-  </head>
-
-  <body>
-    <nav>
-      <a href="/">index</a>
-      <a href="/about.html">/about</a>
-      <a href="/contact.html">/contact</a>
-      <a href="/slashes.html">/slashes</a>
-      <a href="/uses.html">/uses</a>
-      <a href="/webrings.html">/webrings</a>
-      <a href="https://blog.roughlynamed.net">/blog</a>
-      <a href="https://1kb.roughlynamed.net">/1kb</a>
-      <a href="/tarantino/">/tarantino</a>
-    </nav>
-    <h1>/about</h1>
-    <p>
-      Hi, I'm Madeline (real name Magdalena Szweda (not legally (yet))), I am a
-      transfemme furry programmer
-    </p>
-    <p>
-      I somehow ended up running this website on my Raspberry Pi Zero W. A tiny
-      Pi.
-    </p>
-    <p>Fursona: Cottonball (deer)</p>
-    <section class="terminology">
-      <h2>Terminology</h2>
-
-      <p class="terminology-intro">
-        These aren't requirements, just the terms and pronouns I generally
-        prefer. Don't worry if you get something wrong!
-      </p>
-
-      <div class="terminology-grid">
-        <div>
-          <h3>Names</h3>
-          <ul>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Madeline
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />puss puss
-            </li>
-            <li class="rating-like">Cottonball</li>
-            <li class="rating-like">Sophie</li>
-            <li class="rating-never">
-              <img
-                class="icon"
-                src="/assets/images/icons/cross.png"
-              />(Deadname)
-            </li>
-          </ul>
-        </div>
-
-        <div>
-          <h3>Pronouns</h3>
-          <ul>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />she/her
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />they/them
-            </li>
-            <li class="rating-never">
-              <img class="icon" src="/assets/images/icons/cross.png" />he/him
-            </li>
-            <li class="rating-maybe">neopronouns</li>
-            <li class="rating-maybe">it/its</li>
-          </ul>
-        </div>
-
-        <div>
-          <h3>Honorifics</h3>
-          <ul>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />(None)
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Ms
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Ma'am
-            </li>
-            <li class="rating-like">Mrs</li>
-            <li class="rating-like">Madam</li>
-            <li class="rating-okay">Mx</li>
-            <li class="rating-okay">Master</li>
-            <li class="rating-never">
-              <img class="icon" src="/assets/images/icons/cross.png" />Mr
-            </li>
-            <li class="rating-never">
-              <img class="icon" src="/assets/images/icons/cross.png" />Sir
-            </li>
-          </ul>
-        </div>
-
-        <div>
-          <h3>Terms</h3>
-          <ul>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Girl
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Girlie
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Cutie
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Deer
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Deergirl
-            </li>
-            <li class="rating-like">Person</li>
-            <li class="rating-like">Sister</li>
-            <li class="rating-okay">Daughter</li>
-            <li class="rating-okay">Sibling</li>
-            <li class="rating-maybe">Bro</li>
-            <li class="rating-never">
-              <img class="icon" src="/assets/images/icons/cross.png" />Boy
-            </li>
-            <li class="rating-never">
-              <img class="icon" src="/assets/images/icons/cross.png" />Man
-            </li>
-          </ul>
-        </div>
-
-        <div>
-          <h3>Compliments</h3>
-          <ul>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Pretty
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Cute
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />Good girl
-            </li>
-            <li class="rating-love">
-              <img class="icon" src="/assets/images/icons/heart.png" />X11 Slut
-            </li>
-            <li class="rating-okay">Handsome</li>
-            <li class="rating-okay">Fine</li>
-            <li class="rating-never">
-              <img class="icon" src="/assets/images/icons/cross.png" />Wayland
-              Enjoyer
-            </li>
-          </ul>
-        </div>
-      </div>
-    </section>
-    <h2>My interests</h2>
-    <ul>
-      <li>NixOS</li>
-      <li>Computers</li>
-      <li>Space</li>
-      <li>Coding</li>
-      <li>Reading</li>
-    </ul>
-
-    <h2>Likes:</h2>
-    <ul>
-      <li>space</li>
-      <li>furries</li>
-      <li>learning new things.</li>
-      <li>Books! Books! Books!</li>
-      <li>*nix</li>
-      <li>*BSD</li>
-    </ul>
-    <h2>Dislikes/DNI:</h2>
-    <ul>
-      <li>lolicons</li>
-      <li>noncons (non consensual :/ )</li>
-      <li>proshippers</li>
-      <li>
-        people that use AI for basic tasks (coding, looking things up, etc.)
-      </li>
-      <li>Russians</li>
-      <li>Norwegians(except Emy)</li>
-      <li>MAGA</li>
-      <li>t-phobes</li>
-      <li>femboys</li>
-    </ul>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="description" content="about me!" />
+        <meta name="theme-color" content="#f8efdf" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>
+            /about :: roughlynamed
+        </title>
+        <link rel="icon" type="image/png" href="/assets/_.ico" />
+        <link rel="stylesheet" href="/style.css" />
+    </head>
+    <body>
+        <nav>
+            <a href="/">index</a> <a href="/about.html">/about</a> <a href="/contact.html">/contact</a> <a href="/slashes.html">/slashes</a> <a href="/uses.html">/uses</a> <a href="/webrings.html">/webrings</a> <a href="https://blog.roughlynamed.net">/blog</a> <a href="https://1kb.roughlynamed.net">/1kb</a> <a href="/tarantino/">/tarantino</a>
+        </nav>
+        <h1>
 
-    <p>I also like music, don't ask me what genre i like,</p>
-    <p>it ranges from indie to pop to death metal to incelcore</p>
-    <h2>as an example:</h2>
-    <ul>
-      <li>Tally Hall (by far my fav)</li>
-      <li>Jack Stauber</li>
-      <li>Elio Mei</li>
-      <li>Queen</li>
-      <li>Fried By Fluoride</li>
-      <li>many more...</li>
-    </ul>
-    <p>
-      I am currently learning Guile Scheme, but i have a background of
-      languages, e.g:
-    </p>
-    <ul>
-      <li>Golang</li>
-      <li>Haskell</li>
-      <li>Nix</li>
-      <li>Python</li>
-      <li>Bash</li>
-      <li>C</li>
-      <li>Java</li>
-    </ul>
-    <p>all of these gave up on except nixos.</p>
-    <p class="license">
-      <a href="https://tangled.org/roughlynamed.net/sophii.xyz">Source code</a>
-      &#8212;
-      <a href="COPYING">GNU AGPLv3</a>
-    </p>
-  </body>
+            /about
+        </h1>
+        <main>
+            <p>
+                Hi, I'm Madeline (<a href="/assets/madeline.wav" onclick="event.preventDefault(); new Audio(this.href).play();">/ˈmæd.ə.lɪn/</a>) , I am a transfemme furry programmer
+            </p>
+            <p>
+                I somehow ended up running this website on my Raspberry Pi Zero W. A tiny Pi.
+            </p>
+            <p>
+                Fursona: Cottonball (deer)
+            </p>
+            <section class="terminology">
+                <h2>
+                    Terminology
+                </h2>
+                <p class="terminology-intro">
+                    These aren't requirements, just the terms and pronouns I generally prefer. Don't worry if you get something wrong!
+                </p>
+                <div class="terminology-grid">
+                    <div>
+                        <h3>
+                            Names
+                        </h3>
+                        <ul>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Madeline
+                            </li>
+                            <li class="rating-like">Madilyn
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />puss puss
+                            </li>
+                            <li class="rating-like">Cottonball
+                            </li>
+                            <li class="rating-like">Sophie
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />(Deadname)
+                            </li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h3>
+                            Pronouns
+                        </h3>
+                        <ul>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />she/her
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />they/them
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />he/him
+                            </li>
+                            <li class="rating-maybe">neopronouns
+                            </li>
+                            <li class="rating-maybe">it/its
+                            </li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h3>
+                            Honorifics
+                        </h3>
+                        <ul>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />(None)
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Ms
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Ma'am
+                            </li>
+                            <li class="rating-like">Mrs
+                            </li>
+                            <li class="rating-like">Madam
+                            </li>
+                            <li class="rating-okay">Mx
+                            </li>
+                            <li class="rating-okay">Master
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />Mr
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />Sir
+                            </li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h3>
+                            Terms
+                        </h3>
+                        <ul>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Girl
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Girlie
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Cutie
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Deer
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Deergirl
+                            </li>
+                            <li class="rating-like">Person
+                            </li>
+                            <li class="rating-like">Sister
+                            </li>
+                            <li class="rating-okay">Daughter
+                            </li>
+                            <li class="rating-okay">Sibling
+                            </li>
+                            <li class="rating-maybe">Bro
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />Boy
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />Man
+                            </li>
+                        </ul>
+                    </div>
+                    <div>
+                        <h3>
+                            Compliments
+                        </h3>
+                        <ul>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Pretty
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Cute
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />Good girl
+                            </li>
+                            <li class="rating-love">
+                                <img class="icon" src="/assets/images/icons/heart.png" />X11 Slut
+                            </li>
+                            <li class="rating-okay">Handsome
+                            </li>
+                            <li class="rating-okay">Fine
+                            </li>
+                            <li class="rating-never">
+                                <img class="icon" src="/assets/images/icons/cross.png" />Wayland Enjoyer
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </section>
+            <h2>
+                My interests
+            </h2>
+            <ul>
+                <li>NixOS
+                </li>
+                <li>Computers
+                </li>
+                <li>Space
+                </li>
+                <li>Coding
+                </li>
+                <li>Reading
+                </li>
+            </ul>
+            <h2>
+                Likes:
+            </h2>
+            <ul>
+                <li>space
+                </li>
+                <li>furries
+                </li>
+                <li>learning new things.
+                </li>
+                <li>Books! Books! Books!
+                </li>
+                <li>*nix
+                </li>
+                <li>*BSD
+                </li>
+            </ul>
+            <h2>
+                Dislikes/DNI:
+            </h2>
+            <ul>
+                <li>lolicons
+                </li>
+                <li>noncons (non consensual :/ )
+                </li>
+                <li>proshippers
+                </li>
+                <li>people that use AI for basic tasks (coding, looking things up, etc.)
+                </li>
+                <li>Russians
+                </li>
+                <li>Norwegians(except Emy)
+                </li>
+                <li>MAGA
+                </li>
+                <li>t-phobes
+                </li>
+                <li>femboys
+                </li>
+            </ul>
+            <p>
+                I also like music, don't ask me what genre i like,
+            </p>
+            <p>
+                it ranges from indie to pop to death metal to incelcore
+            </p>
+            <h2>
+                as an example:
+            </h2>
+            <ul>
+                <li>Tally Hall (by far my fav)
+                </li>
+                <li>Jack Stauber
+                </li>
+                <li>Elio Mei
+                </li>
+                <li>Queen
+                </li>
+                <li>Fried By Fluoride
+                </li>
+                <li>TV Girl
+                </li>
+                <li>many more...
+                </li>
+            </ul>
+            <p>
+                I am currently learning Haskell, but i have a background of languages, e.g:
+            </p>
+            <ul>
+                <li>Golang
+                </li>
+                <li>Guile Scheme
+                </li>
+                <li>Nix
+                </li>
+                <li>Python
+                </li>
+                <li>Bash
+                </li>
+                <li>C
+                </li>
+                <li>Java
+                </li>
+            </ul>
+            <p>
+                all of these gave up on except nixos.
+            </p>
+            <p class="license">
+                <a href="https://tangled.org/roughlynamed.net/sophii.xyz">Source code</a> — <a href="COPYING">GNU AGPLv3</a>
+            </p>
+        </main>
+    </body>
 </html>