diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/auth.html | 57 | ||||
| -rw-r--r-- | pages/home.html | 6 | ||||
| -rw-r--r-- | pages/panel.html | 2 |
3 files changed, 61 insertions, 4 deletions
diff --git a/pages/auth.html b/pages/auth.html new file mode 100644 index 0000000..f5aec74 --- /dev/null +++ b/pages/auth.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html> + <head> + <title>loli-safe - A self hosted upload service</title> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.0/css/bulma.min.css"> + <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css"> + <link rel="stylesheet" type="text/css" href="/css/style.css"> + <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script> + <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.15.3/axios.min.js"></script> + <script type="text/javascript" src="https://use.fontawesome.com/cd26baa9bd.js"></script> + <script type="text/javascript" src="/js/auth.js"></script> + </head> + <body> + + <style type="text/css"> + section#login { + background-color: #f5f6f8; + } + </style> + + <section id='login' class="hero is-fullheight"> + <div class="hero-body"> + <div class="container"> + <h1 class="title"> + Dashboard Access + </h1> + <h2 class="subtitle"> + Login or register + </h2> + <div class="columns"> + <div class="column"> + <p class="control"> + <input id='user' class="input" type="text" placeholder="Your username"> + </p> + <p class="control"> + <input id='pass' class="input" type="password" placeholder="Your password"> + </p> + + <p class="control has-addons is-pulled-right"> + <a class="button" id='registerBtn' onclick="page.do('register')"> + <span>Register</span> + </a> + <a class="button" id='loginBtn' onclick="page.do('login')"> + <span>Log in</span> + </a> + </p> + + </div> + <div class="column is-hidden-mobile"></div> + <div class="column is-hidden-mobile"></div> + </div> + </div> + </div> + </section> + + </body> +</html>
\ No newline at end of file diff --git a/pages/home.html b/pages/home.html index 43a3e2c..256c856 100644 --- a/pages/home.html +++ b/pages/home.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <head> - <title>loli-safe - A self hosted upload service</title> + <title>loli-safe - A small safe worth protecting.</title> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.0/css/bulma.min.css"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css"> <link rel="stylesheet" type="text/css" href="/css/style.css"> @@ -27,7 +27,7 @@ <div class="column" id='uploadContainer'> <p id='tokenContainer' class="control has-addons has-addons-centered"> - <input id='token' class="input is-danger" type="text" placeholder="Your upload token"> + <input id='token' class="input is-danger" type="text" placeholder="Your token"> <a id='tokenSubmit' class="button is-danger">Check</a> </p> @@ -48,7 +48,7 @@ </div> <h3 id="links"> - <a href="https://github.com/kanadeko/loli-safe" target="_blank" class="is-danger">View on Github</a><span>|</span><a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" class="is-danger">Chrome extension</a><span>|</span><a href="/panel" target="_blank" class="is-danger">Dashboard</a> + <a href="https://github.com/kanadeko/loli-safe" target="_blank" class="is-danger">View on Github</a><span>|</span><a href="https://chrome.google.com/webstore/detail/loli-safe-uploader/enkkmplljfjppcdaancckgilmgoiofnj" target="_blank" class="is-danger">Chrome extension</a><span>|</span><a href="/auth" target="_blank" class="is-danger">Manage your uploads</a> </h3> </div> diff --git a/pages/panel.html b/pages/panel.html index 68443a2..a0860cc 100644 --- a/pages/panel.html +++ b/pages/panel.html @@ -53,7 +53,7 @@ </ul> <p class="menu-label">Administration</p> <ul class="menu-list"> - <li><a id="itemTokens" onclick="panel.changeTokens()">Change your tokens</a></li> + <li><a id="itemTokens" onclick="panel.changeTokens()">Change your token</a></li> <li><a onclick="panel.logout()">Logout</a></li> </ul> </aside> |