blogroll.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blogroll</title>

    <style>
      section {
        border: 1px solid #ccc;
        padding: 4px;
        background-color: #f9f9f9;
      }

      p {
        margin: 0;
      }

      code {
        background-color: #f4f4f4;
        padding: 2px 4px;
        border-radius: 3px;
      }
      
      main {
        max-width: 100ch;
      }
    </style>

    <script>
      class RssFeedList extends HTMLElement {
        async connectedCallback() {
          const feedUrl = this.getAttribute('feed-url');
          if (!feedUrl) return;

          try {
            const response = await fetch(feedUrl);
            const text = await response.text();
            const parser = new DOMParser();
            const xml = parser.parseFromString(text, 'text/xml');
            
            const items = xml.querySelectorAll('item, entry');
            const ul = document.createElement('ul');
            
            items.forEach(item => {
              const title = item.querySelector('title').textContent;
              const link = item.querySelector('link').textContent;
              const li = document.createElement('li');
              const a = document.createElement('a');
              a.href = link;
              a.textContent = title;
              li.appendChild(a);
              ul.appendChild(li);
            });

            this.appendChild(ul);
          } catch (e) {
            console.error('Failed to load RSS feed:', e);
          }
        }
      }

      customElements.define('rss-feed-list', RssFeedList);
    </script>
