Pitu 6 years ago
parent
commit
3c5303e505
5 changed files with 374 additions and 374 deletions
  1. 57 57
      pages/album.html
  2. 77 77
      pages/auth.html
  3. 88 88
      pages/dashboard.html
  4. 71 71
      pages/faq.html
  5. 81 81
      pages/home.html

+ 57 - 57
pages/album.html

@@ -1,60 +1,60 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta name="description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="keywords" content="upload,lolisafe,file,images,hosting">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
-        <link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
-        <link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
-        <link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
-        <link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
-        <meta name="apple-mobile-web-app-title" content="lolisafe">
-        <meta name="application-name" content="lolisafe">
-        <meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
-        <meta name="theme-color" content="#ffffff">
-
-        <meta property="og:url" content="https://lolisafe.moe" />
-        <meta property="og:type" content="website" />
-        <meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
-        <meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
-        <meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
-        <meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
-
-        <meta name="twitter:card" content="summary">
-        <meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
-        <meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
-        <meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
-
-        <title>lolisafe - 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">
-        <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="/js/album.js"></script>
-    </head>
-
-    <body>
-
-        <section class="hero is-fullheight">
-            <div class="hero-head">
-                <div class="container">
-                    <h1 class="title" id='title' style='margin-top: 1.5rem;'></h1>
-                    <h1 class="subtitle" id='count'></h1>
-                    <hr>
-                </div>
-            </div>
-            <div class="hero-body">
-                <div class="container" id='container'>
-                    
-                </div>
-            </div>
-        </section>
-
-    </body>
+	<head>
+		<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="keywords" content="upload,lolisafe,file,images,hosting">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+		<link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
+		<link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
+		<link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
+		<link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
+		<meta name="apple-mobile-web-app-title" content="lolisafe">
+		<meta name="application-name" content="lolisafe">
+		<meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
+		<meta name="theme-color" content="#ffffff">
+
+		<meta property="og:url" content="https://lolisafe.moe" />
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
+		<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
+		<meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
+
+		<meta name="twitter:card" content="summary">
+		<meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
+		<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
+		<meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
+
+		<title>lolisafe - 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">
+		<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="/js/album.js"></script>
+	</head>
+
+	<body>
+
+		<section class="hero is-fullheight">
+			<div class="hero-head">
+				<div class="container">
+					<h1 class="title" id='title' style='margin-top: 1.5rem;'></h1>
+					<h1 class="subtitle" id='count'></h1>
+					<hr>
+				</div>
+			</div>
+			<div class="hero-body">
+				<div class="container" id='container'>
+
+				</div>
+			</div>
+		</section>
+
+	</body>
 </html>

+ 77 - 77
pages/auth.html

@@ -1,87 +1,87 @@
 <!DOCTYPE html>
 <html>
-    <head>
+	<head>
 
-        <meta name="description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="keywords" content="upload,lolisafe,file,images,hosting">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="keywords" content="upload,lolisafe,file,images,hosting">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-        <link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
-        <link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
-        <link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
-        <link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
-        <meta name="apple-mobile-web-app-title" content="lolisafe">
-        <meta name="application-name" content="lolisafe">
-        <meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
-        <meta name="theme-color" content="#ffffff">
+		<link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
+		<link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
+		<link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
+		<link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
+		<meta name="apple-mobile-web-app-title" content="lolisafe">
+		<meta name="application-name" content="lolisafe">
+		<meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
+		<meta name="theme-color" content="#ffffff">
 
-        <meta property="og:url" content="https://lolisafe.moe" />
-        <meta property="og:type" content="website" />
-        <meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
-        <meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
-        <meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
-        <meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:url" content="https://lolisafe.moe" />
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
+		<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
+		<meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
 
-        <meta name="twitter:card" content="summary">
-        <meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
-        <meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
-        <meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
-        
-        <title>lolisafe - 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">
-        <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>
+		<meta name="twitter:card" content="summary">
+		<meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
+		<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
+		<meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
 
-        <style type="text/css">
-            section#login {
-                background-color: #f5f6f8;
-            }
-        </style>
+		<title>lolisafe - 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">
+		<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>
 
-        <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>
+		<style type="text/css">
+			section#login {
+				background-color: #f5f6f8;
+			}
+		</style>
 
