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

This commit is contained in:
Joakim Svensson 2025-05-08 20:32:09 +00:00
parent 0c4551d62e
commit 1e6916a1bd
1 changed files with 14 additions and 9 deletions

View File

@ -8,16 +8,19 @@ title: Meshtastic
} }
</script> </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; 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); /* lite zoom för att dölja kanter */ transform: scale(1.2);
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);
@ -27,13 +30,15 @@ title: Meshtastic
Din webbläsare stödjer inte video. Din webbläsare stödjer inte video.
</video> </video>
<button onclick="scrollToContent()" <!-- Knapp -->
style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); <button onclick="scrollToContent()"
padding: 12px 24px; font-size: 1.2rem; style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
background-color: #ffffffcc; border: none; border-radius: 8px; padding: 12px 24px; font-size: 1.2rem;
cursor: pointer; z-index: 10;"> background-color: #ffffffcc; border: none; border-radius: 8px;
↓ Se mer cursor: pointer; z-index: 10;">
</button> ↓ Se mer
</button>
</div>
<!-- Mellanrum --> <!-- Mellanrum -->
<div style="height: 90vh;"></div> <div style="height: 90vh;"></div>