THE BIG ONE

Total website redesign.
Multiple new blog posts.
Routine updates on several pages.
Too much to list, even if I remembered it all.
Remind me not to put this git repo on any portfolios.

6 files changed, 72 insertions, 0 deletions

diff --git a/me/pronouns/bad.svg b/me/pronouns/bad.svg
new file mode 100644
index 0000000..069da16
--- /dev/null
+++ b/me/pronouns/bad.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

+  <path stroke-linecap="round" stroke-linejoin="round" d="M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54" />

+</svg>

diff --git a/me/pronouns/bg.jpg b/me/pronouns/bg.jpg
new file mode 100644
index 0000000..2cc9218
--- /dev/null
+++ b/me/pronouns/bg.jpg
diff --git a/me/pronouns/bg_dither.png b/me/pronouns/bg_dither.png
new file mode 100644
index 0000000..96baec0
--- /dev/null
+++ b/me/pronouns/bg_dither.png
diff --git a/me/pronouns/friend.svg b/me/pronouns/friend.svg
new file mode 100644
index 0000000..ad67d3c
--- /dev/null
+++ b/me/pronouns/friend.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

+  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />

+</svg>

+

diff --git a/me/pronouns/good.svg b/me/pronouns/good.svg
new file mode 100644
index 0000000..a2d6d96
--- /dev/null
+++ b/me/pronouns/good.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">

+  <path stroke-linecap="round" stroke-linejoin="round" d="M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z" />

+</svg>

diff --git a/me/pronouns/index.php b/me/pronouns/index.php
new file mode 100644
index 0000000..c6106f8
--- /dev/null
+++ b/me/pronouns/index.php
@@ -0,0 +1,59 @@
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>pronounce | isopod.cool v4</title>
+    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+    <style>
+      .entry-container {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        gap: var(--stdpadding);
+      }
+      .labeled-entry {
+        display: flex;
+        align-items: center;
+        gap: calc(var(--stdpadding) / 2);
+      }
+      .labeled-entry img {
+        height: 2em;
+        filter: invert();
+      }
+    </style>
+  </head>
+  <body>
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/header.php'); ?>
+
+    <main>
+      <p class="prefers-contrast-less-message">If you're reading this with your eyes and not a screen reader, that means you have, somehow, indicated a preference that this page be displayed with reduced contrast. I genuinely have no clue how you did this, or how I as a web dev am supposed to handle it. I hope my solution of applying a reduced-contrast filter to the entire page is to your liking. If not, please contact me and tell me what you'd prefer I do here, because I'm genuinely lost.</p>
+      <section>
+        <h2>i got pronouns</h2>
+        <p class="h2caption">blue hair pending</p>
+        <p class="backlink"><a href="../"><< about me</a></p>
+        <p>I briefly had a page on <a href="https://pronouns.cc">pronouns.cc</a> once but hell if I'm gonna use it when I have my own website</p>
+        <div class="entry-container notice">
+          <span class="labeled-entry"><img src="good.svg" alt="Good"> Preferred</span>
+          <span class="labeled-entry"><img src="friend.svg" alt="Friends only"> Friends only</span>
+          <span class="labeled-entry"><img src="bad.svg" alt="Bad"> Don't</span>
+        </div>
+        <section>
+          <h3>Pronouns</h3>
+          <div class="entry-container">
+            <span class="labeled-entry"><img src="good.svg" alt="Good"> she/her</span>
+            <span class="labeled-entry"><img src="good.svg" alt="Good"> it/its</span>
+            <span class="labeled-entry"><img src="friend.svg" alt="Friends only"> they/them</span>
+            <span class="labeled-entry"><img src="bad.svg" alt="Bad"> he/him</span>
+          </div>
+        </section>
+      </section>
+    </main>
+
+    <?php include($_SERVER['DOCUMENT_ROOT'] . "/footer.php"); ?>
+
+
+  </body>
+</html>