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://matrix.org/blog/2024/06/14/this-week-in-matrix-2024-06-14/" target="_blank" rel="noopener">This Week in Matrix 2024-06-14</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://matrix.org">Matrix.org</a>
        </small>
        <small class="webring__date">- <date datetime="2024-06-14 19:00:00 &#43;0000 UTC">2024-06-14</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://www.collabora.com/news-and-blog/blog/2024/06/12/cmtp-responder-news/" target="_blank" rel="noopener">The latest on cmtp-responder, a permissively-licensed MTP responder implementation</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://www.collabora.com/newsroom-rss-feed.rss">Collabora Newsroom RSS Feed</a>
        </small>
        <small class="webring__date">- <date datetime="2024-06-12 14:49:19 &#43;0000 &#43;0000">2024-06-12</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://wingolog.org/archives/2024/05/27/cps-in-hoot" target="_blank" rel="noopener">cps in hoot</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://wingolog.org/">wingolog</a>
        </small>
        <small class="webring__date">- <date datetime="2024-05-27 12:36:44 &#43;0000 UTC">2024-05-27</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://monthly-reports.archlinux.page/2024/01/" target="_blank" rel="noopener">January</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://monthly-reports.archlinux.page/">Arch Linux Monthly Reports</a>
        </small>
        <small class="webring__date">- <date datetime="2024-01-31 19:45:37 &#43;0100 &#43;0100">2024-01-31</date></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>