/notes/ + various minor changes

author: Hannah Isopod <me@bathynomus.xyz> 2025-06-23 08:04:22 -0600
committer: Hannah Isopod <me@bathynomus.xyz> 2025-06-23 08:04:22 -0600
commit: 54dac74821cca8bb84af32bece3779eb59dcf5ef (patch)
tree: d0fdeb55636962e8748e2b55bc737ee4ca0811db
parent: 0b4e9e92c3b08d2351d5525b4bfeb073ab6a3f83 (diff)
27 files changed, 184 insertions, 30 deletions
diff --git a/.gitignore b/.gitignore
index 72d6369..c3d028b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@ blog/posts/invaluable_contributions
 Parsedown.php
 /stuff/fonts/*
 guestbook/bannedwords.json
+ditherizer.sh
diff --git a/BACKGROUND_DITHER_COMMAND.txt b/BACKGROUND_DITHER_COMMAND.txt
deleted file mode 100644
index 218c6a0..0000000
--- a/BACKGROUND_DITHER_COMMAND.txt
+++ /dev/null
@@ -1 +0,0 @@
-magick bg.jpg -resize 50% -ordered-dither o3x3 bg_dither.png
-\ No newline at end of file
diff --git a/README.md b/README.md
index dc3d103..4b90390 100644
--- a/README.md
+++ b/README.md
@@ -4,3 +4,9 @@ My personal website.
 
 **TODO:**
 - Add more isopods.
+
+For my own reference, this is the command I use to dither the backgrounds:
+
+```
+magick bg.jpg -geometry x810 -gravity center -crop 1:1 -ordered-dither o3x3 bg_dither.png
+```
+\ No newline at end of file
diff --git a/about/bg_dither.png b/about/bg_dither.png
index 34544c7..b0ed9df 100644
--- a/about/bg_dither.png
+++ b/about/bg_dither.png
diff --git a/about/pronouns/bg_dither.png b/about/pronouns/bg_dither.png
index 9204c63..96baec0 100644
--- a/about/pronouns/bg_dither.png
+++ b/about/pronouns/bg_dither.png
diff --git a/bg_dither.png b/bg_dither.png
index bca13e9..347a171 100644
--- a/bg_dither.png
+++ b/bg_dither.png
diff --git a/blog/bg_dither.png b/blog/bg_dither.png
index 4262604..4792ab8 100644
--- a/blog/bg_dither.png
+++ b/blog/bg_dither.png
diff --git a/common.php b/common.php
index 3100ca9..26b02e5 100644
--- a/common.php
+++ b/common.php
@@ -3,7 +3,7 @@
 $datadir = "/var/www/data/isopoddotcool/";
 
 # Common data for the various guestbook scripts
-$defaultmodstatus = 1; # If 0, all posts will be held for review by default.
+$defaultmodstatus = 0; # If 0, all posts will be held for review by default.
                        # If 1, only posts containing the banned words defined in
                        # $datadir/bannedwords.json will be held for review.
 $gbform_messages = array (
diff --git a/etc/bg_dither.png b/etc/bg_dither.png
index 4e47095..8d5661f 100644
--- a/etc/bg_dither.png
+++ b/etc/bg_dither.png
diff --git a/etc/quotes/bg_dither.png b/etc/quotes/bg_dither.png
index 81cb571..e252d2f 100644
--- a/etc/quotes/bg_dither.png
+++ b/etc/quotes/bg_dither.png
diff --git a/greenhouse/bg_dither.png b/greenhouse/bg_dither.png
index 841726e..921b9d1 100644
--- a/greenhouse/bg_dither.png
+++ b/greenhouse/bg_dither.png
diff --git a/guestbook/bg_dither.png b/guestbook/bg_dither.png
index dda3944..6dbbe69 100644
--- a/guestbook/bg_dither.png
+++ b/guestbook/bg_dither.png
diff --git a/links/bg_dither.png b/links/bg_dither.png
index 21f7493..9162c84 100644
--- a/links/bg_dither.png
+++ b/links/bg_dither.png
diff --git a/links/index.php b/links/index.php
index 17040fa..fbb3c71 100644
--- a/links/index.php
+++ b/links/index.php
@@ -6,11 +6,6 @@
     <title>Links</title>
     <link href="../style.css" rel="stylesheet" type="text/css" media="all">
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
-    <style>
-      #leftsidebg, #rightsidebg {
-        image-rendering: pixelated;
-      }
-    </style>
   </head>
   <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); bg(true, 1000, "Pictured: My home internet connection") ?>
@@ -254,6 +249,9 @@
       <tr>
         <td colspan="2"><a href="https://dotmaetrix.neocities.org/classictranslist">A List Of Games By Trans People Before 2010</a></td>
       </tr>
+      <tr>
+        <td colspan="2"><a href="https://seirdy.one/posts/2021/03/10/search-engines-with-own-indexes/">A look at search engines with their own indexes</a></td>
+      </tr>
     </table>
     <h2>Fun</h2>
     <h3>Games</h3>
@@ -347,32 +345,17 @@
     <h2>Articles</h2>
     <table>
       <tr>
-          <td><a href="https://pluralistic.net/2023/01/21/potemkin-ai/#hey-guys">Cory Doctorow - Tiktok's enshittification</a></td>
-      </tr>
-      <tr>
-          <td><a href="https://kalechips.net/posts/2022-09-09-Mobile-Compatibility">Kalechips - Your website needs to work on phones</a></td>
-      </tr>
-      <tr>
-          <td><a href="https://axbom.com/the-creepy-sound-of-online-trackers/">Axbom - The Creepy Sound of Online Trackers</a></td>
-      </tr>
-      <tr>
           <td><a href="https://www.youtube.com/watch?v=5pYeoZaoWrA">Folding Ideas - This is Financial Advice (⏵)</a></td>
       </tr>
       <tr>
           <td><a href="https://www.youtube.com/watch?v=8BIcAZxFfrc">hbomberguy - Vaccines and Autism: A Measured Response (⏵)</a></td>
       </tr>
       <tr>
-          <td><a href="https://seirdy.one/posts/2021/03/10/search-engines-with-own-indexes/">Seirdy - A look at search engines with their own indexes</a></td>
-      </tr>
-      <tr>
           <td><a href="https://modem.io/blog/blog-monetization/">modem.io - How to Monetize a Blog</a></td>
       </tr>
       <tr>
           <td><a href="https://www.youtube.com/watch?v=aZ2czFuIYmQ">Benn Jordan - VINYL: Maybe it's time we had an intervention. (⏵)</a></td>
       </tr>
-      <tr>
-          <td><a href="https://www.joanwestenberg.com/american-tech-is-compromised-heres-my-replacement-stack-2/">How I'm Building a Trump-Proof Tech Stack Without Big Tech</a></td>
-      </tr>
     </table>
     <h2>More Stuff</h2>
     <table>
diff --git a/music/bg_dither.png b/music/bg_dither.png
index 2a31da7..2593de4 100644
--- a/music/bg_dither.png
+++ b/music/bg_dither.png
diff --git a/nav.php b/nav.php
index dbd1589..032ff67 100644
--- a/nav.php
+++ b/nav.php
@@ -148,9 +148,10 @@ if(!preg_match('/(headless.*)/i', $_SERVER['HTTP_USER_AGENT'])) {
         '<a href="https://www.youtube.com/watch?v=N14uA0EhBAU">coke and fries halo</a>',
         'Check it out, I\'m in the <span class="house">house</span> like carpet',
         'Ordered dithering!',
+        'thats so weirdcore liminal analogue horror backrooms scp',
         'COUNTER',
         'TUEADAY',
-        'PLACEHIM',
+        #'PLACEHIM',
         'BLAHAJ'
       );
       break;
@@ -209,14 +210,15 @@ function echolink($url, $name) {
       echo("<a href='https://deeptwisty.com' style='text-decoration: none;' title='the website where i post my various art. i like to compartmentalize'><span style=' margin: 0; padding: 0; font-style: italic; background: linear-gradient(135deg, #2e1ae0 0%, #2e1ae0 35%, #00ff00 65%, #ffff00 90%); background-clip: text; -webkit-text-fill-color: transparent;'>deep twisty</span></a>");
     }
     echolink("about", "about");
+    echolink("stats", "stats");
     echolink("uses", "uses");
-    echolink("music", "music");
     echolink("blog", "blog");
+    echolink("notes", "notes");
     echolink("links", "links");
-    echolink("stuff", "stuff");
-    echolink("guestbook", "guestbook");
-    echolink("stats", "stats");
+    echolink("music", "music");
     echolink("greenhouse", "greenhouse");
+    echolink("guestbook", "guestbook");
+    echolink("stuff", "stuff");
     echolink("etc", "etc");
   ?>
   </nav>
diff --git a/notes/bg.jpg b/notes/bg.jpg
new file mode 100644
index 0000000..60ed0c9
--- /dev/null
+++ b/notes/bg.jpg
diff --git a/notes/bg_dither.png b/notes/bg_dither.png
new file mode 100644
index 0000000..0629cc9
--- /dev/null
+++ b/notes/bg_dither.png
diff --git a/notes/index.php b/notes/index.php
new file mode 100644
index 0000000..9daaf25
--- /dev/null
+++ b/notes/index.php
@@ -0,0 +1,113 @@
+<!--?php 
+ini_set('display_errors', '1');
+ini_set('display_startup_errors', '1');
+error_reporting(E_ALL);
+?-->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Notes</title>
+    <link href="../style.css" rel="stylesheet" type="text/css" media="all">
+    <style>
+      .noteentry {
+        max-width: 100%;
+        list-style: none;
+        display: inline-block;
+        margin: var(--stdpadding) 0;
+      }
+      .noteentry h3 {
+        margin-top: 0;
+      }
+      /*ul h2:first-of-type::before {
+        content: "Articles - "
+      }*/
+      .noteentry > * {
+        display: block;
+        box-sizing: border-box;
+      }
+      .entrytag {
+        font-size: .9em;
+        color: #bbbbbb;
+        font-style: italic;
+        display: inline-block;
+        margin-right: 1ch;
+      }
+      .entrydate {
+        font-weight: bold;
+      }
+      .entrytitle {
+        padding-left: initial;
+        border-left: initial;
+      }
+    </style>
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
+  </head>
+  <body>
+    <?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); bg(true); ?>
+    <h1>isonotes</h1>
+    <h2 id="caption">superfluous commentary</h2>
+    <nav>
+      <a href="notes.atom">atom feed</a>
+      <?php
+        $content = simplexml_load_file("notes.atom");
+        $year = "-69420";
+        $yc = 0;
+        foreach($content->entry as $entry) {
+          $nyr = substr($entry->published, 0, 4);
+          if($nyr != $year) {
+            $year = $nyr;
+            echo "<a href='#$year'>$year</a>";
+          }
+        }
+      ?>
+    </nav>
+    <?php
+      $stag = $_GET["tag"];
+      $nostag = empty($stag);
+      if(!$nostag) {
+        echo "<a style='display: block; margin-top: 1rem; margin-bottom: 1rem;' href='.'>All notes</a>";
+      }
+      $year = "-69420";
+      $yc = 0;
+      $yeag = false;
+      foreach($content->entry as $entry) {
+        
+        if($yeag) {
+          echo "<hr>";
+        } else {
+          $yeag = true;
+        }
+
+        $pfilt = false;
+        if(!$nostag) {
+          foreach($entry->category as $cat) {
+            $term = $cat["term"];
+            if($stag == $term) {
+              $pfilt = true;
+            }
+          }
+        }
+
+        if($pfilt or $nostag) { 
+          $nyr = substr($entry->published, 0, 4);
+          if($nyr != $year) {
+            $year = $nyr;
+            echo "<h2 id='$year'>$year</h2>";
+          }
+          $dt = substr($entry->published, 0, 10);
+          $ti = $entry->title;
+          $cats = "";
+          foreach($entry->category as $cat) {
+            $term = $cat["term"];
+            $cats = $cats."<a class='entrytag' href='?tag=".$term."'>".$term."</a>";
+          }
+          
+          echo "<article class='noteentry'><time class='entrydate'>$dt</time><h3 class='entrytitle'><a href='".$entry->link["href"]."'>$ti</h3></a>$entry->summary<span>$cats</span></article>";
+        }
+      }
+    ?>
+    
+  </body>
+</html>
diff --git a/notes/notes.atom b/notes/notes.atom
new file mode 100644
index 0000000..63d34c3
--- /dev/null
+++ b/notes/notes.atom
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom">
+    <title>isopod.cool notes</title>
+    <id>https://isopod.cool/notes/</id>
+    <link rel="alternate" href="https://isopod.cool/notes/"></link>
+    <updated>2025-06-12T00:00:00+00:00</updated>
+    <author>
+        <name>Hannah Isopod</name>
+        <uri>https://isopod.cool/</uri>
+    </author>
+    <generator>ME</generator>
+    <category term="notes"/>
+    <category term="links"/>
+    <category term="tech"/>
+    <entry>
+        <title>Tiktok's enshittification</title>
+        <id>https://pluralistic.net/2023/01/21/potemkin-ai/#hey-guys</id>
+        <link rel="alternate" href="https://pluralistic.net/2023/01/21/potemkin-ai/#hey-guys" type="html" title="Tiktok's enshittification"></link>
+        <published>2025-06-22T02:00:00+00:00</published>
+        <updated>2025-06-22T02:00:00+00:00</updated>
+        <summary>&lt;p&gt;inb4 Bluesky's little ~decentralized protocol~ becomes "deprecated" in a few years after they run out of money.&lt;/p&gt;</summary>
+        <category term="capitalism"/>
+    </entry>
+    <entry>
+        <title>The creepy sound of online trackers</title>
+        <id>https://axbom.com/the-creepy-sound-of-online-trackers/</id>
+        <link rel="alternate" href="https://axbom.com/the-creepy-sound-of-online-trackers/" type="html" title="The creepy sound of online trackers"></link>
+        <published>2025-06-22T01:00:00+00:00</published>
+        <updated>2025-06-22T01:00:00+00:00</updated>
+        <summary>&lt;p&gt;The second half of the first video is what's really interesting to me. Try as I might, I can't come up with what (even superfluous) purpose some of those pings to Google could possibly be serving, and that's almost the creepiest part.&lt;/p&gt;&lt;p&gt;Oh wait, it's Chrome. I guess that explains it.&lt;/p&gt;</summary>
+        <category term="capitalism"/>
+    </entry>
+    <entry>
+        <title>Introducing: notes.jim-nielsen.com</title>
+        <id>https://blog.jim-nielsen.com/2023/notes-dot-jim-nielsen-dot-com/</id>
+        <link rel="alternate" href="https://blog.jim-nielsen.com/2023/notes-dot-jim-nielsen-dot-com/" type="html" title="Introducing: notes.jim-nielsen.com"></link>
+        <published>2025-06-22T00:00:00+00:00</published>
+        <updated>2025-06-22T00:00:00+00:00</updated>
+        <summary>&lt;p&gt;I've wanted to do something like this for almost as long as I've had a blog, but it took seeing this for the idea to properly crystallize in my head. So I'm doing it now. You're looking at it!&lt;/p&gt;</summary>
+        <category term="meta"/>
+    </entry>
+</feed>
diff --git a/stats/bg_dither.png b/stats/bg_dither.png
index 1611b8d..e834b6a 100644
--- a/stats/bg_dither.png
+++ b/stats/bg_dither.png
diff --git a/stuff/bg_dither.png b/stuff/bg_dither.png
index 070f692..ca8f4d7 100644
--- a/stuff/bg_dither.png
+++ b/stuff/bg_dither.png
diff --git a/style.css b/style.css
index a726813..859ade6 100644
--- a/style.css
+++ b/style.css
@@ -231,21 +231,29 @@ tr.indent-1 td:first-child {
 }
 
 /* Quotations */
