login.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <link rel="stylesheet" href="styles/styles.css" type="text/css">
  6. <script src="scripts/scripts.js"></script>
  7. <title>PotatoEgg | Login</title>
  8. </head>
  9. <body class="login">
  10. <div class="dialog msg" id="msg">
  11. <h1 id="title">some title here</h1>
  12. <svg id="close-x" class="close-x">
  13. <use xlink:href="media/bootstrap-icons.svg#x-circle-fill" />
  14. </svg>
  15. <div class="body">
  16. <svg id="icon" class="icon">
  17. <use xlink:href="media/bootstrap-icons.svg" />
  18. </svg>
  19. <p id="msg_txt">No message!</p>
  20. <div id="buttons" class="buttons">
  21. <button id="default-button" onclick="msg_ok();">Okay, bro</button>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="login-form">
  26. <div class="container">
  27. <div class="icon-border">
  28. <div class="icon-container">
  29. <svg class="icon">
  30. <use href="media/bootstrap-icons.svg#key-fill" />
  31. </svg>
  32. </div>
  33. </div>
  34. <form action="/login" method="POST">
  35. <input name="username" placeholder="Username">
  36. <input type="password" name="password" placeholder="Password">
  37. <input type="submit" value="Login">
  38. </form>
  39. </div>
  40. </div>
  41. </body>
  42. </html>