Felix i Jannes Mast

docs/meshtastic.md

@@ -8,16 +8,19 @@ title: Meshtastic
   }
 </script>
 
- <video autoplay loop muted playsinline
+<div style="position: relative; height: 100vh; overflow: hidden;">
+  <!-- Bakgrundsvideo -->
+  <video autoplay loop muted playsinline
          style="position: absolute; left: 0;
                 height: 77vh; width: 100%;
                 object-fit: cover;
                 filter: blur(10px) brightness(0.7);
-                transform: scale(1.2); /* lite zoom för att dölja kanter */
+                transform: scale(1.2);
                 z-index: -2;">
     <source src="../assets/Felix_i_Jannes_mast_2.webm" type="video/webm">
   </video>
 
+  <!-- Främre video -->
   <video autoplay loop muted playsinline
          style="position: absolute; left: 50%;
                 transform: translate(-50%, -50px);
@@ -27,13 +30,15 @@ title: Meshtastic
     Din webbläsare stödjer inte video.
   </video>
 
-<button onclick="scrollToContent()" 
-        style="position: absolute; bottom: 20px; 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;">
-  ↓ Se mer
-</button>
+  <!-- Knapp -->
+  <button onclick="scrollToContent()" 
+          style="position: absolute; bottom: 20px; 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;">
+    ↓ Se mer
+  </button>
+</div>
 
 <!-- Mellanrum -->
 <div style="height: 90vh;"></div>