blogotheme/layouts/partials/openring-out.html

<section class="webring">
  <h3>Articles from blogs I follow around the net</h3>
  <section class="articles">
    
    <div class="article">
      <h4 class="title">
        <a href="https://www.laquadrature.net/2021/05/28/les-cookies-qui-sont-ils-que-veulent-ils/" target="_blank" rel="noopener">Les Cookies, qui sont-ils ? Que veulent-ils ?</a>
      </h4>
      <p class="summary">Les cookies, nous les voyons de plus en plus souvent. En tout cas, on nous demande de plus en plus ce que nous voulons faire des cookies : les accepter ou pas ? Mais pour…</p>
      <small class="source">
        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
      </small>
      <small class="date">May 28, 2021</small>
    </div>
    
    <div class="article">
      <h4 class="title">
        <a href="https://soundcloud.com/user-501071043#new_tab" target="_blank" rel="noopener">Lance-pierre #1 : Qu’est-ce qu’un centre fermé ?</a>
      </h4>
      <p class="summary">L’article Lance-pierre #1 : Qu’est-ce qu’un centre fermé ? est apparu en premier sur jef klak.
</p>
      <small class="source">
        via <a href="https://www.jefklak.org">jef klak</a>
      </small>
      <small class="date">May 20, 2021</small>
    </div>
    
    <div class="article">
      <h4 class="title">
        <a href="https://solar.lowtechmagazine.com/2021/05/how-to-design-a-sailing-ship-for-the-21st-century.html" target="_blank" rel="noopener">How to design a sailing ship for the 21st century?</a>
      </h4>
      <p class="summary">It is surprisingly difficult to build a carbon neutral sailing ship. This is even more the case today, because our standards for safety, health, hygiene, comfort, and convenience have changed profoundly since the Age of Sail.</p>
      <small class="source">
        via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
      </small>
      <small class="date">May 11, 2021</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;
  min-width: 10rem;
}
.webring .summary {
  font-size: 0.8rem;
  flex: 1 1 0;
}
.webring .attribution {
  text-align: right;
  font-size: 0.8rem;
}
</style>