auth.handlebars 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. {{#> base}}
  2. {{#*inline "head-block"}}
  3. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
  4. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
  5. <script type="text/javascript" src="/js/auth.js"></script>
  6. {{/inline}}
  7. {{#*inline "body-block"}}
  8. <section id='login' class="hero is-fullheight">
  9. <div class="hero-body">
  10. <div class="container">
  11. <h1 class="title">
  12. Dashboard Access
  13. </h1>
  14. <h2 class="subtitle">
  15. Login or register
  16. </h2>
  17. <div class="columns">
  18. <div class="column">
  19. <p class="control">
  20. <input id='user' class="input" type="text" placeholder="Your username">
  21. </p>
  22. <p class="control">
  23. <input id='pass' class="input" type="password" placeholder="Your password">
  24. </p>
  25. <p class="control has-addons is-pulled-right">
  26. <a class="button" id='registerBtn' onclick="page.do('register')">
  27. <span>Register</span>
  28. </a>
  29. <a class="button" id='loginBtn' onclick="page.do('login')">
  30. <span>Log in</span>
  31. </a>
  32. </p>
  33. </div>
  34. <div class="column is-hidden-mobile"></div>
  35. <div class="column is-hidden-mobile"></div>
  36. </div>
  37. </div>
  38. </div>
  39. </section>
  40. {{/inline}}
  41. {{/base}}