friends/TheChaseBuzzer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Egg?

Browse Source
This commit is contained in:
Samuel Kent
2022-12-28 15:34:07 +11:00
parent fa1874aae4
commit ed1e492bb4
5 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
images/Egg1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

images/Egg2.gif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

favicon.ico → images/favicon.ico
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

pages/home.html
+16
View File
@@ -8,6 +8,7 @@
<script> <script>
$(document).ready(function() { $(document).ready(function() {
const okSsuka = new Audio('OkSsuka.wav'); const okSsuka = new Audio('OkSsuka.wav');
const egg = new Audio('Egg.wav');
$("#userName").change(function() { $("#userName").change(function() {
okSsuka.play(); okSsuka.play();
$("#playerLink").attr("href", "/play?user="+this.value+"&team=Players"); $("#playerLink").attr("href", "/play?user="+this.value+"&team=Players");
@@ -16,10 +17,25 @@
$("#chaserLink").attr("href", "/play?user="+this.value+"&team=Chasers"); $("#chaserLink").attr("href", "/play?user="+this.value+"&team=Chasers");
$("#chaserLink").html("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> </script>
</head> </head>
<body> <body>
<img id="egg" src="Egg1.png">
<div id="interface"> <div id="interface">
<img src="MainLogo.png"> <img src="MainLogo.png">
<br> <br>
styles/styleMain.css
+9 -3
View File
@@ -59,8 +59,14 @@ ul {
left: 20px; left: 20px;
} }
@media (max-width: 576px) { #egg {
position: absolute;
top: 20px;
right: 20px;
width: 14px;
}
@media (max-width: 600px) {
#userListPanel { #userListPanel {
top: 80px; top: 80px;
width: 500px; width: 500px;
@@ -68,7 +74,7 @@ ul {
font-size: 15px; font-size: 15px;
} }
#PlayersList { #PlayersList {
left: 0px; left: 10px;
} }
#ChasersList { #ChasersList {
left: 350px; left: 350px;