tweak icons framework and header banner

test_template/main.typ

@@ -18,14 +18,6 @@
 )
 #show: webpage.with(
   ..summ.template-args,
-  home: link(
-    "http://test.example.com",
-    image(
-      "./platypus.png",
-      alt: "A drawing of a blue-ish round-ish platypus with big eyes, holding a laptop. This platypus is quite cute, but I might be biased.",
-      height: 2em,
-    )
-  ),
   logo: image(
     "./platypus.png", 
     alt: "A drawing of a blue-ish round-ish platypus with big eyes, holding a laptop. This platypus is quite cute, but I might be biased.",
@@ -40,6 +32,19 @@
     #sym.copyright #document.date.display("[year]") Histausse \
     Please don't train AI on my stuff without explicit permission
   ],
+  nav-elements: (
+    /*
+    link(
+      "http://test.example.com",
+      image(
+        "./platypus.png",
+        alt: "A drawing of a blue-ish round-ish platypus with big eyes, holding a laptop. This platypus is quite cute, but I might be biased.",
+        height: 2em,
+      )
+    ),*/
+    html.a(href: "http://test.example.com", aria-label: "Home", icons.home-icon), // /!\ aria-label is important for accessibility /!\
+    html.a(href: "http://test.example.com/feed.rss", aria-label: "RSS feed", icons.rss-icon),
+  ),
   menu: [
     - #link("example.com")[Hello Void!]
     - #link("example.com")[Demons]
@@ -191,7 +196,7 @@ thead {
   "TeTyTe test typst template",
   "https://test.example.com",
   "Test of the TTT template",
-  "https://test.example.com/rss.xml",
+  "https://test.example.com/rss.rss",
   summaries,
   webmaster: "me@example.com (Me)",
 ))