feat: complete restyling of basic components

themes/animals/layouts/partials/menu.html

@@ -11,10 +11,13 @@ Renders a menu for the given menu ID.
 {{- $menuID := .menuID }}
 
 {{- with index site.Menus $menuID }}
-<nav>
+
+<nav class="navbar">
     <div class="navbar-brand">
         <a class="navbar-item" href="/">
-            <h1 class="title is-1">{{ site.Title }}</h1>
+            <img src="https://notfellchen.org/static/fellchensammlung/img/logo_transparent.466f26abb037.png"
+                 alt="Ratten Logo">
+            <h1 class="title is-3">{{ site.Title }}</h1>
         </a>
 
         <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
@@ -25,9 +28,7 @@ Renders a menu for the given menu ID.
         </a>
     </div>
     <div id="navbarBasicExample" class="navbar-menu">
-        <ul class="navbar-start">
-            {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
-        </ul>
+        {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
     </div>
 </nav>
 {{- end }}
@@ -47,19 +48,18 @@ Renders a menu for the given menu ID.
 {{- $name = . }}
 {{- end }}
 {{- end }}
-<li class="navbar-item">
-    <a
-            {{- range $k, $v :=$attrs }}
-            {{- with $v }}
-            {{- printf " %s=%q" $k $v | safeHTMLAttr }}
-    {{- end }}
-    {{- end -}}
-    >{{ $name }}</a>
-    {{- with .Children }}
-    <ul>
-        {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
-    </ul>
-    {{- end }}
-</li>
+<a class="navbar-item"
+   {{- range $k, $v :=$attrs }}
+   {{- with $v }}
+   {{- printf " %s=%q" $k $v | safeHTMLAttr }}
+{{- end }}
+{{- end -}}
+>{{ $name }}
+</a>
+{{- with .Children }}
+<ul class="navbar-item has-dropdown is-hoverable">
+    {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
+</ul>
+{{- end }}
 {{- end }}
 {{- end }}