Felix i Jannes Mast
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
0c4551d62e
commit
1e6916a1bd
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue