4 months ago · 61f4562464
--- a/resources/views/digital-card.blade.php
+++ b/resources/views/digital-card.blade.php
@@ -36,6 +36,7 @@
 
				
				                 pointer-events: none; /* Allows interactions through the overlay */
			
 
				
				                 z-index: 9999; /* Ensures it is on top of other elements */
			
 
				
				                 opacity: 0.3; /* Set the opacity to a lower value */
			
 
				
				+                display: none; /* Initially hidden */
			
 
				
				             }
			
 
				
				             .petal-overlay img {
			
 
				
				                 width: 100%;
			
@@ -45,7 +46,7 @@
 
				
				         </style>
			
 
				
				     </head>
			
 
				
				     <body class="antialiased font-serif no-scroll">
			
 
				
				-        <div class="petal-overlay">
			
 
				
				+        <div class="petal-overlay" id="petalOverlay">
			
 
				
				             <img src="{{ asset('assets/petal.gif') }}" alt="Falling Petals">
			
 
				
				         </div>
			
 
				
				     
			
@@ -53,7 +54,13 @@
 
				
				             <source src="{{ asset('assets/background-musicv2.mp3') }}" type="audio/mp3">
			
 
				
				             Your browser does not support the audio element.
			
 
				
				         </audio>
			
 
				
				-    
			
 
				
				+        <script>
			
 
				
				+            document.addEventListener('click', function () {
			
 
				
				+                setTimeout(function () {
			
 
				
				+                    document.getElementById('petalOverlay').style.display = 'block';
			
 
				
				+                }, 1000); // Delay of 1 second (1000 milliseconds)
			
 
				
				+            });
			
 
				
				+        </script>
			
 
				
				         <script>
			
 
				
				             document.addEventListener('DOMContentLoaded', function() {
			
 
				
				                 var audioElement = document.getElementById('player');