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://veloren.net/blog/devblog-224/" target="_blank" rel="noopener">Two Weeks in Veloren 224</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://veloren.net">Veloren</a>
        </small>
        <small class="webring__date">- <date datetime="2024-01-03 00:00:00 &#43;0000 &#43;0000">2024-01-03</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="http://www.bay12games.com/dwarves/index.html#2023-12-14" target="_blank" rel="noopener">12/14/2023</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="http://www.bay12games.com/dwarves/index.html">Dwarf Fortress Development Log</a>
        </small>
        <small class="webring__date">- <date datetime="2023-12-14 19:56:00 &#43;0000 PDT">2023-12-14</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="https://www.redhat.com/sysadmin/build-deploy-application-openshift" target="_blank" rel="noopener">Deploy an application in Red Hat OpenShift on your laptop</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="https://www.redhat.com/sysadmin/">Enable Sysadmin</a>
        </small>
        <small class="webring__date">- <date datetime="2023-04-25 12:13:57 &#43;0000 &#43;0000">2023-04-25</date></small>
      </span>
    </div>
    
    <div class="webring__article">
      <p class="webring__title">
        <a href="http://malloc47.com/building-a-personal-dashboard-in-clojurescript-part-3/" target="_blank" rel="noopener">Building a Personal Dashboard in ClojureScript Part 3</a>
      </p>
      <span class="webring__metadata">
        <small class="webring__source">
          via <a href="http://malloc47.com/">malloc47</a>
        </small>
        <small class="webring__date">- <date datetime="2021-09-12 00:00:00 &#43;0000 &#43;0000">2021-09-12</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>