From f7a6bfe9c558bfac19783c1e0918f62bd9ab83c9 Mon Sep 17 00:00:00 2001
From: Madison Rye Progress <makyo@drab-makyo.com>
Date: Thu, 21 Aug 2025 13:07:12 -0700
Subject: [PATCH] RSS feed

---
 config.toml                               |  2 +-
 content/_index.md                         |  6 +++++
 content/extras/nanon/vocabulary.md        |  2 +-
 static/css/{toledot.css => post-self.css} | 26 ++++++++++++++++++-
 static/{ => js}/carousel.js               |  0
 static/js/rss.js                          | 31 +++++++++++++++++++++++
 static/{ => js}/sql.js                    |  0
 static/rss.js                             | 27 --------------------
 8 files changed, 64 insertions(+), 30 deletions(-)
 rename static/css/{toledot.css => post-self.css} (91%)
 rename static/{ => js}/carousel.js (100%)
 create mode 100644 static/js/rss.js
 rename static/{ => js}/sql.js (100%)
 delete mode 100644 static/rss.js

diff --git a/config.toml b/config.toml
index d8c89e5..f5333aa 100644
--- a/config.toml
+++ b/config.toml
@@ -12,7 +12,7 @@ disablePathToLower = true
     # author = 'Madison Scott-Clary'
     # home = 'https://makyo.ink'
     copyright = 'The Post-Self authors 2020 — 2024'
-    customCSS = ['/css/toledot.css']
+    customCSS = ['/css/post-self.css']
     headline = 'A science fiction setting focused on identity, memory, and individuation with uploaded consciousnesses'
 
 [markup.goldmark.renderer]
diff --git a/content/_index.md b/content/_index.md
index 1fe1144..aa5d1fc 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -17,9 +17,15 @@ Alternately: "If I had a nickel for every time I accidentally wrote something wi
 
 <p class="buy">
 <a href="https://wiki.post-self.ink/wiki/What_is_Post-Self%3F">What is Post-Self?</a>
+<a href="https://read.post-self.ink/post-self">Blog</a>
 <a href="/books">Books</a>
 <a href="/stories">Stories</a>
 <a href="https://wiki.post-self.ink">The Post-Self Wiki</a>
 <a href="https://wiki.post-self.ink/wiki/The_Post-Self_community">The Post-Self Community</a>
 </p>
 
+<div id="feed">
+    <h1>Updates</h1>
+</div>
+<script src="/js/rss.js"></script>
+
diff --git a/content/extras/nanon/vocabulary.md b/content/extras/nanon/vocabulary.md
index aaf1f30..7f19a4d 100644
--- a/content/extras/nanon/vocabulary.md
+++ b/content/extras/nanon/vocabulary.md
@@ -21,7 +21,7 @@ tbody tr td:first-child {
     <tbody id="vocab-list"></tbody>
 </table>
 
-<script src="/sql.js"></script>
+<script src="/js/sql.js"></script>
 <script type="text/javascript">
     var xhr = new XMLHttpRequest();
     xhr.open('GET', '/extras/nanon/vocabulary.sqlite3', true);
diff --git a/static/css/toledot.css b/static/css/post-self.css
similarity index 91%
rename from static/css/toledot.css
rename to static/css/post-self.css
index 4262531..80a223f 100644
--- a/static/css/toledot.css
+++ b/static/css/post-self.css
@@ -175,7 +175,31 @@ main.story .author, main.story .character, main.story h3 {
     content: "❓ Canon Note";
     font-weight: bold;
 }
-    
+
+#feed article h2 {
+    text-align: left;
+    opacity: 0.9;
+    margin: 0;
+}
+
+#feed article:after {
+    display: block;
+    width: 100%;
+    text-align: center;
+    content: '§';
+}
+
+#feed article .pub-date {
+    font-size: 90%;
+    opacity: 0.9;
+}
+
+#feed article li {
+    text-align: left;
+    list-style-type: disc;
+    margin-left: 1.5rem;
+}
+
 @media only screen and (max-width: 960px) {
     .carousel nav {
             display: none;
diff --git a/static/carousel.js b/static/js/carousel.js
similarity index 100%
rename from static/carousel.js
rename to static/js/carousel.js
diff --git a/static/js/rss.js b/static/js/rss.js
new file mode 100644
index 0000000..e50cff9
--- /dev/null
+++ b/static/js/rss.js
@@ -0,0 +1,31 @@
+const RSS_URL = `https://read.post-self.ink/post-self/feed/`;
+
+fetch(RSS_URL)
+  .then(response => response.text())
+  .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
+  .then(data => {
+    const items = data.querySelectorAll("item");
+    let html = ``;
+    items.forEach(el => {
+      const link    = el.querySelector("link").innerHTML,
+            title   = el.querySelector("title").innerHTML,
+            pubDate = new Date(el.querySelector("pubDate").innerHTML),
+            content = el.querySelector("encoded").childNodes[0].nodeValue; // Get the CDATA value
+      html += `
+        <article>
+          <h2>
+            <a href="${link}" target="_blank">
+              ${title}
+            </a>
+          </h2>
+          <p class="pub-date">${pubDate.toLocaleString()}</p>
+          <section class="item-content">
+            ${content}
+          </section>
+        </article>
+      `;
+    });
+    document.querySelector('#feed').insertAdjacentHTML('beforeend', html);
+  });
+
+
diff --git a/static/sql.js b/static/js/sql.js
similarity index 100%
rename from static/sql.js
rename to static/js/sql.js
diff --git a/static/rss.js b/static/rss.js
deleted file mode 100644
index 00eb50a..0000000
--- a/static/rss.js
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-const RSS_URL = `https://cohost.org/post-self/rss/public.atom`;
-
-fetch(RSS_URL)
-  .then(response => response.text())
-  .then(str => new window.DOMParser().parseFromString(str, "text/xml"))
-  .then(data => {
-    console.log(data);
-    const items = data.querySelectorAll("item");
-    let html = ``;
-    items.forEach(el => {
-      html += `
-        <article>
-          <img src="${el.querySelector("link").innerHTML}/image/large.png" alt="">
-          <h2>
-            <a href="${el.querySelector("link").innerHTML}" target="_blank" rel="noopener">
-              ${el.querySelector("title").innerHTML}
-            </a>
-          </h2>
-        </article>
-      `;
-    });
-    document.querySelector('#feed').html = html;
-  });
-
-