auth.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="description" content="A pomf-like file uploading service that doesn't suck.">
  5. <meta name="keywords" content="upload,lolisafe,file,images,hosting">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
  9. <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
  10. <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
  11. <link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
  12. <link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
  13. <link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
  14. <meta name="apple-mobile-web-app-title" content="lolisafe">
  15. <meta name="application-name" content="lolisafe">
  16. <meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
  17. <meta name="theme-color" content="#ffffff">
  18. <meta property="og:url" content="https://lolisafe.moe" />
  19. <meta property="og:type" content="website" />
  20. <meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
  21. <meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
  22. <meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
  23. <meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
  24. <meta name="twitter:card" content="summary">
  25. <meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
  26. <meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
  27. <meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
  28. <meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
  29. <title>lolisafe - A small safe worth protecting.</title>
  30. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.0/css/bulma.min.css">
  31. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
  32. <link rel="stylesheet" type="text/css" href="/css/style.css">
  33. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
  34. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.15.3/axios.min.js"></script>
  35. <script type="text/javascript" src="https://use.fontawesome.com/cd26baa9bd.js"></script>
  36. <script type="text/javascript" src="/js/auth.js"></script>
  37. </head>
  38. <body>
  39. <style type="text/css">
  40. section#login {
  41. background-color: #f5f6f8;
  42. }
  43. </style>
  44. <section id='login' class="hero is-fullheight">
  45. <div class="hero-body">
  46. <div class="container">
  47. <h1 class="title">
  48. Dashboard Access
  49. </h1>
  50. <h2 class="subtitle">
  51. Login or register
  52. </h2>
  53. <div class="columns">
  54. <div class="column">
  55. <p class="control">
  56. <input id='user' class="input" type="text" placeholder="Your username">
  57. </p>
  58. <p class="control">
  59. <input id='pass' class="input" type="password" placeholder="Your password">
  60. </p>
  61. <p class="control has-addons is-pulled-right">
  62. <a class="button" id='registerBtn' onclick="page.do('register')">
  63. <span>Register</span>
  64. </a>
  65. <a class="button" id='loginBtn' onclick="page.do('login')">
  66. <span>Log in</span>
  67. </a>
  68. </p>
  69. </div>
  70. <div class="column is-hidden-mobile"></div>
  71. <div class="column is-hidden-mobile"></div>
  72. </div>
  73. </div>
  74. </div>
  75. </section>
  76. </body>
  77. </html>