-                        </div>
-                        <div class="column is-hidden-mobile"></div>
-                        <div class="column is-hidden-mobile"></div>
-                    </div>
-                </div>
-            </div>
-        </section>
+		<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>
 
-    </body>
-</html>
+							<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>

+ 88 - 88
pages/dashboard.html

@@ -1,100 +1,100 @@
 <!DOCTYPE html>
 <html>
-    <head>
+	<head>
 
-        <meta name="description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="keywords" content="upload,lolisafe,file,images,hosting">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="keywords" content="upload,lolisafe,file,images,hosting">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-        <link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
-        <link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
-        <link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
-        <link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
-        <meta name="apple-mobile-web-app-title" content="lolisafe">
-        <meta name="application-name" content="lolisafe">
-        <meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
-        <meta name="theme-color" content="#ffffff">
+		<link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
+		<link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
+		<link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
+		<link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
+		<meta name="apple-mobile-web-app-title" content="lolisafe">
+		<meta name="application-name" content="lolisafe">
+		<meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
+		<meta name="theme-color" content="#ffffff">
 
-        <meta property="og:url" content="https://lolisafe.moe" />
-        <meta property="og:type" content="website" />
-        <meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
-        <meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
-        <meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
-        <meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:url" content="https://lolisafe.moe" />
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
+		<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
+		<meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
 
-        <meta name="twitter:card" content="summary">
-        <meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
-        <meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
-        <meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
-        
-        <title>lolisafe - 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">
-        <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/dashboard.js"></script>
-    </head>
-    <body>
+		<meta name="twitter:card" content="summary">
+		<meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
+		<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
+		<meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
 
-        <section id='auth' class="hero is-light is-fullheight">
+		<title>lolisafe - 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">
+		<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/dashboard.js"></script>
+	</head>
+	<body>
 
-            <div class="hero-body">
-                <div class="container">
-                    <h1 class="title">
-                        Admin dashboard
-                    </h1>
-                    <h2 class="subtitle">
-                        <p class="control has-addons">
-                            <input id='token' class="input is-danger" type="text" placeholder="Your admin token">
-                            <a id='tokenSubmit' class="button is-danger is-outlined">Check</a>
-                        </p>
-                    </h2>
-                </div>
-            </div>
+		<section id='auth' class="hero is-light is-fullheight">
 
-        </section>
+			<div class="hero-body">
+				<div class="container">
+					<h1 class="title">
+						Admin dashboard
+					</h1>
+					<h2 class="subtitle">
+						<p class="control has-addons">
+							<input id='token' class="input is-danger" type="text" placeholder="Your admin token">
+							<a id='tokenSubmit' class="button is-danger is-outlined">Check</a>
+						</p>
+					</h2>
+				</div>
+			</div>
 
-        <section id='dashboard' class="section">
+		</section>
 
-            <div id="panel" class="container">
-                <h1 class="title">Dashboard</h1>
-                <h2 class="subtitle">A simple <strong>dashboard</strong>, to sort your uploaded stuff</h2>
-                <hr>
-                <div class="columns">
-                    <div class="column is-3">
-                        <aside class="menu" id="menu">
-                            <p class="menu-label">General</p>
-                            <ul class="menu-list">
-                                <li><a href="/">Frontpage</a></li>
-                                <li><a id="itemUploads" onclick="panel.getUploads()">Uploads</a></li>
-                            </ul>
-                            <p class="menu-label">Albums</p>
-                            <ul class="menu-list">
-                                <li><a id="itemManageGallery" onclick="panel.getAlbums()">Manage your albums</a></li>
-                                <li>
-                                    <ul id='albumsContainer'></ul>
-                                </li>
-                            </ul>
-                            <p class="menu-label">Administration</p>
-                            <ul class="menu-list">
-                                <li><a id="itemTokens" onclick="panel.changeToken()">Change your token</a></li>
-                                <li><a id="itemPassword" onclick="panel.changePassword()">Change your password</a></li>
-                                <li><a id="itemLogout"onclick="panel.logout()">Logout</a></li>
-                            </ul>
-                        </aside>
-                    </div>
-                    <div class="column has-text-centered" id='page'>
-                        <img src="/images/logo.png">
-                    </div>
-                </div>
-            </div>
+		<section id='dashboard' class="section">
 
-        </section>
-    </body>
-</html>
+			<div id="panel" class="container">
+				<h1 class="title">Dashboard</h1>
+				<h2 class="subtitle">A simple <strong>dashboard</strong>, to sort your uploaded stuff</h2>
+				<hr>
+				<div class="columns">
+					<div class="column is-3">
+						<aside class="menu" id="menu">
+							<p class="menu-label">General</p>
+							<ul class="menu-list">
+								<li><a href="/">Frontpage</a></li>
+								<li><a id="itemUploads" onclick="panel.getUploads()">Uploads</a></li>
+							</ul>
+							<p class="menu-label">Albums</p>
+							<ul class="menu-list">
+								<li><a id="itemManageGallery" onclick="panel.getAlbums()">Manage your albums</a></li>
+								<li>
+									<ul id='albumsContainer'></ul>
+								</li>
+							</ul>
+							<p class="menu-label">Administration</p>
+							<ul class="menu-list">
+								<li><a id="itemTokens" onclick="panel.changeToken()">Change your token</a></li>
+								<li><a id="itemPassword" onclick="panel.changePassword()">Change your password</a></li>
+								<li><a id="itemLogout"onclick="panel.logout()">Logout</a></li>
+							</ul>
+						</aside>
+					</div>
+					<div class="column has-text-centered" id='page'>
+						<img src="/images/logo.png">
+					</div>
+				</div>
+			</div>
+
+		</section>
+	</body>
+</html>

File diff suppressed because it is too large
+ 71 - 71
pages/faq.html


+ 81 - 81
pages/home.html

@@ -1,93 +1,93 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <meta name="description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="keywords" content="upload,lolisafe,file,images,hosting">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<head>
+		<meta name="description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="keywords" content="upload,lolisafe,file,images,hosting">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-        <link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
-        <link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
-        <link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
-        <link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
-        <link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
-        <meta name="apple-mobile-web-app-title" content="lolisafe">
-        <meta name="application-name" content="lolisafe">
-        <meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
-        <meta name="theme-color" content="#ffffff">
+		<link rel="apple-touch-icon" sizes="180x180" href="https://lolisafe.moe/images/icons/apple-touch-icon.png?v=XBreOJMe24">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-32x32.png?v=XBreOJMe24" sizes="32x32">
+		<link rel="icon" type="image/png" href="https://lolisafe.moe/images/icons/favicon-16x16.png?v=XBreOJMe24" sizes="16x16">
+		<link rel="manifest" href="https://lolisafe.moe/images/icons/manifest.json?v=XBreOJMe24">
+		<link rel="mask-icon" href="https://lolisafe.moe/images/icons/safari-pinned-tab.svg?v=XBreOJMe24" color="#5bbad5">
+		<link rel="shortcut icon" href="https://lolisafe.moe/images/icons/favicon.ico?v=XBreOJMe24">
+		<meta name="apple-mobile-web-app-title" content="lolisafe">
+		<meta name="application-name" content="lolisafe">
+		<meta name="msapplication-config" content="https://lolisafe.moe/images/icons/browserconfig.xml?v=XBreOJMe24">
+		<meta name="theme-color" content="#ffffff">
 
-        <meta property="og:url" content="https://lolisafe.moe" />
-        <meta property="og:type" content="website" />
-        <meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
-        <meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
-        <meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
-        <meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:url" content="https://lolisafe.moe" />
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content="lolisafe.moe | A small safe worth protecting." />
+		<meta property="og:description" content="A pomf-like file uploading service that doesn't suck." />
+		<meta property="og:image" content="http://lolisafe.moe/images/logo_square.png" />
+		<meta property="og:image:secure_url" content="https://lolisafe.moe/images/logo_square.png" />
 
-        <meta name="twitter:card" content="summary">
-        <meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
-        <meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
-        <meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
-        <meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
+		<meta name="twitter:card" content="summary">
+		<meta name="twitter:title" content="lolisafe.moe | A small safe worth protecting.">
+		<meta name="twitter:description" content="A pomf-like file uploading service that doesn't suck.">
+		<meta name="twitter:image" content="https://listen.moe/files/images/logo_square.png">
+		<meta name="twitter:image:src" content="https://lolisafe.moe/images/logo_square.png">
 
