16 lines
854 B
HTML
16 lines
854 B
HTML
|
<div class="min-h-[148px]"></div>
|
||
|
|
<div class="fixed inset-x-0 min-h-[130px] opacity-65 pl-[24px] pr-[24px] bg-gradient-to-b from-neutral from-60% dark:from-neutral-800 to-transparent mix-blend-normal" style="z-index:80"></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>
|