From 2d67768c8814b809a273413966115358f42b69b3 Mon Sep 17 00:00:00 2001
From: MayteApolix <83069108+MayteApolix@users.noreply.github.com>
Date: Sun, 16 Jan 2022 19:38:31 +0100
Subject: Updates button

---
 draughts/app.js                        |  3 ++-
 draughts/public/splash.html            |  2 +-
 draughts/public/stylesheets/splash.css | 27 ++++++++++++++++++++++++---
 draughts/views/splash.ejs              |  2 +-
 4 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/draughts/app.js b/draughts/app.js
index 86a8c69..6d4901a 100644
--- a/draughts/app.js
+++ b/draughts/app.js
@@ -89,7 +89,7 @@ wss.on("connection", ws => {
 			}, ws)
 			game.move(msg.body)
 			
-			if (!game.nextTurn())
+			if (!game.nextTurn()){
 				var totalMoves = game.history.length
 				/* Update minimum amount of moves in stat tracker */
 				if (totalMoves < stats.minimumMoves){
@@ -104,6 +104,7 @@ wss.on("connection", ws => {
 				/* Remove ongoing game */
 				stats.ongoingGames--
 				env.removeGame(game)
+			}	
 			break
 		}
 	})
diff --git a/draughts/public/splash.html b/draughts/public/splash.html
index 6a84b54..cdb627e 100644
--- a/draughts/public/splash.html
+++ b/draughts/public/splash.html
@@ -22,7 +22,7 @@
 		</div>
 		<div class="button">
 			<form action="/play" method="get">
-				<button type="submit">PLAY</button>
+				<button id="button" type="submit">PLAY</button>
 			</form>
 		</div>
 		<div class="how how-to-1">
diff --git a/draughts/public/stylesheets/splash.css b/draughts/public/stylesheets/splash.css
index 71ba346..11acf14 100644
--- a/draughts/public/stylesheets/splash.css
+++ b/draughts/public/stylesheets/splash.css
@@ -115,7 +115,7 @@ div > img{
  	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
 }
 
-button {
+#button {
 	background-color: var(--light-blue);
 	color: inherit;
 	font-size: calc(50% + 2vw);
@@ -123,23 +123,44 @@ button {
 	padding: 5%;
 	margin-left: 25%;
 	margin-top: 10%;
-	cursor:pointer;
+	cursor: pointer;
 	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
 }
 
+#button:active{
+	font-weight: bold;
+}
+
+#button:hover{
+	cursor: pointer;
+	background-color: var(--darker-blue)
+}
+
 .how-to-1 > img {
 	justify-self: center;
 	width: fit-content;
 	height: 75%;
 }
 
+.how-to-1 > h2::before {
+	content: "1 ";
+}
+
 .how-to-2 > img {
 	justify-self: center;
 	height: 80%;
 }
 
+.how-to-2 > h2::before {
+	content: "2 ";
+}
+
 .how-to-3> img {
 	justify-self: center;
 	height: 50%;
 	opacity: 0.9;
-}
\ No newline at end of file
+}
+
+.how-to-3 > h2::before {
+	content: "3 ";
+}
diff --git a/draughts/views/splash.ejs b/draughts/views/splash.ejs
index 1e86f53..335a347 100644
--- a/draughts/views/splash.ejs
+++ b/draughts/views/splash.ejs
@@ -40,7 +40,7 @@
 		</div>
 		<div class="button">
 			<form action="/play" method="get">
-				<button type="submit">PLAY</button>
+				<button id="button" type="submit">PLAY</button>
 			</form>
 		</div>
 		<div class="how how-to-1">
-- 
cgit v1.2.3