Change homepage to use query params

+ Fix multiplayer info not being sent to play page
CarbonChess · May 13, 2021 · 81d54c4 · 81d54c4
1 parent 2319f59
commit 81d54c4
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 13 deletions.
diff --git a/_redirects b/_redirects
@@ -1,4 +1,4 @@
-/ menu=bot          /menu/bot/
-/ menu=offline      /menu/offline/
-/ menu=online       /menu/online/
-/                   /menu/
+/ menu=bot          /menu/bot/              200
+/ menu=offline      /menu/offline/          200
+/ menu=online       /menu/online/           200
+/                   /menu/index             200
diff --git a/layouts/menu.njk b/layouts/menu.njk
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-	<a href="/menu/">
+	<a href="/">
 		<img id="logo" src="/assets/logo.svg" height="65px">
 	</a>
 

diff --git a/pages/home/bot.html b/pages/home/bot.html
@@ -53,7 +53,7 @@ <h2>Bot colour</h2>
 	</div>
 
 	<div style="display: flex;">
-		<a href="/menu/" id="back" class="card wide">
+		<a href="/" id="back" class="card wide">
 			Back
 		</a>
 		<button type="submit" id="play" class="card wide">

diff --git a/pages/home/index.html b/pages/home/index.html
@@ -7,19 +7,19 @@ <h2>Select opponent</h2>
 
 <div class="cards">
 
-	<a href="/menu/bot" class="card big">
+	<a href="/?menu=bot" class="card big">
 		<img src="/assets/icons/computer.svg" class="card-image" height="100px">
 		<span class="card-heading">Computer</span>
 		<span class="card-description">Play against the computer</span>
 	</a>
 
-	<a href="/menu/offline" class="card big">
+	<a href="/?menu=offline" class="card big">
 		<img src="/assets/icons/offline.svg" class="card-image" height="100px">
 		<span class="card-heading">Offline</span>
 		<span class="card-description">Play against someone on the same device</span>
 	</a>
 
-	<a href="/menu/online" class="card big">
+	<a href="/?menu=online" class="card big">
 		<img src="/assets/icons/online.svg" class="card-image" height="100px">
 		<span class="card-heading">Online</span>
 		<span class="card-description">Play against someone anywhere in the world</span>

diff --git a/pages/home/offline.html b/pages/home/offline.html
@@ -21,7 +21,7 @@ <h3>Game options</h3>
 	</div>
 
 	<div style="display: flex;">
-		<a href="/menu/" id="back" class="card wide">
+		<a href="/" id="back" class="card wide">
 			Back
 		</a>
 		<button type="submit" id="play" class="card wide">

diff --git a/pages/home/online.html b/pages/home/online.html
@@ -5,7 +5,7 @@
 
 <form action="/play" method="GET">
 
-	<input readonly type="checkbox" name="multiplayer" class="hide">
+	<input readonly type="checkbox" checked name="multiplayer" class="hide">
 
 	<h2>Online</h2>
 	<h3>Game Code</h3>
@@ -15,7 +15,7 @@ <h3>Game Code</h3>
 	</button>
 
 	<div style="display: flex;">
-		<a href="/menu/" id="back" class="card wide">
+		<a href="/" id="back" class="card wide">
 			Back
 		</a>
 		<button type="submit" id="play" class="card wide">

diff --git a/pages/play.html b/pages/play.html
@@ -16,6 +16,7 @@
 	<script src="/scripts/play/bot.js"></script>
 	<script src="/scripts/play/fen.js"></script>
 	<script src="/scripts/play/game-cycle.js"></script>
+	<script src="/scripts/play/online.js"></script>
 	<script src="/scripts/play/pagelog.js"></script>
 	<script src="/scripts/play/pieces.js"></script>
 	<script src="/scripts/play/validation.js"></script>

diff --git a/styles/home.css b/styles/home.css
@@ -89,9 +89,10 @@ input[type="text"] {
 }
 
 .card.big {
+	margin: 1em;
 	height: 250px;
 	width: 250px;
-	border-radius: 0;
+	border-radius: 1em;
 }
 @media (min-width: 600px) {
 	.card.big {
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,7 +12,7 @@ @@
     </head>
     <body>
-    	<a href="/menu/">
+    	<a href="/">
     		<img id="logo" src="/assets/logo.svg" height="65px">
     	</a>
@@ Expand Down @@