feat: add finalized build

Author: Shirajuki

chall/index.js

@@ -273,7 +273,7 @@ app.get("/api/flags", (req, res) => {
 				hint: "It's free",
 				display: "Itemize{sp00ky_hall0w33n}",
 			},
-			{ flag: "Truth seeker", hint: "Seek the source", display: "???" },
+			{ flag: "Truth seeker", hint: "Seek the source", display: "? " },
 			{ flag: "Gamer", hint: "Clear 6 stages", display: "???" },
 			{ flag: "L337 gamer", hint: "Clear 12 stages", display: "???" },
 			{ flag: "Shinobi", hint: "Clear the hidden stage", display: "???" },
@@ -284,7 +284,7 @@ app.get("/api/flags", (req, res) => {
 				display: "???",
 			},
 			{ flag: "Deep pocket", hint: "Richer than admin", display: "???" },
-			{ flag: "Easter egg", hint: "LvL. 1337", display: "???" },
+			{ flag: "Easter egg", hint: "LvL. 1337", display: "? " },
 		];
 		console.log(user, userInfo, hidden, stars);
 		if (userInfo) {

chall/public/css/style.css

@@ -36,6 +36,7 @@ html {
 	align-items: center;
 	justify-content: center;
 	height: 100vh;
+	transform: translateY(-40px);
 }
 .title {
 	width: 90%;
@@ -73,6 +74,9 @@ button {
 .index-btn:active {
 	filter: brightness(0.5) hue-rotate(30deg);
 }
+.tutorial {
+	color: #e3d6ad;
+}
 
 /* Canvas */
 canvas {

chall/public/js/main.js

@@ -212,13 +212,25 @@ for (let i = 0; i < levelButtons.length; i++) {
 // Game loop
 const keyDownHandler = (event) => {
 	if (interact.window !== "levels-btn") return;
-	if (event.key === "ArrowLeft" || event.key === "a") {
+	if (event.key === "ArrowLeft" || event.key === "a" || event.key === "h") {
 		game.movePlayer(-1, 0);
-	} else if (event.key === "ArrowUp" || event.key === "w") {
+	} else if (
+		event.key === "ArrowUp" ||
+		event.key === "w" ||
+		event.key === "k"
+	) {
 		game.movePlayer(0, -1);
-	} else if (event.key === "ArrowRight" || event.key === "d") {
+	} else if (
+		event.key === "ArrowRight" ||
+		event.key === "d" ||
+		event.key === "l"
+	) {
 		game.movePlayer(1, 0);
-	} else if (event.key === "ArrowDown" || event.key === "s") {
+	} else if (
+		event.key === "ArrowDown" ||
+		event.key === "s" ||
+		event.key === "j"
+	) {
 		game.movePlayer(0, 1);
 	} else if (event.key === "r") {
 		if (!interact.button) return;

chall/views/index.ejs

@@ -15,6 +15,9 @@
 				<a href="/game">
 					<button class="index-btn">Play</button>
 				</a>
+				<p class="tutorial">
+					[ h ] [ j ] [ k ] [ l ] - to move &nbsp; | &nbsp; [ r ] - to reset
+				</p>
 			</div>
 		</main>
 	</body>