bilden

docs/index.md

@@ -20,6 +20,20 @@ title: Start
   });
 </script>
 
+<script>
+  window.addEventListener('scroll', () => {
+    const header = document.querySelector('.md-header');
+    const tabs = document.querySelector('.md-tabs');
+    if (window.scrollY > window.innerHeight * 0.8) {
+      header.style.transform = "translateY(0)";
+      if (tabs) tabs.style.transform = "translateY(0)";
+    } else {
+      header.style.transform = "translateY(-100%)";
+      if (tabs) tabs.style.transform = "translateY(-100%)";
+    }
+  });
+</script>
+
 <!-- Bakgrundsbild med filter -->
 <div style="
   position: absolute;

docs/overrides/header__title.css

@@ -0,0 +1,4 @@
+.md-nav--primary .md-nav__title {
+  background: none !important;
+  box-shadow: none !important;
+}

docs/stylesheets/extra.css

@@ -33,4 +33,10 @@
   --md-primary-fg-color: #FFD300 !important;
   --md-primary-fg-color--light: #FFE066 !important;
   --md-primary-fg-color--dark: #CCAA00 !important;
+}
+
+
+.md-header,
+.md-tabs {
+  transition: transform 0.3s ease;
 }