Felix i Jannes Mast
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Joakim Svensson 2025-05-08 20:34:55 +00:00
parent 1e6916a1bd
commit e652eed0f9
1 changed files with 9 additions and 14 deletions

View File

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