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

7 files changed, 9 insertions, 3 deletions

diff --git a/etc/buttons/miku-approved.gif b/etc/buttons/miku-approved.gif
new file mode 100644
index 0000000..106c982
--- /dev/null
+++ b/etc/buttons/miku-approved.gif
diff --git a/etc/buttons/neo-fedi.gif b/etc/buttons/neo-fedi.gif
new file mode 100644
index 0000000..5e84e5c
--- /dev/null
+++ b/etc/buttons/neo-fedi.gif
diff --git a/etc/buttons/she-her.gif b/etc/buttons/she-her.gif
new file mode 100644
index 0000000..2c15fe4
--- /dev/null
+++ b/etc/buttons/she-her.gif
diff --git a/etc/buttons/trans.png b/etc/buttons/trans.png
index 9e3b390..2e63a5e 100644
--- a/etc/buttons/trans.png
+++ b/etc/buttons/trans.png
diff --git a/etc/buttons/tyg.gif b/etc/buttons/tyg.gif
new file mode 100644
index 0000000..9215840
--- /dev/null
+++ b/etc/buttons/tyg.gif
diff --git a/etc/index.php b/etc/index.php
index 5d368c9..f164f9a 100644
--- a/etc/index.php
+++ b/etc/index.php
@@ -41,14 +41,16 @@
   <h2>Buttons</h2>
   <div class="buttons">
     <a target="_blank" href="https://easyussr.neocities.org/torrenting.html"><img src="buttons/piracy.gif" alt="Piracy Now!"></a>
-    <a target="_blank" href="https://frame.work"><img src="buttons/bestviewed.gif" alt="Best viewed with a computer"></a>
     <a target="_blank" href="https://www.videolan.org/"><img src="buttons/getvlcnow.png" alt="get VLC now!"></a>
+    <a target="_blank" href="https://isopod.zone/"><img src="buttons/neo-fedi.gif" alt="Join the Fediverse!"></a>
     <a target="_blank" href="https://www.youtube.com/watch?v=nleepK7P978"><img src="buttons/35mm.gif" alt="Best heard through a 3.5mm jack"></a>
+    <a target="_blank" href="https://frame.work"><img src="buttons/bestviewed.gif" alt="Best viewed with a computer"></a>
     <img src="buttons/tested_on_firefox.gif" alt="Tested on Firefox">
     <img src="buttons/nowebp.gif" alt="No WebP! Just use PNG">
     <img src="buttons/svg.svg" alt="Scalable Vector Graphics Now!" style="width:88px; height:31px;" />
     <a target="_blank" href="http://web3.14159.annwfn.net/"><img src="buttons/web-pi.png" alt="Web Pi Certified"></a>
     <a target="_blank" href="https://neocities.org"><img src="buttons/neocities_stamp.gif" alt="Neocities: The web is yours"></a>
+    <a href="https://status.cafe/"><img src="/blog/media/banner-statuscafe.png" alt="Status Cafe"></a>
     <a target="_blank" href="http://www.ermel.org/handcoded/"><img src="buttons/handcode.png" alt="100% hand coded HTML"></a>
     <a target="_blank" href="https://12ft.io/"><img src="buttons/dontyouhate.gif" alt="Don't you hate it when you're reading a page and then some-- This content is for subscribers only! Paywalls Gatekeep Knowledge."></a>
     <img src="buttons/righttorepair.png" alt="I support right to repair">
@@ -62,16 +64,20 @@
     <img src="buttons/linux_powered.gif" alt="Linux powered">
     <img src="buttons/drpepper.gif" alt="Powered by Dr Pepper">
     <img src="buttons/the_void.gif" alt="Powered by the void">
+    <img src="buttons/miku-approved.gif" alt="This site is Miku approved">
     <img src="buttons/krisbtn.png" alt="Kris where tf are we">
     <a target="_blank" href="https://neofoxfloofexplo.de/"><img src="buttons/floof_explode_88x31.gif" alt=":neofox_floof_explode:"></a>
     <img src="buttons/badhtml.png" alt="W3C Bad HTML Markup">
     <img src="buttons/bantimetravel.png" alt="Ban Time Travel &quot;Now&quot;">
     <img src="buttons/css.png" alt="CSS is awesome">
+    <img src="buttons/tyg.gif" alt="Trans your gender">
     <a target="_blank" href="https://we-are-jammin.xyz/"><img src="https://damcraft.de/88x31/jammin.webp" alt="We're jammin!"></a>
+    <iframe src="//incr.easrng.net/badge?key=isopoddotcool" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>
     <a target="_blank" href="https://crouton.net/"><img src="buttons/usatoday.gif" alt="USA Today Hot Site"></a>
     <a target="_blank" href="https://seaslug.neocities.org/"><img src="buttons/shrimp.png" alt="Shrimp Now!"></a>
     <img src="buttons/canadian.gif" title="Regrettably..." alt="Canadian on the web">
     <img src="buttons/queercoded.png" alt="You're telling me a queer coded this">
+    <img src="buttons/she-her.gif" alt="she/her" title="Its pronouns are she/her">
     <img src="buttons/aro.png" alt="Aromantic pride flag">
     <!--img src="buttons/ace.png"-->
     <a href="https://rainy.gay/pride/pridebuttons.html"><img src="buttons/trans.png" alt="Trans pride flag"></a>
@@ -82,8 +88,6 @@
   <h3>My buttons</h3>
   <div class="buttons">
     <img src="buttons/isopodhours.png" alt="isopod hours">
-    <!--img src="buttons/niceopod_button_2.png" alt="niceopod">
-    <img src="buttons/niceopod_button.png" alt="niceopod"-->
     <a target="_blank" href="https://deeptwisty.com/"><img src="buttons/deeptwisty_button.png" alt="deep twisty"></a>
   </div>
     
diff --git a/etc/quotes/index.php b/etc/quotes/index.php
index 7245c34..ad9f8b6 100644
--- a/etc/quotes/index.php
+++ b/etc/quotes/index.php
@@ -26,12 +26,14 @@ error_reporting(E_ALL);
       .pfp {
         border-radius: 50%;
         height: 3rem;
+        min-width: 3rem;
         box-shadow: none;
       }
       .message {
         display: flex;
         margin: 1rem;
         text-shadow: none;
+        word-break: break-word;
       }
       .content {
         margin-left: 1rem;