1 files changed, 14 insertions, 0 deletions
diff --git a/themes/blowfish/layouts/partials/header/fixed-fill-blur.html b/themes/blowfish/layouts/partials/header/fixed-fill-blur.html
new file mode 100644
index 0000000..534fe98
--- /dev/null
+++ b/themes/blowfish/layouts/partials/header/fixed-fill-blur.html
@@ -0,0 +1,14 @@
+<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 bg-neutral dark:bg-neutral-800"></div>
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    {{ partial "partials/header/basic.html" . }}
+  </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>