Spaces:
Paused
Paused
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>1v1 Hangman</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>1v1 Hangman</h1> | |
| <!-- Initial Screen --> | |
| <div id="initialScreen"> | |
| <button id="playButton">Play</button> | |
| </div> | |
| <!-- Waiting for Player 2 --> | |
| <div id="waitingMessage" style="display: none;"> | |
| <p>Session ID: <span id="sessionId"></span></p> | |
| <p>Waiting for Player 2...</p> | |
| </div> | |
| <!-- Game Starting --> | |
| <div id="gameStarting" style="display: none;"> | |
| <p>Starting game...</p> | |
| </div> | |
| <!-- Word Input --> | |
| <div id="wordInput" style="display: none;"> | |
| <input type="text" id="wordInputField" maxlength="7" placeholder="Enter a 7-letter word"> | |
| <button id="submitWordButton">Submit Word</button> | |
| </div> | |
| <!-- Waiting for Opponent's Word --> | |
| <div id="waitingForWord" style="display: none;"> | |
| <p>Waiting for opponent to submit their word...</p> | |
| </div> | |
| <!-- Game Area --> | |
| <div id="gameArea" style="display: none;"> | |
| <div id="hangmanSvg"></div> | |
| <div class="word-display" id="playerWord"></div> | |
| <div class="word-display" id="opponentWord"></div> | |
| <div class="guesses" id="guesses">Guessed letters: </div> | |
| <div class="player-turn" id="playerTurn"></div> | |
| <input type="text" id="guessInput" maxlength="1"> | |
| <button id="guessButton">Guess</button> | |
| <div id="message"></div> | |
| </div> | |
| </div> | |
| <script src="{{ url_for('static', filename='js/game.js') }}"></script> | |
| </body> | |
| </html> |