feat: complete restyling of basic components

themes/animals/layouts/partials/footer.html

@@ -1,5 +1,27 @@
-{{ with site.Copyright }}
-    <p>{{ now.Year }} - {{ . }}</p>
-{{ else }}
-    <p>Copyright {{ now.Year }}. All rights reserved.</p>
-{{ end }}
+<div class="footer" aria-label="Footer">
+    <div class="columns">
+        <div class="column">
+            <div class="block">
+                <h3 class="footer-title title">ratten.org</h3>
+                <img class="image is-128x128"
+                     src="https://notfellchen.org/static/fellchensammlung/img/logo_transparent.466f26abb037.png"
+                     alt="Ratten Logo">
+            </div>
+            <div class="block">
+                {{ with site.Copyright }}
+                <p>Copyright {{ now.Year }} - {{ . }}</p>
+                {{ else }}
+                <p>Copyright {{ now.Year }}. All rights reserved.</p>
+                {{ end }}
+            </div>
+        </div>
+        <div class="column">
+            <div class="block">
+                <h3 class="footer-title title" data-i18n="about">Über uns</h3>
+                <ul class="footer-links">
+                    <li class="footer-link"><a href="/impressum">Impressum</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>

themes/animals/layouts/partials/head.html

@@ -1,6 +1,5 @@
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width">
-<link rel="stylesheet" href="/bulma/css/bulma.min.css">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <script src="/assets/js/main.js"></script>
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
 {{ partialCached "head/css.html" . }}

themes/animals/layouts/partials/head/css.html

@@ -7,3 +7,4 @@
     {{- end }}
   {{- end }}
 {{- end }}
+<link rel="stylesheet" href="/bulma/css/bulma.min.css">

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 }}