update rain

1 year ago · 160d4b6028
parent 6c633984d3
commit 160d4b6028
2 changed files with 14 additions and 2 deletions
--- a/2024/call/call.css
+++ b/2024/call/call.css
@ -38,10 +38,20 @@ form div#dropdowns div.row{
 }

 .drop{
-	width: 200%;
 	position:absolute;
 	top:-10px;
 	animation: falling 5.5s linear infinite; 
+	pointer-events: all;
+}
+
+#rain1, #rain2{
+	overflow: hidden;
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	height: 100vH;
+	width: 100vW;
+	pointer-events: none;
 }

@keyframes falling
--- a/2024/call/call.html
+++ b/2024/call/call.html
@ -6,6 +6,7 @@
 	<link href="call.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+	<div id="rain1"></div>
 	<form>
 	<fieldset>
 		<legend>XPUB</legend>
@ -144,6 +145,7 @@
 		</div> <!-- #info -->
 	</fieldset>
 	</form>
+	<div id="rain2" style="z-index: 1;"></div>
 	<script>
 	var options = document.getElementById("options");
 	var questions = [
@ -226,7 +228,7 @@
 				inside.classList.add("sinus");
 				inside.style.animationDuration = Math.random() * 8 + 6 + "s";
 				drop.appendChild(inside);
-				document.body.appendChild(drop);
+				document.getElementById( Math.floor(Math.random() > 0.25) ? "rain1" : "rain2").appendChild(drop);
 				makedrop();
 			}, 50);
 		}