add resource page and fixed header

config/_default/params.toml

@@ -28,16 +28,16 @@ disableTextInHeader = false
 # smartTOC = true
 # smartTOCHideUnfocusedChildren = true
 
-giteaDefaultServer = "https://git.fsfe.org"
-forgejoDefaultServer = "https://v8.next.forgejo.org"
+# giteaDefaultServer = "https://git.fsfe.org"
+# forgejoDefaultServer = "https://v8.next.forgejo.org"
 
 [header]
-  layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur
+  layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur
 
 [footer]
   showMenu = true
   showCopyright = true
-  showThemeAttribution = true
+  showThemeAttribution = false
   showAppearanceSwitcher = true
   showScrollToTop = true
 

content/posts/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "Blogs"
-description: "Learn how to use Blowfish and its features."
+description: "This is where I write about my life, learning and research"
 ---
 
 {{< lead >}}

content/resources/index.md

@@ -0,0 +1,14 @@
+---
+title: "Resources"
+showDate: false
+showAuthor: false
+showZenMode: false
+showReadingTime: false
+
+---
+
+{{< lead >}}
+Some useful links and posts
+{{< /lead >}}
+
+test

public/404.html

@@ -133,7 +133,11 @@
   </div>
 
 
-  <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
+  <div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
+  <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
     class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
 
     <div class="flex flex-1 items-center justify-between">
@@ -171,7 +175,7 @@
 
 
 
-  <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+  <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
     <p class="text-base font-medium" title="">
         Resources
@@ -421,7 +425,7 @@
 
 
   <li class="mt-1">
-    <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+    <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
         <p class="text-bg font-bg" title="">
             Resources
@@ -539,6 +543,16 @@
 
 
 
+  </div>
+</div>
+<script>
+  window.addEventListener('scroll', function (e) {
+    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    var background_blur = document.getElementById('menu-blur');
+    background_blur.style.opacity = (scroll / 300);
+  });
+</script>
+
 
   <div class="relative flex flex-col grow">
     <main id="main-content" class="grow">
@@ -592,14 +606,6 @@ <h1 class="mb-3 text-4xl font-extrabold">Page Not Found 😕</h1>
 
 
 
-    <p class="text-xs text-neutral-500 dark:text-neutral-400">
-
-
-      Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
-    </p>
-
 
   </div>
   <script>

public/authors/index.html

@@ -135,7 +135,11 @@
   </div>
 
 
-  <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
+  <div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
+  <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
     class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
 
     <div class="flex flex-1 items-center justify-between">
@@ -173,7 +177,7 @@
 
 
 
-  <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+  <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
     <p class="text-base font-medium" title="">
         Resources
@@ -423,7 +427,7 @@
 
 
   <li class="mt-1">
-    <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+    <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
         <p class="text-bg font-bg" title="">
             Resources
@@ -541,6 +545,16 @@
 
 
 
+  </div>
+</div>
+<script>
+  window.addEventListener('scroll', function (e) {
+    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    var background_blur = document.getElementById('menu-blur');
+    background_blur.style.opacity = (scroll / 300);
+  });
+</script>
+
 
   <div class="relative flex flex-col grow">
     <main id="main-content" class="grow">
@@ -636,14 +650,6 @@ <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Auth
 
 
 
-    <p class="text-xs text-neutral-500 dark:text-neutral-400">
-
-
-      Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
-    </p>
-
 
   </div>
   <script>

public/categories/index.html

@@ -135,7 +135,11 @@
   </div>
 
 
-  <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
+  <div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
+  <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
     class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
 
     <div class="flex flex-1 items-center justify-between">
@@ -173,7 +177,7 @@
 
 
 
-  <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+  <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
     <p class="text-base font-medium" title="">
         Resources
@@ -423,7 +427,7 @@
 
 
   <li class="mt-1">
-    <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+    <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
         <p class="text-bg font-bg" title="">
             Resources
@@ -541,6 +545,16 @@
 
 
 
+  </div>
+</div>
+<script>
+  window.addEventListener('scroll', function (e) {
+    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    var background_blur = document.getElementById('menu-blur');
+    background_blur.style.opacity = (scroll / 300);
+  });
+</script>
+
 
   <div class="relative flex flex-col grow">
     <main id="main-content" class="grow">
@@ -636,14 +650,6 @@ <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Cate
 
 
 
-    <p class="text-xs text-neutral-500 dark:text-neutral-400">
-
-
-      Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
-    </p>
-
 
   </div>
   <script>

public/index.html

@@ -154,7 +154,11 @@
   </div>
 
 
-  <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
+  <div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
+  <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    <div style="padding-left:0;padding-right:0;padding-top:2px;padding-bottom:3px"
     class="main-menu flex items-center justify-between px-4 py-6 sm:px-6 md:justify-start space-x-3">
 
     <div class="flex flex-1 items-center justify-between">
@@ -192,7 +196,7 @@
 
 
 
-  <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+  <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
     <p class="text-base font-medium" title="">
         Resources
@@ -442,7 +446,7 @@
 
 
   <li class="mt-1">
-    <a href=""  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
+    <a href="/resources/"  class="flex items-center text-gray-500 hover:text-primary-600 dark:hover:text-primary-400">
 
         <p class="text-bg font-bg" title="">
             Resources
@@ -560,6 +564,16 @@
 
 
 
+  </div>
+</div>
+<script>
+  window.addEventListener('scroll', function (e) {
+    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+    var background_blur = document.getElementById('menu-blur');
+    background_blur.style.opacity = (scroll / 300);
+  });
+</script>
+
 
   <div class="relative flex flex-col grow">
     <main id="main-content" class="grow">
@@ -806,14 +820,6 @@ <h2 class="mt-8 text-2xl font-extrabold mb-10">Recent</h2>
 
 
 
-    <p class="text-xs text-neutral-500 dark:text-neutral-400">
-
-
-      Powered by <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a> &amp; <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
-        href="https://blowfish.page/" target="_blank" rel="noopener noreferrer">Blowfish</a>
-    </p>
-
 
   </div>
   <script>