Spaces:
Running
Running
| <html> <head> <link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script> <script type="module" src="main.js"></script> <title>Pro wrestlers game</title> </head> <body> <nav class="header"> <h1>Pro wrestlers game</h1> <a href="#">About</a> </nav> <main id="app"> <h2>Welcome to the Pro wrestlers game!</h2> <p>You can create and play with various wrestlers in this game.</p> <div> <button class="btn">Start</button> </div> <div id="wrestlers"> <h3>Available wrestlers:</h3> <ul> <li>Wrestler 1</li> <li>Wrestler 2</li> <li>Wrestler 3</li> </ul> </div> <div id="create-wrestler-form"> <h3>Create a new wrestler:</h3> <form> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="age">Age:</label> <input type="number" id="age" name="age" required> <label for="weight">Weight:</label> <input type="number" id="weight" name="weight" required> <input type="submit" value="Create"> </form> </div> <div id="game"> <h3>Game</h3> <div id="gameboard"> <!-- Game board will be displayed here --> </div> <div id="scoreboard"> <!-- Scoreboard will be displayed here --> </div> <div id="countdown"> <!-- Countdown timer will be displayed here --> </div> <div id="moves"> <h2>Moves</h2> <ul> {{#each move in moves}} <li class="move"><button class="btn btn-primary" @click="${() => onMoveClick(move)}">{{move.name}}</button></li> {{/each}} </ul> </div> </div> </main> <footer class="footer"> <p>Made with 💻 by <a href="#">Max</a></p> </footer> </body> </html> |