Ajout des html openring

This commit is contained in:
nono 2022-02-27 17:39:38 +01:00
parent c1c2b078f4
commit f96cadbac0
2 changed files with 55 additions and 26 deletions

View File

@ -0,0 +1,49 @@
<!-- License-Id: CC0-1.0 -->
<section class="webring">
<h3>Articles from blogs I follow around the net</h3>
<section class="articles">
{{range .Articles}}
<div class="article">
<h4 class="title">
<a href="{{.Link}}" target="_blank" rel="noopener">{{.Title}}</a>
</h4>
<p class="summary">{{.Summary}}</p>
<small class="source">
via <a href="{{.SourceLink}}">{{.SourceTitle}}</a>
</small>
<small class="date">{{ .Date.Format "January 2, 2006" }}</small>
</div>
{{end}}
</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>

View File

@ -1,44 +1,23 @@
<section class="webring"> <section class="webring">
<h3>Articles from blogs I follow around the net</h3> <h3>Articles from blogs I follow around the net</h3>
<section class="articles"> <section class="articles">
<div class="article"> <div class="article">
<h4 class="title"> <h4 class="title">
<a href="https://solar.lowtechmagazine.com/2021/03/urban-fish-ponds-low-tech-sewage-treatment-for-towns-and-cities.html" target="_blank" rel="noopener">Urban Fish Ponds: Low-tech Sewage Treatment for Towns and Cities</a> <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> </h4>
<p class="summary">In the mid 20th century, whole cities sewage systems safely and successfully used fish to treat and purify their water. Waste-fed fish ponds are a low-tech, cheap, and sustainable alternative to deal with our own shit — and to obtain high protein food in…</p> <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 lobligation de conservation généralisée et indifférenciée des données de connexion, cest-à-dire la…</p>
<small class="source">
via <a href="https://solar.lowtechmagazine.com/">LOW←TECH MAGAZINE</a>
</small>
<small class="date">March 28, 2021</small>
</div>
<div class="article">
<h4 class="title">
<a href="https://www.laquadrature.net/2021/03/26/gendnotes-entre-flicage-inavoue-et-mauvaise-foi/" target="_blank" rel="noopener">GendNotes : entre flicage inavoué et mauvaise foi</a>
</h4>
<p class="summary">Il y a plus d&#39;un an, le gouvernement autorisait par décret la gendarmerie à utiliser une application de prise de notes sur téléphone mobile intitulée GendNotes. Nous avions déposé un recours contre ce décret devant…</p>
<small class="source"> <small class="source">
via <a href="https://www.laquadrature.net">La Quadrature du Net</a> via <a href="https://www.laquadrature.net">La Quadrature du Net</a>
</small> </small>
<small class="date">March 26, 2021</small> <small class="date">February 25, 2022</small>
</div>
<div class="article">
<h4 class="title">
<a href="https://mamot.fr/@n07070/105955483490021614" target="_blank" rel="noopener">n07070: “N&#39;empêche, …”</a>
</h4>
<p class="summary">N&#39;empêche, vu la situation actuelle, heureusement que la réforme de la sécu c&#39;était pas le premier truc à l&#39;ordre du jour des destructions prévues par Macron...</p>
<small class="source">
via <a href="https://mamot.fr/@n07070">N07070 (@n07070@mamot.fr)</a>
</small>
<small class="date">March 26, 2021</small>
</div> </div>
</section> </section>
<p class="attribution"> <p class="attribution">
Generated by Generated by
<a href="https://git.sr.ht/~sircmpwn/openring">openring</a> <a rel="nofollow" href="https://git.sr.ht/~sircmpwn/openring">openring</a>
</p> </p>
</section> </section>
<style> <style>
@ -65,5 +44,6 @@
.webring .attribution { .webring .attribution {
text-align: right; text-align: right;
font-size: 0.8rem; font-size: 0.8rem;
color: #555;
} }
</style> </style>