Update blogroll CSV with new entries and improve HTML layout for better styling

content/liens/blogroll.csv

@@ -1,24 +1,24 @@
 nom;description;url-site;url-feed
-Bartosz Ciechanowski;;;
-Maggie Appleton;;;
-Zuma;;;
-Fonts In Use ;;;
-what if?;;;
-A spinner weaver;Annie MacHale est spécialisée dans le tissage Inkle;https://aspinnerweaver.blogspot.com/;https://aspinnerweaver.blogspot.com/feeds/posts/default
-Bison Rimant;Un sculpteur breton qui crée des animaux en bois;https://bisonrimant.fr/;https://bisonrimant.fr/feed
-Kurisquare;Coni Yovaniniz écrit des BD;https://blog.kurisquare.com/;https://blog.kurisquare.com/feed/
+Bartosz Ciechanowski;Articles explicatifs de systèmes mécaniques, avec modèles 3D dynamiques époustouflants.;https://ciechanow.ski/;https://ciechanow.ski/atom.xml
+Maggie Appleton;Digital garden, articles à propos d'internet, et des LLM.;https://maggieappleton.com/;https://maggieappleton.com/rss.xml
+Zuma;Projets de code, voyages.;https://zuma.shenanigans.cc/;https://zuma.shenanigans.cc/index.xml
+Fonts In Use ;Exemples de jokie typographie dans la vie réelle.;https://fontsinuse.com/;https://fontsinuse.com/blog.rss
+what if?;xkcd explore des questions scientifiques absurdes avec humour.;https://what-if.xkcd.com/;https://what-if.xkcd.com/feed.atom
+A spinner weaver;Annie MacHale est spécialisée dans le tissage Inkle.;https://aspinnerweaver.blogspot.com/;https://aspinnerweaver.blogspot.com/feeds/posts/default
+Bison Rimant;Un sculpteur breton qui crée des animaux en bois.;https://bisonrimant.fr/;https://bisonrimant.fr/feed
+Kurisquare;Coni Yovaniniz écrit des BD.;https://blog.kurisquare.com/;https://blog.kurisquare.com/feed/
 Cotswold Diary;On suit Chris présenter avec une fréquence redoutable ses travaux de conservation de la nature dans les Cotswolds, au Royaume-Uni.;https://diary.uncountable.uk/;https://diary.uncountable.uk/feed/
 Emily F. Gorcenski;"""I am passionate about good technological citizenship and believe strongly in building an equitable internet that fosters collaboration, community, and autonomy""";https://emilygorcenski.com/;https://emilygorcenski.com/post/index.xml
-Fraens Engineering;Des machines complexes imprimées en 3D;https://fraensengineering.com/;https://fraensengineering.com/feed/
-;;https://gersande.com/blogue/;
-;;https://maya.land/;
-;;https://mitxela.com/projects;
-;;;https://www.blogger.com/feeds/1342049528869683702/posts/default
-Ploum;;https://ploum.net/;
-Save it for parts;;https://saveitforparts.wordpress.com/;
-Tambouille;;https://www.tambouille.me/;
-The Satyr's garden;;https://satyrs.eu/garden/feed;
-Tien Chiu;Tisserande, ;https://tienchiu.com/;
+Fraens Engineering;Des machines complexes imprimées en 3D.;https://fraensengineering.com/;https://fraensengineering.com/feed/
+Guersande la flèche;"""Griffonnages sur la danse, les livres, mon chien et, bien sûr, le thé.""";https://gersande.com/blogue/;https://gersande.com/blogue/rss/
+maya.land;Style retro-dark-gothic-pixel, articles à propos d'héraldique, de crochet, de web.;https://maya.land/;https://maya.land/feed.xml
+Mitxela;Projets de bricolage en électronique amateur, petit usinage.;https://mitxela.com/projects;http://mitxela.com/feed
+Narrowboat Briar Rose;Contes de voyages d'un couple vivant à bord d'une péniche anglaise.;https://nbbriarrose.blogspot.com/;https://www.blogger.com/feeds/1342049528869683702/posts/default
+Ploum;Ecrivain cycliste de gauche.;https://ploum.net/;https://ploum.net/atom_fr.xml
+Save it for parts;Bricolo électronique, ordinateurs vintage, amasseur professionnel, et cosmo-radio-amateur.;https://saveitforparts.wordpress.com/;https://saveitforparts.wordpress.com/feed/
+Tambouille;Blog perso, voyages & projets.;https://www.tambouille.me/;https://www.tambouille.me/rss/
+The Satyr's garden;Créature mythologique qui parle de sa vie en Angleterre.;https://satyrs.eu/garden;https://tienchiu.com/feed/
+Tien Chiu;Artiste tisserande, chocolatière, et aussi haltérophile.;https://tienchiu.com/;https://tienchiu.com/feed/
 A Weaver's life;Une tisserande canadienne qui parle de tissage, et de sa vie aussi.;https://laurasloom.blogspot.com/;https://laurasloom.blogspot.com/feeds/posts/default
-;;https://cinni.bearblog.dev/feed/;
-;;https://www.thisiscolossal.com/;
+Cinny's blog;Blog rétro-awaii.;https://cinni.bearblog.dev/;https://cinni.bearblog.dev/feed/
+Colossal;Magazine d'art, des jolies images.;https://www.thisiscolossal.com/;https://www.thisiscolossal.com/feed/

layouts/shortcodes/blogroll.html

@@ -5,10 +5,14 @@
 <style>
   .blogroll {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Responsive grid */
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive grid */
     gap: 10px; /* Space between grid items */
     margin: 0 0;
   }
+  .blogroll-item a {
+    text-decoration: none;
+    box-shadow: none;
+  }
   .blogroll-item {
     padding: 0;
     border-radius: 8px;
@@ -41,13 +45,7 @@
     margin: 0;
   }
   .blogroll-feed {
-    align-self: flex-end;
     font-size: 0.9rem;
-
-  }
-  .blogroll-feed *{
-
-    text-decoration: none;
   }
 
 </style>
@@ -64,13 +62,18 @@
       {{ end }}
       
       <div class="blogroll-item">
-        <div class="blogroll-name">
+        <div class="blogroll-title">
+          {{ $siteUrl := index $rowData "url-site" }}
+            {{ $domain := replaceRE `^https?://([^/]+)/?.*$` "$1" $siteUrl }}
+            {{ $domain = replaceRE `\.[^.]+$` "" $domain }}
+            <img src="/blogroll-favicons/{{ $domain }}.png" alt="Favicon for {{ $domain }}" >
           <a href="{{ index $rowData "url-site" }}" target="_blank">{{ index $rowData "nom" }}</a>
+          <span> - </span>
+          {{ if isset $rowData "url-feed" }}
+            <a class="blogroll-feed" href="{{ index $rowData "url-feed" }}" target="_blank">Feed</a>
+          {{ end }}
         </div>
         <div class="blogroll-feed">
-          {{ if isset $rowData "url-feed" }}
-            <a href="{{ index $rowData "url-feed" }}" target="_blank">🛜 Feed</a>
-          {{ end }}
         </div>
         <div class="blogroll-desc">
           <p>{{ index $rowData "description" }}</p>