-figure.quote {
+figure.quote, blockquote {
   padding: calc(var(--stdpadding) * 1.5);
   margin: 0;
-  margin-bottom: initial;
   border-left: var(--stdaccentborder);
   background-color: var(--blockbg);
   margin-bottom: var(--stdpadding);
 }
 figure.quote blockquote {
-  margin: 0;
+  padding: initial;
+  border-left: initial;
+  background-color: initial;
+  margin-bottom: initial;
 }
 figure.quote figcaption {
   margin-left: calc(var(--stdpadding) * 3);
   margin-top: var(--stdpadding);
 }
+blockquote > :first-child {
+  margin-top: 0;
+}
+blockquote > :last-child {
+  margin-bottom: 0;
+}
 
 /* Media, plus captions thereof */
 img, picture, video {
diff --git a/uses/bg_dither.png b/uses/bg_dither.png
index 73feeae..bc8717b 100644
--- a/uses/bg_dither.png
+++ b/uses/bg_dither.png
diff --git a/uses/compier/bg_dither.png b/uses/compier/bg_dither.png
index 6d4d7ae..901fa89 100644
--- a/uses/compier/bg_dither.png
+++ b/uses/compier/bg_dither.png
diff --git a/uses/cumulonimbus/bg_dither.png b/uses/cumulonimbus/bg_dither.png
index 9f37d68..5e91980 100644
--- a/uses/cumulonimbus/bg_dither.png
+++ b/uses/cumulonimbus/bg_dither.png
diff --git a/uses/servy586/bg_dither.png b/uses/servy586/bg_dither.png
index 5632139..00e9ff0 100644
--- a/uses/servy586/bg_dither.png
+++ b/uses/servy586/bg_dither.png
author	Hannah Isopod <me@bathynomus.xyz>	2025-06-23 08:04:22 -0600
committer	Hannah Isopod <me@bathynomus.xyz>	2025-06-23 08:04:22 -0600
commit	54dac74821cca8bb84af32bece3779eb59dcf5ef (patch)
tree	d0fdeb55636962e8748e2b55bc737ee4ca0811db
parent	0b4e9e92c3b08d2351d5525b4bfeb073ab6a3f83 (diff)