Add desktop menu

assets/styles/main.sass

@@ -3,3 +3,4 @@
 @import "./html"
 @import "./a11y"
 @import "./content"
+@import "./menu"

assets/styles/menu.sass

@@ -0,0 +1,13 @@
+nav
+    ul
+        list-style: none
+        li
+            border-left: 1px solid $color-primary
+            padding-left: 15px
+            &.active
+                font-weight: $active
+            a
+                text-decoration: none
+                color: $color-primary
+                &:hover
+                    font-weight: $active

assets/styles/variables.sass

@@ -1,3 +1,4 @@
 $color-primary: black
 $color-secondary: white
 $space: 2.75rem
+$active: 600

content/_index.md

@@ -1,3 +1,8 @@
+---
+title: 🏡 Accueil
+weight: 2
+---
+
 Nous recherchons des profils qui souhaitent créer des technologies web low-tech et résilientes. Nous créons un collectif pour chercher des solutions alternatives afin de créer un internet plus humain et moins énergivore.
 
 Si vous êtes intéressé, contactez-nous par émail : {{< cloakemail address="contact@lowtechweb.com" >}}

content/annuaires.md

@@ -1,5 +1,5 @@
 ---
-title: Annuaires des acteurs
+title: 📔 Annuaires des acteurs
 weight: 2
 ---
 

content/manifesto.md

@@ -1,5 +1,5 @@
 ---
-title: Manifesto
+title: 🔥 Manifesto
 weight: 1
 ---
 

content/outils-ressources.md

@@ -1,5 +1,5 @@
 ---
-title: Outils et ressources
+title: 🛠 Outils et ressources
 weight: 3
 ---
 

layouts/partials/header.html

@@ -11,7 +11,7 @@
   {{ $pages := $pages | intersect (where site.RegularPages "Params.headless" "!=" true) }}
   {{ $pages := $pages | union (where site.Pages "Kind" "in" "section") }}
   <ul>
-    <li><a href="/">Accueil</a></li>
+    <li {{ if (eq .Title "🏡 Accueil") }}class="active"{{ end }}><a href="/">🏡 Accueil</a></li>
     {{ range $pages.ByWeight }}
     <li class="{{ if or (eq .Title $title) (eq .Title $section) }}active{{ end }}">
       <a href="{{ .Permalink }}">{{ .Title }}</a>