From 24cf98560b80079b7192b43b3a4837d4a9c4d3d6 Mon Sep 17 00:00:00 2001 From: ea654 <ea654@drexel.edu> Date: Sat, 9 Nov 2024 21:49:00 +0000 Subject: [PATCH] Update file index.html --- public/index.html | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 public/index.html diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d0d9c7e --- /dev/null +++ b/public/index.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Trivia Game</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <main class="main"> + <header class="header"> + <a href="#" class="logo">Welcome to the Trivia Game</a> + <nav class="navbar"> + <a href="#">Home</a> + <a href="#">About</a> + <a href="#">Leaderboards</a> + </nav> + </header> + + <section class="home"> + <div class="home-content"> + <h1>Trivia Game</h1> + <p>Select your options and click Play</p> + <button class="start-button" id="startGame">Play</button> + </div> + </section> + + <section id="gameArea" style="display:none;"> + <h2 id="question">Question will appear here</h2> + <div id="options">Options will appear here</div> + <p id="score">Score: 0</p> + <button id="nextQuestion" style="display:none;">Next Question</button> + </section> + </main> + <script src="/socket.io/socket.io.js"></script> + <script src="script.js"></script> +</body> +</html> -- GitLab