Added menu in header and homepage

_src/js/layout.html

@@ -7,6 +7,9 @@
 
     header {
         margin-bottom: 10vh;
+        display: flex;
+        justify-content: center;
+        align-items: stretch;
     }
 
     header h1 {
@@ -14,6 +17,8 @@
 
         font-family: "Degheest Director";
         font-weight: 600;
+
+        flex: 1;
     }
 
     header h1 > a {
@@ -33,6 +38,24 @@
     header h1 small {
         display: block;
     }
+
+    nav li, nav li a {
+        color: #fff600;
+        text-decoration: none;
+    }
+
+    nav li a:hover {
+        text-decoration: underline;
+    }
+
+    nav ul {
+        list-style-type: none;
+        padding: none
+    }
+
+    nav {
+        text-align: right;
+    }
 </style>
 
 <header>
@@ -40,6 +63,12 @@
         <img src="/_src/img/logo_kiosque.svg" alt="Logo du site" />
         <span>Infokiosque du LOL <small>Brochures et autres textes</small></span>
     </a></h1>
+    <nav>
+        <ul>
+            <li><a href="https://labolyon.fr">Labolyon.fr</a></li>
+            <li><a href="https://wiki.labolyon.fr/doku.php?id=infokiosque">Wiki</a></li>
+        </ul>
+    </nav>
 </header>
 
 <slot></slot>

_src/styles/global.css

@@ -143,6 +143,27 @@ body > section {
     text-align: center;
 }
 
+.home nav li a::before {
+    content: none;
+}
+
+.home nav ul {
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+}
+
+.home nav li {
+    color: #fff600;
+}
+
+.home nav ul li:not(:last-child)::after {
+    content: "•";
+    margin-left: 5px;
+}
+
 /* publication card */
 
 .publication-card {
@@ -166,6 +187,7 @@ body > section {
 .publication-card h1 {
     font-size: 1.5em;
     margin: 0;
+    text-align: left;
 }
 
 .publication-card p {

index.html

@@ -15,6 +15,13 @@
 
     <h1 property="name">Infokiosque du LOL <small>Brochures et autres textes</small></h1>
 
+    <nav>
+        <ul>
+            <li><a href="https://labolyon.fr">Labolyon.fr</a></li>
+            <li><a href="https://wiki.labolyon.fr/doku.php?id=infokiosque">Wiki</a></li>
+        </ul>
+    </nav>
+
     <section id="publications"
         property="hasPart"
         typeof="Collection"
@@ -29,15 +36,6 @@
         </ul>
     </section>
 
-    <section>
-        <h2>Resources</h2>
-
-        <ul>
-            <li><a href="https://labolyon.fr">labolyon.fr</a></li>
-            <li><a href="https://equa.space/notes/pdfjam/">using <code>pdfjam</code> for zine creation and bookbinding</a></li>
-        </ul>
-    </section>
-
     <template id="publication-card-tmplt">
         <article class="publication-card">
             <img property="image" src="" alt="Couverture" />