From ed1e492bb4d8626c914562fec3ab0500d2a57d34 Mon Sep 17 00:00:00 2001
From: Samuel Kent <maspenguin@gmail.com>
Date: Wed, 28 Dec 2022 15:34:07 +1100
Subject: [PATCH] Egg?

---
 images/Egg1.png                   | Bin 0 -> 1860 bytes
 images/Egg2.gif                   | Bin 0 -> 1576 bytes
 favicon.ico => images/favicon.ico | Bin
 pages/home.html                   |  16 ++++++++++++++++
 styles/styleMain.css              |  12 +++++++++---
 5 files changed, 25 insertions(+), 3 deletions(-)
 create mode 100644 images/Egg1.png
 create mode 100644 images/Egg2.gif
 rename favicon.ico => images/favicon.ico (100%)

diff --git a/images/Egg1.png b/images/Egg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e87423aa265c7c6fe31f853de138fd5f1253e79
GIT binary patch
literal 1860
zcmcIlO^X~w8185YF}k@#bXP^1j$oqJbai!4e<kCx&a9acdmT0d*<3=Z>tm+b>8`fB
zcV~7H1o0wxP!9^ht3e|82SilxB&atLWG_Ly7|~0PnpDr1G48HQz=58w?tbcdpZ9&A
zs(P!va&GR}W5*OlnQJv0tMdMkypA6|BL5%%{LdTm_CVUam@CSIC(7%Pa^=H$MLF_*
z)LARmf|q?F;tHlBWR+o@O0=S!T^y#Etg}K5SvN{*+V7uzp{WtAX&0&i4AMI5Ma}Ju
zo!?&RknMHiQEl;g_3Y4>1TibHI*j{C?hk9)h}W0n^0lt1BS^7c)0WDB>RQlN>mp;S
zSAl>)2vx_c7>+@Z!=F<TL`a9OZrH$ZeTaO^R3|@8hRZ1TR~s)*g2|_v)+>tC*Y&|*
zP#KsNk#%*$^E@3Q9U&kQAm2&~JOoL8a>~$PImx25h(w~6j5rh<MNN}Z$2r95j5f(9
zb&?g+hd9-Z3M_M)0)t?GXdKVbd9l1HqfGSfN}PALQl_u6Tx?{7EpM`<I5`bQ$!u=A
zk@ZKJQlhgyizO_V!i-s{v?mIY_rxA~%s$VuN&R}pa3Qje5dCSV+EW%4Srw?Bx)3E)
z4D!>ZqR9l-zy+&mW!Hd#0CGEq<s;j->}L(bhj0uHq!B1C@V~)TA0Z#Xe}Dyz_|`$7
zLEyKNyub-ztwv3gqAF2DeZ#4S$T1;6hDm{CSPWn$N8F?sGlxU&*dtwXenXIrvV7(I
zv2Up$l4DjO-*tJ_<{Saai3?0**&rmQ4VdH5(8C_HurXzOC5z<J!Tmc~OI1`dLe42P
znF(ms2>~S*0iKIEust4DT?9!;s+vlP&qWqv>60kNU8bi=S5yC1Qx|=a1%k?&o28p2
zyUd~)<+62Kll5_)y*e57BXwjtACuDSHI0-_W>lNJj&`Zu!E}yk2R$Z9_i6qZmJ41C
zaK@IpveN%)E`2ZYIo{k~x>fbU5ONzhJd|F976P8>SfENh4;n6aTmw&2|6im}%1U}T
z=`y)<>e{_0b1)b0)rY&*)xGp#_hj^PzZ^SEzuSDHZ+GmivXP@#a>Fi%v!g;j%nlot
z$U0^6D0%eT@2|;YsMBgJbxysz^WK@`U&5pH-#-4}m%~r|wD8QeH=nwH;nz7jyk2k3
zFJ~_`ug^OV-~9Qzr^9!?Ieg!bo0r~x?cC`Tf3^SE`D*8o!tDj^_2BZ2#arzkZhmy;
Z>eVMdX+Co0>++myEw3~_ec|#Ow*fW*O5^|l

literal 0
HcmV?d00001

