update

config.yaml

@@ -4,19 +4,18 @@ theme: mir
 
 menus:
   main:
-    - identifier: about
-      name: About us
-      url: /about/
-      weight: 1
-    - identifier: projects
-      name: Projects
-      url: /projects/
-      weight: 2
+    # - identifier: about
+    #   name: About us
+    #   url: /about/
+    #   weight: 1
+    # - identifier: projects
+    #   name: Projects
+    #   url: /projects/
+    #   weight: 2
     - identifier: contact
-      name: Contact
+      name: Get in Contact!
       url: /contact/
-      weight: 3
-
+      weight: 1
 disableKinds:
   - taxonomy
 ignoreErrors:

themes/mir/layouts/_default/single.html

@@ -5,8 +5,11 @@
       <p class="text-4xl font-bold">{{ .Title }}</p>
       <p class="text-lg">{{ .Params.subTitle }}</p>
       {{ partial "metadata.html" . }}
+      {{ if .contact }}
+      {{ partial "metadata.html" . }}
+      {{ else }}
       <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
-      {{ partial "buttons.html" . }}
+      {{ end }}
     </div>
   </div>
 </div>

themes/mir/layouts/partials/nav.html

@@ -5,10 +5,11 @@
       alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
   <nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
     {{ range .Site.Menus.main }}
-    <a style="white-space: nowrap"
-      class="underline underline-offset-0 decoration-2 decoration-transparent hover:decoration-white hover:underline-offset-2 ease-in-out duration-300 place-self-center"
-      href="{{ .URL }}" aria-label="{{ .Identifier }}">
+    <a class="relative inline-block p-2 -translate-y-1 font-bold py-2 text-gray-900 overflow-hidden group" href="{{ .URL }}"
+      aria-label="{{ .Identifier }}">
       {{ $text := print .Name | safeHTML }} {{ $text }}
+      <span
+        class="absolute inset-0 h-7 translate-y-2 bg-[#d8e2f3] transition-transform duration-300 transform -translate-x-full group-hover:translate-x-0 z-[-1]"></span>
     </a>
     {{ end }}
   </nav>