diff options
author | Christoph Cullmann <cullmann@kde.org> | 2024-04-28 17:33:09 +0200 |
---|---|---|
committer | Christoph Cullmann <cullmann@kde.org> | 2024-04-28 17:33:09 +0200 |
commit | e77051ccc4b47951bfa4fde2be436b1bb2fb113b (patch) | |
tree | f0b75ee3521da9c8cd39dac4359212348f70e4e8 /themes/blowfish/layouts/partials/header/fixed.html | |
parent | 4b355837824ac2422d371acef790f0f4249255c7 (diff) |
use https://github.com/nunocoracao/blowfish.git
Diffstat (limited to 'themes/blowfish/layouts/partials/header/fixed.html')
-rw-r--r-- | themes/blowfish/layouts/partials/header/fixed.html | 14 |
1 files changed, 14 insertions, 0 deletions
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> |