login.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. {{ define "login.html" }}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="/api/v1/style/bootstrap.min.css">
  8. <link rel="stylesheet" href="/api/v1/style/mdb/mdb.min.css">
  9. </head>
  10. <body style="background-color: rgb(56, 56, 56);">
  11. <div class="container-fluid sticky-top pb-0">
  12. <div class="row align-items-center justify-content-center bg-dark h-100 shadow-lg p-0 mb-0 rounded">
  13. <div class="col-sm-8 p-3">
  14. <div style="color: whitesmoke; font-size: xx-large; font-family: monospace;">
  15. <a style="color:whitesmoke">{{ .heading }}</a>
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="container-fluid p-5 position-relative">
  21. <div class="container">
  22. <div class="row">
  23. <div class="col-sm"></div>
  24. <div class="row position-relative shadow-lg p-3 m-3 rounded justify-content-center"
  25. style="width: 80vh; max-width: 95%; background-color: rgb(22, 22, 22);">
  26. <div class="col-sm" style="color: whitesmoke; font-size: xx-large; font-family: monospace;">
  27. <form method="post"
  28. hx-post="/login"
  29. hx-ext="json-enc">
  30. <input type="text" name="username" placeholder="do androids dream" required><br>
  31. <input type="password" name="password" placeholder="of electric sheep?" required><br>
  32. <button type="submit">Send</button>
  33. </form>
  34. </div>
  35. </div>
  36. <div class="col-sm"></div>
  37. </div>
  38. </div>
  39. </div>
  40. </body>
  41. <script src="/api/v1/htmx/htmx.min.js"></script>
  42. <script src="/api/v1/htmx/json-enc.js"></script>
  43. </html>
  44. {{ end }}