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

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>