diff --git a/images/Egg2.gif b/images/Egg2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9234dcbe2d42d425eeae37c9ebf2a0b3ead63343
GIT binary patch
literal 1576
zcmb``TRamA0LSqyEt}1)9HA>piztQU@;NEVtwm`VU5MDQh+>jl=a#v}#!N#S8|Jf^
zgLO_9cTpz^lOfC~Mu|<@b~?SExAXRY_&t9AXPq1@Pxw6r!~zn406734m&<kKP{bLJ
zi>K|}&Kxy4q5uQ{0J`g&As_${aOmd-{2K!{$sgn}UM;FtmNt%NHH<&qP{mI<7R_eR
zKlL_=pj}^Ghu5-&-(QPmsxYOr_KGj*u7<=u`U)i5xoVJE2<*nx`(~_>7c<$DizFXJ
z&G14)j&e>H->OB5rB5u!wZu<suU-q%4+cAUMK*(T9ovHEBw%g$2`8L5F&GW3%Cm6q
z(H`x5X{qC0l9ZuT9-E{+G`j4(m3+L$&FEH^wMSEH4e#>~GqBN^-H*Vi(5W6HXMu12
z)3<4DXYIncnqi&?NJ^P~{fWc|$+dd~N?!53PtRqLmc=S9uE=(Pt4cXPVG}=r%>%|b
z?KMu)EixZS4exw%e@00srQ5B73zCyHOI9Y;rn|Iu)CX=hHMO(X9>r%zd9ww;SmVFV
zZE!1r_9aHkx9>voZ=6vWO0XqIYE&OB)3DBLUspj7luJn}kFB;{;TCFAkg2h6;9ZWC
z=J<}1i}RN3^Qt)04~0CBCii*0<~jAyF@Jd76^@I>k{1UJY_s>#G-W5JY*=&xj@Nz!
z$hPR0eda6&^b{`{dN9O70j=CATeg6U;tZ^M)n8IZp%(fdUOq<WkKVaB*1%btCI99N
zde){NIV<%Pq9a)8<RX+fV!Y=hUnFuxSq4n^6K^7kJ8}NAZ)jC45x+HX<im?+g7_<k
zV{u{Zo3sfEcj>!oRl&SGY~r3|U6_0551=CT+z(wi)pnR>f9-x(G3Y8*1+Vxq5jLxM
zDYc}qaqs?mkYwC(w}?i;*M>VzCErSgmpdGEa71P-)J5|$UYrzGByGbwRwf!MLBJ8_
zgy`$nZ15w=ktSZ8Jq71V#4qzLnSy|GQ|tiWhn}6JtkhXaw?8Qja>Ia_MJrargyuI+
zk-xy;K_|}+dGAY)!B4*{i<d!ysYwL3fQr$?%oTVWwCWc=U{a?mb4?8AF$5$EkxyES
znx~Tz=h4*_1ZNC`UY3brGFiQt8rEM*A+=9lJBQRYmAU=W5Bi_<=K}_r-+CDs#t190
zW;JvB<dgLWyP<Cv?)WT5z7irWa|qENqSs}(`soABAkwiIuv>aEyt=u2L?{8D5Zl2S
zFNz=*>KVB5o+OEP9{rS)vtQ<^o<bcqY5*nvu4aAI#ihL`7Mi~U88Ebw2Cd~H9c&Iw
z2|GfkKI9!gSjCLf`_pdw91Lje6YA}~$fMexqu9l_1sm<&gp(qVZK%jXmZ(7mcXRkK
zErs~iAB)Mv^VChTAmy^tmI%KjH{}*(*qYi^`!u;C9NAcenC?VE-?lt2P@B|<fUA>i
zdayIJa6RQ1*zyI9)7Q-dU-zZIHE1XNj+-5`FrzucoFYVhUkBlbOKh#*H-cB`gB3tB
zih>&OIap^@gExbQFkEoxoH7vCe9nqv@4hQ)qp0RWvuph)Zn{O;aBbqVb*Z&_y<*2z
zErnU1VXRjxZ;L)>O!HPibifg)$=Gm%U+*a%Vu<Uy;@_2XDcXWaibC@$(Kr32I^PyZ
zA(yX9F?UTw?^wsgwWHN{!rk`X{EW>WWh~7^KT<f*9VfxIuq$1*L;2jukxt?^F(J+)
zMpUEPfAN7dPLG;Aq`v}@T}6!Zd14Xk5gC_VjO3fnfrM8QI<mXG6SurRJ8@5tw@OLi
zsR!@zS8|Tw`wa<b2)wdY_s6>r-AS7g)bk&g#(bw#^Mk%*XicTaIMq6tN6gZ$XYU%9
zRK%DT?H|4KLkfNz*P-n6KFMtI_RM`mr`rs{3VTDlps+=v9_GI0>2C~UuKHy8ckbsE
zFYc_Q>u%+=7~sQO8RMnV`+|d12L+IJV%#tNDptaWDMbY{<>|K=a|I|1o&L()t>}-B
fjU6#)&%ztbcl1)$<b2hC>mSbyVYLqYynyvT{!%3R

literal 0
HcmV?d00001

diff --git a/favicon.ico b/images/favicon.ico
similarity index 100%
rename from favicon.ico
rename to images/favicon.ico
diff --git a/pages/home.html b/pages/home.html
index a6654b5..1ffb8af 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -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>
diff --git a/styles/styleMain.css b/styles/styleMain.css
index 3e35197..975011e 100644
--- a/styles/styleMain.css
+++ b/styles/styleMain.css
@@ -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;