Update navigation: new menu, active page highlight, centered navbar without logo

config.toml

@@ -1,7 +1,7 @@
 baseURL = "/"
 locale = "en"
 defaultContentLanguage = "en"
-title = "My digital brain"
+title = "Thomas Dehaeze"
 preserveTaxonomyNames = true
 enableRobotsTXT = true
 enableEmoji = true
@@ -26,11 +26,11 @@ changefreq = "weekly"
 priority = 0.5
 filename = "sitemap.xml"
 
-# [[menu.main]]
-# name = "Home"
-# weight = 10
-# identifier = "home"
-# url = "/"
+[[menu.main]]
+name = "Home"
+weight = 10
+identifier = "home"
+url = "/"
 
 [[menu.main]]
 name = "Publications"
@@ -39,16 +39,16 @@ identifier = "research"
 url = "/research/"
 
 [[menu.main]]
-name = "Zettels"
-weight = 30
-identifier = "zettels"
-url = "/zettels/"
+name = "Projects"
+weight = 25
+identifier = "projects"
+url = "/projects/"
 
 [[menu.main]]
-name = "Bibliography"
-weight = 50
-identifier = "bibliography"
-url = "/bibliography/"
+name = "Notes"
+weight = 30
+identifier = "notes"
+url = "/notes/"
 
 [[menu.main]]
 name = "Search"
@@ -56,6 +56,9 @@ weight = 70
 identifier = "search"
 url = "/search/"
 
+[permalinks]
+zettels = "/notes/:slug/"
+
 [outputs]
   home = ["HTML", "RSS", "JSON"]
 
@@ -66,9 +69,8 @@ debug = false
 since = "2020"
 gitRepo = ""
 
-logoTitle = "Digital Brain"
-keywords = ["org-roam","research"]
-description = "My personnal digital brain"
+keywords = ["mechatronics","research"]
+description = "My personnal website about mechatronics"
 
 archivePaginate = 5
 

layouts/partials/header.html

@@ -0,0 +1,19 @@
+{{- $page := . -}}
+{{- $bib := slice "book" "article" "inbook" "inproceedings" "phdthesis" "techreport" "websites" -}}
+<nav class="site-navbar">
+  <ul id="menu" class="menu">
+    {{ range .Site.Menus.main -}}
+      {{- $active := false -}}
+      {{- if eq .URL "/" -}}
+        {{- $active = $page.IsHome -}}
+      {{- else if hasPrefix $page.RelPermalink .URL -}}
+        {{- $active = true -}}
+      {{- else if and (eq .URL "/notes/") (in $bib $page.Section) -}}
+        {{- $active = true -}}
+      {{- end }}
+      <li class="menu-item">
+        <a class="menu-item-link{{ if $active }} active{{ end }}"{{ if $active }} aria-current="page"{{ end }} href="{{ .URL | safeURL }}">{{ .Name }}</a>
+      </li>
+    {{- end }}
+  </ul>
+</nav>

layouts/partials/slideout.html

@@ -0,0 +1,16 @@
+<div id="mobile-navbar" class="mobile-navbar">
+  <div class="mobile-navbar-icon">
+    <span></span>
+    <span></span>
+    <span></span>
+  </div>
+</div>
+<nav id="mobile-menu" class="mobile-menu slideout-menu">
+  <ul class="mobile-menu-list">
+    {{ range .Site.Menus.main -}}
+      <a href="{{ .URL | safeURL }}">
+        <li class="mobile-menu-item">{{ .Name }}</li>
+      </a>
+    {{- end }}
+  </ul>
+</nav>

static/css/custom.css

@@ -57,5 +57,7 @@
   }
 }
 
-.list-zettels .subcategory { list-style: none; margin-top: .8em; }
-.list-zettels .list-subtitle { font-weight: bold; }
+
+.site-navbar .menu-item-link.active { color: #c05b4d; font-weight: bold; }
+.header .site-navbar { float: none; text-align: center; }
+.header .site-navbar .menu { padding-right: 0; }