Egg?

2022-12-28 15:34:07 +11:00
parent fa1874aae4
commit ed1e492bb4
5 changed files with 25 additions and 3 deletions
@@ -8,6 +8,7 @@
 		<script>
 			$(document).ready(function() {
 				const okSsuka = new Audio('OkSsuka.wav');
+				const egg = new Audio('Egg.wav');
 				$("#userName").change(function() {
 					okSsuka.play();
 					$("#playerLink").attr("href", "/play?user="+this.value+"&team=Players");
@@ -16,10 +17,25 @@
 					$("#chaserLink").attr("href", "/play?user="+this.value+"&team=Chasers");
 					$("#chaserLink").html("Chasers");
 				});
+				$("#egg").click(function() {
+					if ($(this).attr("src") == "Egg1.png") {
+						$(this).attr("src", "Egg2.gif");
+						$(this).css("width", "40");
+						
+						egg.play();
+						egg.loop = true;
+					}
+					else {
+						$(this).attr("src", "Egg1.png");
+						$(this).css("width", "14");
+						egg.pause()
+					}
+				});				
 			});
 		</script>
 	</head>
 	<body>
+		<img id="egg" src="Egg1.png">
 		<div id="interface">
 			<img src="MainLogo.png">
 			<br>
@@ -59,8 +59,14 @@ ul {
    left: 20px;
 }

-@media (max-width: 576px) {
- 
+#egg {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 14px;
+}
+
+@media (max-width: 600px) {
    #userListPanel {
        top: 80px;
        width: 500px;
@@ -68,7 +74,7 @@ ul {
        font-size: 15px;
    }
    #PlayersList {
-        left: 0px;
+        left: 10px;
    }
    #ChasersList {
        left: 350px;