auth.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>loli-safe - A self hosted upload service</title>
  5. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.0/css/bulma.min.css">
  6. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
  7. <link rel="stylesheet" type="text/css" href="/css/style.css">
  8. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
  9. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.15.3/axios.min.js"></script>
  10. <script type="text/javascript" src="https://use.fontawesome.com/cd26baa9bd.js"></script>
  11. <script type="text/javascript" src="/js/auth.js"></script>
  12. </head>
  13. <body>
  14. <style type="text/css">
  15. section#login {
  16. background-color: #f5f6f8;
  17. }
  18. </style>
  19. <section id='login' class="hero is-fullheight">
  20. <div class="hero-body">
  21. <div class="container">
  22. <h1 class="title">
  23. Dashboard Access
  24. </h1>
  25. <h2 class="subtitle">
  26. Login or register
  27. </h2>
  28. <div class="columns">
  29. <div class="column">
  30. <p class="control">
  31. <input id='user' class="input" type="text" placeholder="Your username">
  32. </p>
  33. <p class="control">
  34. <input id='pass' class="input" type="text" placeholder="Your password">
  35. </p>
  36. <p class="control has-addons is-pulled-right">
  37. <a class="button" id='registerBtn' onclick="page.do('register')">
  38. <span>Register</span>
  39. </a>
  40. <a class="button" id='loginBtn' onclick="page.do('login')">
  41. <span>Log in</span>
  42. </a>
  43. </p>
  44. </div>
  45. <div class="column is-hidden-mobile"></div>
  46. <div class="column is-hidden-mobile"></div>
  47. </div>
  48. </div>
  49. </div>
  50. </section>
  51. </body>
  52. </html>