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.replit.com/startup-showcase-2023-09-29" target="_blank" rel="noopener">Showcasing Startups on Replit</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://blog.replit.com/">Replit Blog</a>
        </small>
        <small class="webring__date">- <date datetime="2023-09-29 00:00:00 &#43;0000 &#43;0000">2023-09-29</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://drewdevault.com/2023/09/29/The-forbidden-topics.html" target="_blank" rel="noopener">The forbidden topics</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://drewdevault.com">Drew DeVault&#39;s blog</a>
        </small>
        <small class="webring__date">- <date datetime="2023-09-29 00:00:00 &#43;0000 &#43;0000">2023-09-29</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://wingolog.org/archives/2023/08/08/a-negative-result" target="_blank" rel="noopener">a negative result</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="2023-08-08 09:03:25 &#43;0000 UTC">2023-08-08</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://inkscape.org/news/2023/07/23/inkscape-launches-version-13-focus-organizing-work/" target="_blank" rel="noopener">Inkscape launches version 1.3 with a focus on organizing work efficiently
</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://inkscape.org/news/">News feed</a>
        </small>
        <small class="webring__date">- <date datetime="2023-07-23 18:00:00 &#43;0000 &#43;0000">2023-07-23</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://www.inkandswitch.com/upwelling/" target="_blank" rel="noopener">Upwelling: Combining real-time collaboration with version control for writers.</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://www.inkandswitch.com/">Ink &amp; Switch</a>
        </small>
        <small class="webring__date">- <date datetime="2023-03-08 00:00:00 &#43;0000 &#43;0000">2023-03-08</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>