From e77051ccc4b47951bfa4fde2be436b1bb2fb113b Mon Sep 17 00:00:00 2001
From: Christoph Cullmann <cullmann@kde.org>
Date: Sun, 28 Apr 2024 17:33:09 +0200
Subject: use https://github.com/nunocoracao/blowfish.git

---
 themes/blowfish/layouts/partials/header/fixed.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 themes/blowfish/layouts/partials/header/fixed.html

(limited to 'themes/blowfish/layouts/partials/header/fixed.html')

diff --git a/themes/blowfish/layouts/partials/header/fixed.html b/themes/blowfish/layouts/partials/header/fixed.html
new file mode 100644
index 0000000..8e3f64d
--- /dev/null
+++ b/themes/blowfish/layouts/partials/header/fixed.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 backdrop-blur-2xl shadow-2xl"></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>
-- 
cgit v1.2.3