This commit is contained in:
@@ -41,15 +41,15 @@ window.addEventListener('scroll', () => {
|
|||||||
opacity = Math.max(0, Math.min(1, opacity)); // begränsa mellan 0 och 1
|
opacity = Math.max(0, Math.min(1, opacity)); // begränsa mellan 0 och 1
|
||||||
|
|
||||||
// Tillämpa opacitet
|
// Tillämpa opacitet
|
||||||
//header.style.opacity = opacity;
|
header.style.opacity = opacity;
|
||||||
sidebar.style.opacity = opacity;
|
sidebar.style.opacity = opacity;
|
||||||
|
|
||||||
// Hantera klickbarhet så man inte klickar på osynlig meny
|
// Hantera klickbarhet så man inte klickar på osynlig meny
|
||||||
if (opacity < 0.05) {
|
if (opacity < 0.05) {
|
||||||
// header.style.pointerEvents = "none";
|
header.style.pointerEvents = "none";
|
||||||
sidebar.style.pointerEvents = "none";
|
sidebar.style.pointerEvents = "none";
|
||||||
} else {
|
} else {
|
||||||
// header.style.pointerEvents = "auto";
|
header.style.pointerEvents = "auto";
|
||||||
sidebar.style.pointerEvents = "auto";
|
sidebar.style.pointerEvents = "auto";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -62,7 +62,7 @@ window.addEventListener('scroll', () => {
|
|||||||
|
|
||||||
<video autoplay loop muted playsinline
|
<video autoplay loop muted playsinline
|
||||||
style="position: absolute; left: 0;
|
style="position: absolute; left: 0;
|
||||||
height: 82vh; width: 100%;
|
height: 92vh; 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); /* lite zoom för att dölja kanter */
|
||||||
@@ -74,7 +74,7 @@ window.addEventListener('scroll', () => {
|
|||||||
<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);
|
||||||
height: 95vh;
|
height: 105vh;
|
||||||
object-fit: cover; z-index: -1;">
|
object-fit: cover; z-index: -1;">
|
||||||
<source src="assets/drone.webm" type="video/webm">
|
<source src="assets/drone.webm" type="video/webm">
|
||||||
Din webbläsare stödjer inte video.
|
Din webbläsare stödjer inte video.
|
||||||
@@ -89,7 +89,7 @@ window.addEventListener('scroll', () => {
|
|||||||
</button>
|
</button>
|
||||||
|
|
||||||
<!-- Mellanrum -->
|
<!-- Mellanrum -->
|
||||||
<div style="height: 100vh;"></div>
|
<div style="height: 95vh;"></div>
|
||||||
|
|
||||||
<div id="main-content" class="ascii-wrapper">
|
<div id="main-content" class="ascii-wrapper">
|
||||||
<pre><code><div align="center">
|
<pre><code><div align="center">
|
||||||
|
|||||||
Reference in New Issue
Block a user