NixNet/_includes/webring-out.html

<section class="webring">
  <h3>Articles from blogs I follow around the internet</h3>
  <section class="articles">
    
    <div class="article">
      <h4 class="title">
        <a href="https://kevq.uk/how-to-cycle-an-aquarium/" target="_blank" rel="noopener">How To Cycle An Aquarium</a>
      </h4>
      <p class="summary">If you’re new to fishkeeping, you need to cycle your aquarium before stocking your tank with live animals. This post will show you how I personally do this. Before adding livestock, it’s very important to cycle an aquarium first. Cycling is the process of…</p>
      <small class="source">
        via <a href="https://kevq.uk">Kev Quirk</a>
      </small>
      <small class="date">March 19, 2020</small>
    </div>
    
    <div class="article">
      <h4 class="title">
        <a href="https://drewdevault.com/2020/03/18/Reckless-limitless-scope.html" target="_blank" rel="noopener">The reckless, infinite scope of web browsers</a>
      </h4>
      <p class="summary">Since the first browser war between Netscape and Internet Explorer, web browsers
have been using features as their primary means of competing with each other.
This strategy of unlimited scope and perpetual feature creep is reckless, and
has been allowed to g…</p>
      <small class="source">
        via <a href="https://drewdevault.com">Drew DeVault&#39;s Blog</a>
      </small>
      <small class="date">March 18, 2020</small>
    </div>
    
    <div class="article">
      <h4 class="title">
        <a href="https://secluded.site/posts/reading-methods-rsvp/" target="_blank" rel="noopener">Reading Methods &amp; RSVP</a>
      </h4>
      <p class="summary">Reading methods Today, I learned that there are three primary ways people read. The first and most common is mental reading and this is when you “say” the words in your head as if you were speaking them1. I find this useful when writing because it’s as if…</p>
      <small class="source">
        via <a href="https://secluded.site/posts/">Posts on Secluded.Site</a>
      </small>
      <small class="date">February 13, 2020</small>
    </div>
    
  </section>
  <p class="attribution">
    Generated by
    <a href="https://git.sr.ht/~sircmpwn/openring">openring</a>
  </p>
</section>
<style>
.webring .articles {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.webring .title {
  margin: 0;
}
.webring .article {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  margin: 0.5rem;
  padding: 0.5rem;
  background: #323234;
  min-width: 10rem;
}
.webring .summary {
  font-size: 0.8rem;
  flex: 1 1 0;
}
.webring .attribution {
  text-align: right;
  font-size: 0.8rem;
  color: #fff;
}
</style>