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/2022/02/25/donnees-de-connexion-une-victoire-en-retard/" target="_blank" rel="noopener">Données de connexion : une victoire en retard</a>
      </h4>
      <p class="summary">Dans sa décision de ce matin, le Conseil constitutionnel vient de censurer, comme Franciliens.net et La Quadrature le lui demandaient, une partie de l’obligation de conservation généralisée et indifférenciée des données de connexion, c’est-à-dire la…</p>
      <small class="source">
        via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
      </small>
      <small class="date">February 25, 2022</small>
    </div>
    
  </section>
  <p class="attribution">
    Generated by
    <a rel="nofollow" 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;
  color: #555;
}
</style>