redesigned menu

klausbreyer · Mar 26, 2024 · 5842bc0 · 5842bc0
1 parent 36d4672
commit 5842bc0
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 40 deletions.
diff --git a/config.toml b/config.toml
@@ -34,7 +34,7 @@ defaultContentLanguage = 'en'
 
 
 [[menu.header]]
-  name = 'Now / Present'
+  name = 'Present / Now'
   url = '/pages/now/'
   weight = 20
 

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -36,16 +36,15 @@
 
     {{ partial "header.html" . }}
     <main>
-        <div class="container grid grid-cols-1 gap-4 p-4 mx-auto print:p-0 lg:p-8 sm:grid-cols-4 print:grid-cols-1">
+        <div class="container grid grid-cols-1 gap-4 px-4 pb-4 mx-auto print:p-0 lg:px-8 sm:grid-cols-4 print:grid-cols-1">
 
             <div class="border-t-2 sm:col-span-3 print:border-t-0 ">
-
                 {{ partial "print_header.html" . }}
                 {{ block "main" . }}
                 {{ end }}
             </div>
 
-            <div class="print:hidden">
+            <div class="hidden  print:hidden sm:block">
                 {{ partial "side.html" . }}
             </div>
         </div>

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -40,8 +40,7 @@ <h4 class="mb-2 text-xl ">Call to Action</h4>
             </li>
             {{ end }}
 
-            <li><span>Found a typo?</span> <a target="_blank" class="text-primary hover:underline" href="{{.Site.Params.Repo}}{{.File.Dir}}{{.File.BaseFileName}}.{{.File.Ext}}">I
-                    would greatly appreciate a pull
+            <li><span>Found a typo?</span> <a target="_blank" class="text-primary hover:underline" href="{{.Site.Params.Repo}}{{.File.Dir}}{{.File.BaseFileName}}.{{.File.Ext}}">Make a pull
                     request.</a>
             </li>
             <li><span>Share this page:</span>

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,28 +1,24 @@
 {{$section_heading := .Site.GetPage "section" .Section }}
 
-<header class="print:hidden">
-    <div class="container px-4 py-2 mx-auto lg:px-8">
-        <div class="mb-4 text-right">
-            <a class="px-1 py-0.5 text-lg italic text-white open hover:underline bg-dark" href="/#connect-with-me">
-                Available for Tech & Product Leadership Gigs!
-            </a>
-        </div>
+<header class="container grid grid-cols-1 gap-4 px-4 pt-2 mx-auto mb-4 print:hidden lg:px-8">
 
-        <nav class="flex flex-col gap-4">
-            <div>
-                <a lang="en" class="text-4xl italic font-bold uppercase sm:text-6xl hover:border-primary hover:text-primary author font-share-tech border-primary text-primary font-sharetech" href="/">
-                    Klaus
-                    Breyer
-                </a>
-            </div>
-            <div>
-                <a class="text-xl sm:text-3xl md:text-4xl description text-text font-sharetech">
-                    Tech Leadership, Product Delivery & Startup Strategy.
-                </a>
-            </div>
-        </nav>
+    <a lang="en" class="text-4xl italic font-bold uppercase sm:text-6xl hover:border-primary hover:text-primary author font-share-tech border-primary text-primary font-sharetech" href="/">
+        Klaus
+        Breyer
+    </a>
 
+    <a class="text-2xl sm:text-2xl md:text-2xl lg:text-3xl xl:text-4xl description text-text font-sharetech">
+        Tech Leadership, Product Delivery & Startup Strategy.
+    </a>
+    <ul class="flex flex-wrap gap-5 justify-stretch">
 
+        {{ range .Site.Menus.header }}
+        <li class="">
+            <a lang="en" class="block font-bold group hover:border-primary text-xlfont-sharetech hover:text-primary font-share-tech" href="{{ .URL }}">
+                <span class="text-primary">&rsaquo;</span> {{.Name}}
+            </a>
+        </li>
+        {{ end }}
+    </ul>
 
-    </div>
 </header>
diff --git a/layouts/partials/side.html b/layouts/partials/side.html
@@ -1,23 +1,13 @@
-<ul class="grid grid-cols-3 gap-4 sm:grid-cols-1 ">
-	{{ range .Site.Menus.header }}
-	<li class="flex w-full">
-		<a lang="en" class="block w-full font-bold border-t-2 group hover:border-primary text-xlfont-sharetech hover:text-primary colspan author font-share-tech" href="{{ .URL }}">
-			&rsaquo; {{.Name}}
-		</a>
-	</li>
-	{{ end }}
-
+<ul class="grid gap-3 border-t-2">
 	{{ range .Site.Menus.side }}
 
-	<li class="border-t-2 grow group hover:border-primary">
+	<li class="grow group hover:border-primary">
 		<a href="{{ .URL }}" class="font-bold text-text group-hover:text-primary">
-			&rsaquo; {{ .Name }}
+			<span class="text-primary">&rsaquo;</span> {{ .Name }}
 		</a>
 	</li>
 	{{ end }}
 
-
-
 	{{ range first 10 (where .Site.RegularPages "Type" "posts") }}
 
 	<li class=" group hover:border-primary">
@@ -27,4 +17,5 @@
 	</li>
 
 	{{ end }}
+
 </ul>