Lightemerald
0ddbc437b9
- Added the base data structure for the new database - Added the new routes for the new database - Reworked the users endpoints
199 lines
11 KiB
HTML
199 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>AOSTIA</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="AOSTIA is a services provider with the main focus on users privacy, we currently provide emails, cloud and chat but there are more to come, so stay with us!">
|
|
<meta name="keywords" content="aostia, AOSTIA, cloud, chat, mail, aostia mail, aostia cloud">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://aostia.me/">
|
|
<meta name="Identifier-Url" content="https://aostia.me/">
|
|
<meta name="Rating" content="general">
|
|
<meta name="Distribution" content="global">
|
|
<meta name="Category" content="internet">
|
|
|
|
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="./styles/style.css">
|
|
<link rel="stylesheet" href="./styles/w3.css">
|
|
<link rel="stylesheet" href="./styles/fontawesome.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="big-wrapper">
|
|
<img src="./images/shape.png" alt="" class="shape">
|
|
|
|
<header>
|
|
<div class="container center">
|
|
<div class="logo">
|
|
<img src="./images/logo.png" alt="Logo">
|
|
<h3>HSP-GDH</h3>
|
|
</div>
|
|
|
|
<div class="links">
|
|
<ul>
|
|
<li><a href="https://mail.aostia.com/">Mail</a></li>
|
|
<li><a href="https://cloud.aostia.net/">Cloud</a></li>
|
|
<li><a id="toggleSignUp" class="btn toggleRegisterBtn">Sign up</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="overlay"></div>
|
|
|
|
<div class="hamburger-menu">
|
|
<div class="bar"></div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="home" class="showcase-area hidden">
|
|
<div class="container">
|
|
<div class="home">
|
|
<div class="big-title">
|
|
<h1>Stayin' Alive!</h1>
|
|
</div>
|
|
<p class="text">Whether you're a brother or whether you're a mother<br>
|
|
You're stayin' alive, stayin' alive<br>
|
|
Feel the city breakin' and everybody shakin'<br>
|
|
And we're stayin' alive, stayin' alive<br>
|
|
Ah, ha, ha, ha, stayin' alive, stayin' alive<br>
|
|
Ah, ha, ha, ha, stayin' alive<br>
|
|
Oh when you walk</p>
|
|
<div class="cta">
|
|
<a id="toggleGetStarted" class="btn toggleLoginBtn">Get started</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="login" class="showcase-area hidden">
|
|
<div class="container form-bg">
|
|
<form id="loginForm" class="form">
|
|
<div class="big-title">
|
|
<h1>Login</h1>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label text" for="loginUsername">Username or Email:</label>
|
|
<input class="form-input" type="text" id="loginUsername" name="usernameOrEmail" required>
|
|
|
|
<label class="form-label text" for="loginPassword">Password:</label>
|
|
<input class="form-input" type="password" id="loginPassword" name="password" required>
|
|
</div>
|
|
|
|
<button class="form-button" type="submit">Login</button>
|
|
<a id="toggleForgotPassword" class="form-link text toggleForgotPasswordBtn" style="margin-bottom: 0px; cursor: pointer;">Forgot your password?</a>
|
|
</form>
|
|
<div class="cta">
|
|
<a id="toggleHomeLogin" class="btn form-btn toggleHomeBtn">Back</a>
|
|
<a id="toggleRegister" class="btn form-btn toggleRegisterBtn">Register</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="register" class="showcase-area hidden">
|
|
<div class="container form-bg">
|
|
<form id="registerForm" class="form">
|
|
<div class="big-title">
|
|
<h1>Register</h1>
|
|
</div>
|
|
<div id="register-form1" class="form-group">
|
|
<label class="form-label text" for="registerUsername">Username<span style="color: red;">*</span>:</label>
|
|
<input class="form-input" type="text" id="registerUsername" name="username" required>
|
|
|
|
<label class="form-label text" for="registerEmail">Email<span style="color: red;">*</span>:</label>
|
|
<input class="form-input" type="email" id="registerEmail" name="email" required>
|
|
|
|
<label class="form-label text" for="registerPassword">Password<span style="color: red;">*</span>:</label>
|
|
<input class="form-input" type="password" id="registerPassword" name="password" required>
|
|
</div>
|
|
<div id="register-form2" class="form-group hidden">
|
|
<label class="form-label text" for="registerName">First name<span style="color: red;">*</span>:</label>
|
|
<input class="form-input" type="text" id="registerName" name="name" required>
|
|
|
|
<label class="form-label text" for="registerLastname">Last name<span style="color: red;">*</span>:</label>
|
|
<input class="form-input" type="text" id="registerLastname" name="lastname" required>
|
|
|
|
<label class="form-label text" for="registerPhone">Phone:</label>
|
|
<input class="form-input" type="tel" id="registerPhone" name="phone" pattern="[0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2} [0-9]{2}">
|
|
</div>
|
|
<button id="register-next" class="form-button registerNextBtn" type="button">Next</button>
|
|
<div id="register-btn-2" class="hidden">
|
|
<button id="register-back" class="form-button form-button-2 registerBackBtn" style="max-width: fit-content;" type="button"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
|
|
<button id="register-submit" class="form-button form-button-2" type="submit">Register</button>
|
|
</div>
|
|
</form>
|
|
<div class="cta">
|
|
<a id="toggleHomeRegister" class="btn form-btn toggleHomeBtn">Back</a>
|
|
<a id="toggleLogin" class="btn form-btn toggleLoginBtn">Login</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="forgotPassword" class="showcase-area hidden">
|
|
<div class="container form-bg">
|
|
<form id="requestResetPasswordForm" class="form">
|
|
<div class="big-title">
|
|
<h1>Reset your password</h1>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label text" for="resetUsername">Username or Email:</label>
|
|
<input class="form-input" type="text" id="resetUsername" name="usernameOrEmail" required>
|
|
</div>
|
|
|
|
<button class="form-button" type="submit">Send verification code</button>
|
|
</form>
|
|
<form id="verifyResetPasswordForm" class="form hidden">
|
|
<div class="big-title">
|
|
<h1>Reset your password</h1>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label text" for="resetCode">Verification code:</label>
|
|
<input class="form-input" type="text" id="resetCode" name="code" required>
|
|
</div>
|
|
<button class="form-button" type="submit">Verify code</button>
|
|
</form>
|
|
<form id="resetPasswordForm" class="form hidden">
|
|
<div class="big-title">
|
|
<h1>Reset your password</h1>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="form-label text" for="resetPassword">New password:</label>
|
|
<input class="form-input" type="text" id="resetPassword" name="password" required>
|
|
</div>
|
|
<button class="form-button" type="submit">Reset password</button>
|
|
</form>
|
|
<div class="cta">
|
|
<a id="toggleLoginReset" class="btn form-btn toggleLoginBtn">Login</a>
|
|
<a id="toggleRegisterReset" class="btn form-btn toggleRegisterBtn">Register</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="diag" class="hidden">
|
|
<div class="w3-center w3-border" id="boxWrap">
|
|
<div id="boxTxt"></div>
|
|
<input id="btnTxt" class="w3-btn w3-border" type="button" value="OK" onclick="dbox()">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="bottom-area">
|
|
<div class="container">
|
|
<button id="toggle-theme" class="toggleThemeBtn">
|
|
<i class="far fa-moon" aria-hidden="true"></i>
|
|
<i class="far fa-sun" aria-hidden="true"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script src="./scripts/theme.js"></script>
|
|
<script src="./scripts/fetcher.js"></script>
|
|
<script src="./scripts/app.js"></script>
|
|
<script src="./scripts/a81368914c.js"></script>
|
|
|
|
</body>
|
|
</html> |