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
1e6916a1bd
commit
e652eed0f9
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue