<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>