interactibility fix

CHooverShrimp · Oct 20, 2024 · 722a726 · 722a726
1 parent c81e9cc
commit 722a726
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/public/js/curtain.js b/public/js/curtain.js
@@ -39,6 +39,9 @@ document.getElementById('enter-button').addEventListener('click', function() {
     // Disable hidden overflow, let user scroll
     document.body.style.overflow = 'hidden';
 
+    // Let users interact immediately
+    document.querySelector('.curtain-container').style.pointerEvents = 'none'; 
+
     // Hide the curtain container after the animation
     setTimeout(function() {
         document.querySelector('.curtain-container').style.display = 'none';

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -143,12 +143,12 @@ import Card from '../components/Card.astro';
 	}
 
 	.gradient1 {
-    content: '';
-    position: absolute;
-	width: 100%;
-	height: 100%;
-    background: radial-gradient(circle, transparent 50%, rgb(0, 0, 0));
-    pointer-events: none;
+		content: '';
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		background: radial-gradient(circle, transparent 50%, rgb(0, 0, 0));
+		pointer-events: none;
 	}
 
 	.fading-image {