bilden

docs/index.md

@@ -2,9 +2,67 @@
 title: Start
 ---
 
-<img src="assets/SL6CV.jpg" alt="Beskrivning" style="width: 100%; height: auto;" />
+<script>
+  function scrollToContent() {
+    const element = document.getElementById("main-content");
+    const yOffset = -60;
+    const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
+    window.scrollTo({ top: y, behavior: 'smooth' });
+  }
 
-<div class="ascii-wrapper">
+  window.addEventListener('scroll', () => {
+    const button = document.getElementById('scrollButton');
+    if (window.scrollY > 10) {
+      button.style.display = 'none';
+    }
+  });
+</script>
+
+<!-- Bakgrundsbild med filter -->
+<div style="
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100%;
+  background-image: url('assets/SL6CV.jpg');
+  background-size: cover;
+  background-position: center;
+  filter: blur(10px) brightness(0.7);
+  transform: scale(1.1);
+  z-index: -2;
+">
+</div>
+
+<!-- Förgrundsbild -->
+<img src="assets/SL6CV.jpg"
+     style="
+       position: absolute;
+       top: 50px;
+       left: 50%;
+       transform: translateX(-50%);
+       max-height: 90vh;
+       object-fit: contain;
+       z-index: -1;
+     ">
+
+<!-- Scrollknapp -->
+<button id="scrollButton" onclick="scrollToContent()"
+        style="position: fixed; bottom: 70px; left: 50%; transform: translateX(-50%);
+               padding: 12px 24px; font-size: 1.2rem;
+               background-color: #ffffffcc; border: none; border-radius: 8px;
+               cursor: pointer; z-index: 10;">
+  ↓
+</button>
+
+<!--
+<img src="assets/SL6CV.jpg" alt="Beskrivning" style="width: 100%; height: auto;" />
+-->
+
+<!-- Mellanrum -->
+<div  style="height: 90vh;"></div>
+
+<div id="main-content class="ascii-wrapper">
 <pre><code><div align="center">
   ______      __           ______       ______      __     __ 
  /\ ____\    |\_\         /\ ____\     /\ ____\    |\_\   |\_\

docs/rapport.md

@@ -24,8 +24,11 @@ Vi har ett redovisningsansvar enligt ovan och på denna sida redovisar vi störr
 
 **Genomförd**
 
+<!--
 - **20250509 QSO #1**<br>
 Idag köde SA6FAL det första QSO:et för SL6CV med en skotte.
+-->
+
 
 - **20250506 Samarbetsyta**<br>
 SL6CV finns nu på Emilia för att informera om vår verksamhet och amatörradio i allmänhet.