rework navbar palette

src/global.json

@@ -43,9 +43,15 @@
         "Construction Physics": "https://www.construction-physics.com/feed",
         "Factorio": "https://www.factorio.com/blog/rss",
         "The Eldraeverse": "https://eldraeverse.com/feed/",
-        "STH Newsletter Archive Feed": "https://us13.campaign-archive.com/feed?u=45c4ca50425f376ea593dcd22&id=c344a80940",
+        "ServeTheHome": "https://www.servethehome.com/feed/",
         "Graphcore Research": "https://graphcore-research.github.io/feed.xml",
-        "ToughSF": "https://toughsf.blogspot.com/rss.xml"
+        "ToughSF": "https://toughsf.blogspot.com/rss.xml",
+        "Fernando Borretti": "https://borretti.me/feed.xml",
+        "Cameron Harwick": "https://cameronharwick.com/feed/",
+        "Money Stuff": "https://www.bloomberg.com/opinion/authors/ARbTQlRLRjE/matthew-s-levine.rss",
+        "The Worlds of John Bierce": "https://johnbierce.com/blog/feed/",
+        "Dominic Cummings": "https://dominiccummings.substack.com/feed"
+
     },
     "dateFormat": "YYYY-MM-DD",
     "microblogSource": "https://b.osmarks.net/outbox",

src/index.js

@@ -385,7 +385,7 @@ const fetchMicroblog = async () => {
         })
     }
 
-    globalData.microblog = globalData.microblog.slice(0, 6).map((post, i) => minifyHTML(globalData.templates.activitypub({
+    globalData.microblog = globalData.microblog.slice(0, 8).map((post, i) => minifyHTML(globalData.templates.activitypub({
         ...globalData,
         permalink: post.object.id,
         date: dayjs(post.object.published),
@@ -418,10 +418,16 @@ const fetchFeeds = async () => {
         writeCache("feeds", globalData.openring)
     }
 
+    const otherBlogURLs = []
+    for (const [name, feed] of Object.entries(globalData.openring)) {
+        otherBlogURLs.push([name, feed.link])
+    }
+    globalData.otherBlogURLs = R.fromPairs(R.sortBy(x => x[0].toLowerCase(), otherBlogURLs))
     const entries = []
     for (const [name, feed] of Object.entries(globalData.openring)) {
         for (const entry of feed.entries) {
             entry.feed = feed
+            entry.feedName = name
         }
         const entry = feed.entries[0]
         entry.published = Date.parse(entry.published)
@@ -436,7 +442,7 @@ const fetchFeeds = async () => {
     }
     entries.sort((a, b) => b.published - a.published)
 
-    globalData.openring = entries.slice(0, 6).map((post, i) => minifyHTML(globalData.templates.remoteFeedEntry({
+    globalData.openring = entries.slice(0, 8).map((post, i) => minifyHTML(globalData.templates.remoteFeedEntry({
         ...globalData,
         ...post,
         i

src/style.sass

@@ -85,10 +85,6 @@ nav
     a, img, picture
         margin-right: 0.5em
 
-    @for $i from 1 through 6
-        a:nth-child(#{$i + 1})
-            color: hsl(120 + ($i * 30), 100%, 80%)
-
 h1, h2, h3, h4, h5, h6
     margin: 0
     font-weight: 600
@@ -235,6 +231,9 @@ blockquote
         display: block
     .sidenotes-container
         display: block
+    table
+        display: block
+        overflow-x: scroll
 
 @media (min-width: calc(4 * $content-margin + $content-width + $sidenotes-width + $navbar-width))
     // fullwidth 3-pane layout