login.templ 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. package views
  2. // Login renders the standalone login page (no nav layout).
  3. templ Login(flashErr string) {
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7. <meta charset="UTF-8"/>
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <title>Login — JamTrack</title>
  10. <link rel="stylesheet" href="/static/bulma.min.css"/>
  11. </head>
  12. <body>
  13. <section class="section">
  14. <div class="container">
  15. <div class="columns is-centered">
  16. <div class="column is-narrow" style="min-width:320px">
  17. <h1 class="title has-text-centered">JamTrack</h1>
  18. if flashErr != "" {
  19. <div class="notification is-danger is-light">{ flashErr }</div>
  20. }
  21. <form method="POST" action="/login">
  22. <div class="field">
  23. <label class="label">Username</label>
  24. <div class="control">
  25. <input class="input" type="text" name="username" autofocus required/>
  26. </div>
  27. </div>
  28. <div class="field">
  29. <label class="label">Password</label>
  30. <div class="control">
  31. <input class="input" type="password" name="password" required/>
  32. </div>
  33. </div>
  34. <div class="field mt-4">
  35. <div class="control">
  36. <button class="button is-primary is-fullwidth" type="submit">Sign in</button>
  37. </div>
  38. </div>
  39. </form>
  40. </div>
  41. </div>
  42. </div>
  43. </section>
  44. </body>
  45. </html>
  46. }