-        <title>lolisafe - 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">
-        <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/dropzone/4.3.0/min/dropzone.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="/js/home.js"></script>
-    </head>
+		<title>lolisafe - 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">
+		<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/dropzone/4.3.0/min/dropzone.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="/js/home.js"></script>
+	</head>
 
-    <body>
-        <section class="hero is-fullheight has-text-centered" id="home">
-            <div class="hero-body">
-                <div class="container">
-                    <p id="b">
-                        <img class="logo" src="/images/logo_smol.png">
-                    </p>
-                    <h1 class="title">loli-safe</h1>
-                    <h2 class="subtitle">A <strong>modern</strong> self-hosted file upload service</h2>
+	<body>
+		<section class="hero is-fullheight has-text-centered" id="home">
+			<div class="hero-body">
+				<div class="container">
+					<p id="b">
+						<img class="logo" src="/images/logo_smol.png">
+					</p>
+					<h1 class="title">lolisafe</h1>
+					<h2 class="subtitle">A <strong>modern</strong> self-hosted file upload service</h2>
 
-                    <h3 class="subtitle" id="maxFileSize"></h3>
-                    <div class="columns">
-                        <div class="column is-hidden-mobile"></div>
-                        <div class="column" id="uploadContainer">
-                            <a id="loginToUpload" href="/auth" class="button is-danger">Running in private mode. Log in to upload.</a>
-                            <div class="field" id="albumDiv" style="display: none">
-                                <p class="control select-wrapper">
-                                    <span class="select">
-                                        <select id="albumSelect">
-                                            <option value="">Upload to album</option>
-                                        </select>
-                                    </span>
-                                </p>
-                            </div>
-                        </div>
-                        <div class="column is-hidden-mobile"></div>
-                    </div>
+					<h3 class="subtitle" id="maxFileSize"></h3>
+					<div class="columns">
+						<div class="column is-hidden-mobile"></div>
+						<div class="column" id="uploadContainer">
+							<a id="loginToUpload" href="/auth" class="button is-danger">Running in private mode. Log in to upload.</a>
+							<div class="field" id="albumDiv" style="display: none">
+								<p class="control select-wrapper">
+									<span class="select">
+										<select id="albumSelect">
+											<option value="">Upload to album</option>
+										</select>
+									</span>
+								</p>
+							</div>
+						</div>
+						<div class="column is-hidden-mobile"></div>
+					</div>
 
-                    <div id="uploads">
-                        <div id="template" class="columns">
-                            <div class="column is-hidden-mobile"></div>
-                            <div class="column">
-                                <progress class="progress is-small is-danger" value="0" max="100" data-dz-uploadprogress></progress>
-                                <p data-dz-errormessage></p>
-                                <p class="link"></p>
-                            </div>
-                            <div class="column is-hidden-mobile"></div>
-                        </div>
-                    </div>
-                    
-                    <h3 class="subtitle"><a href="/auth" id="loginLinkText"></a></h3>
-                    <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://lolisafe.moe/sharex.txt">ShareX</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="/faq" class="is-danger">FAQ</a><span>|</span><a href="/auth" target="_blank" class="is-danger">Dashboard</a>
-                    </h3>
+					<div id="uploads">
+						<div id="template" class="columns">
+							<div class="column is-hidden-mobile"></div>
+							<div class="column">
+								<progress class="progress is-small is-danger" value="0" max="100" data-dz-uploadprogress></progress>
+								<p data-dz-errormessage></p>
+								<p class="link"></p>
+							</div>
+							<div class="column is-hidden-mobile"></div>
+						</div>
+					</div>
 
-                </div>
-            </div>
-        </section>
+					<h3 class="subtitle"><a href="/auth" id="loginLinkText"></a></h3>
+					<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://lolisafe.moe/sharex.txt">ShareX</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="/faq" class="is-danger">FAQ</a><span>|</span><a href="/auth" target="_blank" class="is-danger">Dashboard</a>
+					</h3>
 
-    </body>
+				</div>
+			</div>
+		</section>
+
+	</body>
 </html>