mirror of
https://gitlab.com/nekoya/web.git
synced 2025-03-19 05:31:30 +01:00
Removed OTP related stuff
This commit is contained in:
Matthew Patrick
parent
db695f91f7
commit
b766d7ad58
3 changed files with 0 additions and 223 deletions
|
|
@ -1,164 +0,0 @@
|
||||||
body {
|
|
||||||
font-family: 'Poppins', sans-serif;
|
|
||||||
background-color: #1b1c1e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control {
|
|
||||||
background-color: #212226;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control:valid {
|
|
||||||
background-color: #212226;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-control:invalid {
|
|
||||||
background-color: #2f0001;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-color {
|
|
||||||
background-color: #212226;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
position: center;
|
|
||||||
margin: auto;
|
|
||||||
margin-top: 3%;
|
|
||||||
margin-bottom: 2%;
|
|
||||||
text-align: center;
|
|
||||||
border-bottom-left-radius: 20px;
|
|
||||||
border-bottom-right-radius: 20px;
|
|
||||||
border-top-left-radius: 20px;
|
|
||||||
border-top-right-radius: 20px;
|
|
||||||
background-color: #212226;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
position: center;
|
|
||||||
margin-top: -5%;
|
|
||||||
margin-left: 10%;
|
|
||||||
width: 80%;
|
|
||||||
height: 80%;
|
|
||||||
padding-bottom: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text {
|
|
||||||
margin-bottom: -6%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-resend {
|
|
||||||
color: white;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-resend a:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn-success:hover {
|
|
||||||
margin-left: 0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-container input {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.verify-btn {
|
|
||||||
width: 100%;
|
|
||||||
background-color: darkred;
|
|
||||||
border-color: darkred;
|
|
||||||
border-radius: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.verify-btn:hover {
|
|
||||||
background-color: red;
|
|
||||||
border-color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 426px) {
|
|
||||||
|
|
||||||
.card a,
|
|
||||||
input {
|
|
||||||
font-size: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
font-size: 6vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
width: 15vw;
|
|
||||||
height: 15vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 427px) {
|
|
||||||
|
|
||||||
.card a,
|
|
||||||
input {
|
|
||||||
font-size: 2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
font-size: 5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
width: 11vw;
|
|
||||||
height: 11vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 767px) {
|
|
||||||
|
|
||||||
.card a,
|
|
||||||
input {
|
|
||||||
font-size: 2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
font-size: 4vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
width: 8vw;
|
|
||||||
height: 8vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 993px) {
|
|
||||||
|
|
||||||
.card a,
|
|
||||||
input {
|
|
||||||
font-size: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
font-size: 2.5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
width: 6vw;
|
|
||||||
height: 6vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 1400px) {
|
|
||||||
|
|
||||||
.card a,
|
|
||||||
input {
|
|
||||||
font-size: 1vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-header {
|
|
||||||
font-size: 2.5vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-brand {
|
|
||||||
width: 6vw;
|
|
||||||
height: 6vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
function clickEvent(first, last) {
|
|
||||||
if (first.value.length) {
|
|
||||||
document.getElementById(last).focus();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,54 +0,0 @@
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<%- include('../layouts/header.ejs', {title: '2-Factor Verification', state: 'otp'}); %>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<%- include('../layouts/navbar.ejs', {types: 'v2', title: '2-Factor Verification'}); %>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="card text-white col-md-9 col-lg-6 col-xl-5">
|
|
||||||
<h1 class="card-header text-white">OTP VERIFICATION</h1>
|
|
||||||
<lottie-player autoplay background="transparent" class="icon" loop speed="1"
|
|
||||||
src="https://assets2.lottiefiles.com/packages/lf20_zztlhuue.json"></lottie-player>
|
|
||||||
<div class="py-3 text" style="padding: 0% 5%; text-align: center;">
|
|
||||||
<a>A series of numbers Has Been Sent to kel*****@gmail.com</a>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<div class="input-container d-flex flex-row justify-content-center mt-2">
|
|
||||||
<input class="m-1 text-center form-control rounded" id='ist' maxlength="1"
|
|
||||||
onkeyup="clickEvent(this,'sec')" type="text">
|
|
||||||
<input class="m-1 text-center form-control rounded" id="sec" maxlength="1"
|
|
||||||
onkeyup="clickEvent(this,'third')" type="text">
|
|
||||||
<input class="m-1 text-center form-control rounded" id="third" maxlength="1"
|
|
||||||
onkeyup="clickEvent(this,'fourth')" type="text">
|
|
||||||
<input class="m-1 text-center form-control rounded" id="fourth" maxlength="1"
|
|
||||||
onkeyup="clickEvent(this,'fifth')" type="text">
|
|
||||||
<input class="m-1 text-center form-control rounded" id="fifth" maxlength="1"
|
|
||||||
onkeyup="clickEvent(this,'sixth')" type="text">
|
|
||||||
<input class="m-1 text-center form-control rounded" id="sixth" maxlength="1" type="text">
|
|
||||||
</div>
|
|
||||||
<div class="text-resend">
|
|
||||||
<small>
|
|
||||||
Didn't Get An Email?
|
|
||||||
<a class="hoverforgot-1 text-center" href="forgot-password" style="color: white;">Resend Code</a>
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-3 mb-5">
|
|
||||||
<a href="change-password"><input class="btn btn-success btn-primary verify-btn" style="width: 65%;"
|
|
||||||
type="button" value="Verify"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<%- include('../layouts/footer.ejs', {state: 'otp'}); %>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Loading…
Add table
Reference in a new issue