From 1ce22e58a251d270f1822ce5eea494c714e07ef0 Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Fri, 9 May 2025 14:37:25 +0000
Subject: [PATCH] bilden

---
 docs/index.md                    | 14 ++++++++++++++
 docs/overrides/header__title.css |  4 ++++
 docs/stylesheets/extra.css       |  6 ++++++
 3 files changed, 24 insertions(+)
 create mode 100644 docs/overrides/header__title.css

diff --git a/docs/index.md b/docs/index.md
index bc3c1b1..c3f5912 100644
--- a/docs/index.md
+++ b/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;
diff --git a/docs/overrides/header__title.css b/docs/overrides/header__title.css
new file mode 100644
index 0000000..92e52ff
--- /dev/null
+++ b/docs/overrides/header__title.css
@@ -0,0 +1,4 @@
+.md-nav--primary .md-nav__title {
+  background: none !important;
+  box-shadow: none !important;
+}
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 87d7ebe..53ac13c 100644
--- a/docs/stylesheets/extra.css
+++ b/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;
 }
\ No newline at end of file