website/layouts/partials/openring.html

<section class="webring">
  <h3>Posts from other places I follow</h3>
  <section class="articles">
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://blog.thunderbird.net/2023/08/thunderbird-for-android-k-9-mail-july-2023-progress-report/" target="_blank" rel="noopener">Thunderbird for Android / K-9 Mail: July 2023 Progress Report</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://blog.thunderbird.net/">The Thunderbird Blog</a>
        </small>
        <small class="webring__date">- <date datetime="2023-08-23 16:41:05 &#43;0000 &#43;0000">2023-08-23</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://krita.org/en/item/second-beta-for-krita-5-2-0-released/" target="_blank" rel="noopener">Second Beta for Krita 5.2.0 Released</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://krita.org/en/">Krita</a>
        </small>
        <small class="webring__date">- <date datetime="2023-08-17 12:45:33 &#43;0000 &#43;0000">2023-08-17</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://jvns.ca/blog/2023/08/11/some-notes-on-mastodon/" target="_blank" rel="noopener">Notes on using a single-person Mastodon server</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="http://jvns.ca">Julia Evans</a>
        </small>
        <small class="webring__date">- <date datetime="2023-08-11 08:13:16 &#43;0000 UTC">2023-08-11</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://distill.pub/2021/understanding-gnns" target="_blank" rel="noopener">Understanding Convolutions on Graphs</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://distill.pub">Distill</a>
        </small>
      </span>
    </div>
    
  </section>
  <p class="webring__attribution">
    Generated by
    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
  </p>
</section>
<style>
.webring .articles {
  margin: -0.5rem;
}

.webring__title {
  margin: 0;
}

.webring__article {
  margin: 0.5rem;
  padding: 0.5rem;
  background: var(--base01);
}

.webring__attribution {
  text-align: right;
  font-size: 0.8rem;
}
</style>