/notes/ + various minor changes

4 files changed, 155 insertions, 0 deletions

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>