</head>
<body>
    <main>
      <p><a href="index.html">← max bo</a></p>
      <h1>Blogroll</h1>
      <p>My blogroll, a collection of backlinks to blogs I read occasionally. I was inspired to create one after reading <a href="https://cheapskatesguide.org/articles/personal-website-hunting.html">Hunting the Nearly-Invisible Personal Website</a>.</p>

      <br />
      <br />

      <p>
        <b>NOTE:</b> I have an <q>authoritative</q> list of RSS/Atom feeds I follow at <a href="feeds.html">feeds.html</a>
        which I load into <a href="https://newsboat.org/">newsboat</a> with <code>newsboat -u &lt;(curl -s https://maxbo.me/feeds)</code>.

        There will often be more RSS feeds than blogroll entries, as I may not have added all the blogs to the blogroll yet.
      </p>

      <br />
      <br />

      <section>
        <em><a href="https://stratechery.com/">Stratechery by Ben Thompson</a></em>
        <p>On the business, strategy, and impact of technology.</p>
        <p><a href="https://twitter.com/benthompson">Twitter</a></p>
      </section>

      <section>
        <em><a href="https://simonwillison.net/">Simon Willison's Weblog</a></em>
        <p>Simon Willison's blog on web development, data journalism, and more.</p>
        <p><a href="https://twitter.com/simonw">Twitter</a>, <a href="https://simonwillison.net/atom/everything/">Atom</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://simonwillison.net/atom/everything/"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://tigerbeetle.com/blog/">TigerBeetle</a></em>
        <p><a href="https://tigerbeetle.com/blog/atom.xml">Atom</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://tigerbeetle.com/blog/atom.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://apenwarr.ca/log/">apenwarr</a></em>
        <p>Avery Pennarun's blog on various tech topics.</p>
        <p><a href="https://twitter.com/apenwarr">Twitter</a>, <a href="https://apenwarr.ca/log/rss.php">RSS</a></p>

        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://apenwarr.ca/log/rss.php"></rss-feed-list>
      </section>

      <section>
        <em><a href="https://www.kalzumeus.com/greatest-hits/">Patio11's Greatest Hits</a></em>
        <p>Patrick McKenzie's blog on marketing and engineering.</p>
        <p><a href="https://twitter.com/patio11">Twitter</a></p>
      </section>

      <section>
        <em><a href="https://www.eugenewei.com/">Remains of the Day</a></em>
        <p>Eugene Wei's blog on technology, product development, and more.</p>
        <p><a href="https://twitter.com/eugenewei">Twitter</a></p>
      </section>

      <section>
        <em><a href="https://www.hillelwayne.com/about/">Hillel Wayne</a></em>
        <p>Blog on formal methods and programming topics.</p>
        <p><a href="https://twitter.com/hillelogram">Twitter</a>, <a href="https://buttondown.com/hillelwayne/rss">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://buttondown.com/hillelwayne/rss"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://julian.digital/">julian.digital</a></em>
        <p>Julian Lehr's blog on tech, economics, and more.</p>
        <p><a href="https://twitter.com/lehrjulian">Twitter</a>, <a href="https://julian.digital/feed/">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://julian.digital/feed/"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://overreacted.io/">Overreacted</a></em>
        <p>Dan Abramov's personal blog on React and web development.</p>
        <p><a href="https://mobile.twitter.com/dan_abramov">Twitter</a>, <a href="https://overreacted.io/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://overreacted.io/rss.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://www.gwern.net/Changelog">Gwern</a></em>
        <p>Gwern Branwen's website on various topics including statistics, psychology, and more.</p>
        <p><a href="https://twitter.com/gwern">Twitter</a>, <a href="https://gwern.substack.com/feed">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://gwern.substack.com/feed"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://thehtml.review/about">the html review</a></em>
        <p>An annual journal of literature made to exist on the web.</p>
        <p><a href="https://thehtml.review/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://thehtml.review/rss.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://juw.ee/">juwee</a></em>
        <p><a href="https://juw.ee/rss.xml">RSS</a>, <a href="https://digest.juw.ee/">digest</a>, <a href="https://digest.juw.ee/rss.xml">digest RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://juw.ee/rss.xml"></rss-feed-list>
        </details>
      </section>
      
      <section>
        <em><a href="https://faultlore.com/blah/">Aria Desires</a></em>
        <p><a href="https://faultlore.com/blah/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://faultlore.com/blah/rss.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://ciechanow.ski/">Bartosz Ciechanowski</a></em>
        <p><a href="https://ciechanow.ski/atom.xml">Atom</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://ciechanow.ski/atom.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://justine.lol/">Justine Tunney</a></em>
        <p><a href="https://justine.lol/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://justine.lol/rss.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://borretti.me/">Fernando Borretti</a></em>
        <p><a href="https://borretti.me/feed.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://borretti.me/feed.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="http://jakecoppinger.com/">Jake Coppinger</a></em>
        <p><a href="https://jakecoppinger.com/feed/">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://jakecoppinger.com/feed/"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://spencer.place/">Spencer Chang</a></em>
        <p><a href="https://spencer.place/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://spencer.place/rss.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://leanrada.com/">Lean Rada</a></em>
        <p><a href="https://leanrada.com/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://leanrada.com/rss.xml"></rss-feed-list>
        </details>
      </section>

      <section>
        <em><a href="https://classicprogrammerpaintings.com/">Classic Programmer Paintings</a></em>
        <p>Software engineering as depicted by artists through history.</p>
        <p><a href="https://twitter.com/progpaintings">Twitter</a></p>
      </section>


      <section>
        <em><a href="https://connie.surf/">Connie Liu</a></em>
        <p><a href="https://www.are.na/connie-liu-kg4ypfp7ry0/channels">Are.na</a></p>
      </section>
      
      <section>
        <em><a href="https://www.hame.page/">Hamish Bultitude</a></em>
      </section>

      <section>
        <em><a href="https://laurelschwulst.com/">Laurel Schwulst</a></em>
        <p><a href="https://www.are.na/laurel-schwulst/channels">Are.na</a></p>
      </section>

      <section>
        <em><a href="https://www.trudy.computer/">Trudy Painter</a></em>
        <p><a href="https://www.are.na/trudy-painter/channels">Are.na</a></p>
      </section>

      <!-- <section>
        <em><a href="https://geokash.com/">Katarina Lingat</a></em>
      </section> -->

      <!-- <section>
        <em><a href="https://www.claireosbornli.click/">Claire Osborn-Li</a></em>
        <p><a href="https://www.are.na/claire-li/channels">Are.na</a></p>
      </section> -->

      <!-- <section>
        <em><a href="https://rory.green/">Rory Green</a></em>
        <p><a href="https://www.are.na/rory-green/channels">Are.na</a></p>
      </section> -->

      <!-- <section>
        <em><a href="http://www.amanda.zip/">Amanda Figueroa</a></em>
        <p><a href="https://www.are.na/amanda-figueroa-tvrbptrr6x0/channels">Are.na</a></p>
      </section> -->

      <!-- <section>
        <em><a href="https://www.blazesmith.xyz/">Blaze Smith</a></em>
        <p><a href="https://www.are.na/blaze-smith/channels">Are.na</a></p>
      </section> -->

      <section>
        <em><a href="https://everythingi.love/">Chia Amisola</a></em>
        <p><a href="https://www.are.na/chia/channels">Are.na</a></p>
      </section>

      <section>
        <em><a href="https://cristobal.space/">Cristóbal Sciutto</a></em>
        <p><a href="https://www.are.na/cristobal-sciutto/channels">Are.na</a></p>
      </section>

      <!-- <section>
        <em><a href="http://cloudlord.management/">Kristoffer Tjalve</a></em>
        <p><a href="https://www.are.na/kristoffer-tjalve/channels">Are.na</a></p>
      </section> -->

      <!-- <section>
        <em><a href="https://elliott.computer/">Elliott Cost</a></em>
        <p><a href="https://www.are.na/elliott-cost/channels">Are.na</a></p>
      </section> -->

      <section>
        <em><a href="https://websitesite.xyz/">Jisu L</a></em>
        <p><a href="https://www.are.na/jisu-l/channels">Are.na</a></p>
      </section>


      <!-- <section>
        <em><a href="https://100r.co/site/home.html">100R</a></em>
        <p><a href="https://100r.co/links/rss.xml">RSS</a></p>
        <details>
          <summary>View feed</summary>
          <rss-feed-list feed-url="https://100r.co/links/rss.xml"></rss-feed-list>
        </details>
      </section> -->
    </main>

</body>
</html>