index.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <html>
  2. <head>
  3. <meta charset="UTF-8" />
  4. <script src="dist/frontend.js"></script>
  5. <style>
  6. .landing-page-element {
  7. height: 30%;
  8. max-height: 150px;
  9. text-align: center;
  10. margin: auto;
  11. width: 50%;
  12. max-width: 600px;
  13. padding: 10px;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <h1 class="landing-page-element">Astro</h1>
  19. <form action="world.html" method="GET">
  20. <table class="landing-page-element">
  21. <tr>
  22. <td>Game:</td>
  23. <td><input type="text" name="game" value="main" /></td>
  24. </tr>
  25. <tr>
  26. <td>Player:</td>
  27. <td>
  28. <input
  29. id="player-name-input"
  30. type="text"
  31. name="player"
  32. value=""
  33. />
  34. </td>
  35. </tr>
  36. <tr>
  37. <td colspan="2"><input type="submit" value="Start" /></td>
  38. </tr>
  39. </table>
  40. </form>
  41. <script>
  42. document.getElementById(
  43. 'player-name-input'
  44. ).value = astro.generatePlayerName();
  45. </script>
  46. </body>
  47. </html>