From acbe0dd9ea988046db24d12a57c1317a0f28fe40 Mon Sep 17 00:00:00 2001
From: Franck Cuny <franck@fcuny.net>
Date: Mon, 23 Aug 2021 09:15:40 -0700
Subject: CSS: makes the menu more readable

Move the title to the left and the menu items to the right.
---
 layouts/partials/header.html | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

(limited to 'layouts')

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 508e259..76e23a2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,15 +1,13 @@
 <header>
   <nav class='menu'>
-    <a href="{{ .Site.Home.Permalink }}">{{ .Site.Home.Title }}</a>
-    <ul>
+    <a href="{{ .Site.Home.Permalink }}"><b>{{ .Site.Home.Title }}</b></a>
+    <div class='navigation'>
       {{ $currentPage := . }}
       {{ range .Site.Menus.main }}
-      <li>
-        <a class='{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}menu-active{{ end }}' href="{{ absURL .URL }}">
-          {{ .Title }}
-        </a>
-      </li>
+      <a class='menu-item {{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}menu-active{{ end }}' href="{{ absURL .URL }}">
+        {{ .Title }}
+      </a>
       {{ end }}
-    </ul>
+    </div>
   </nav>
 </header>
-- 
cgit 1.4.1