total guestbook overhaul + new blog post + etc

- Added /about/pronouns/ in leiu of something like
  a pronouns.cc profile
- New blog post about my new and improved AI
  opinions
- Moved Stop Using Chromium to an actual blog post
  page
- Blog posts now have previous and next buttons
- New /blog/ background
- Moved status.cafe widget from /blog/ to landing
  page
- Total overhaul of guestbook:
  - Merged guestbook and blog comment section code
  - Beefed up bot protection
  - Added a word filter
  - Added a property to entries to facilitate
    holding comments for review and approving or
    denying them manually (The interface for this
    is somewhere else)
  - IP address from which a post originates is now
    tracked in order to IP ban malicious actors
- Various new buttons
- Updated /greenhouse/
- The site is now a member of the No AI Webring
- a couple minor CSS fixes

1 files changed, 46 insertions, 0 deletions

diff --git a/about/pronouns/index.php b/about/pronouns/index.php
new file mode 100644
index 0000000..015609c
--- /dev/null
+++ b/about/pronouns/index.php
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Pronounce</title>
+    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
+    <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'] . '/nav.php'); bg(false, -30, "Of course you have this") ?>
+    <h1>pronouns & shit</h1>
+    <h2 id="caption">extended director's cut special edition</h2>
+    <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">
+      <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>
+    <h2>Pronouns</h2>
+    <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>
+  </body>
+</html>