|
|
@@ -7,6 +7,8 @@
|
|
|
<link rel="icon" type="image/png" href="./favicon.png" />
|
|
|
<title>Account Reset | Zoraxy</title>
|
|
|
<link rel="stylesheet" href="script/semantic/semantic.min.css">
|
|
|
+ <link href="script/aos.css" rel="stylesheet">
|
|
|
+ <script src="script/aos.js"></script>
|
|
|
<script type="application/javascript" src="script/jquery-3.6.0.min.js"></script>
|
|
|
<script type="application/javascript" src="script/semantic/semantic.min.js"></script>
|
|
|
<style>
|
|
|
@@ -42,9 +44,9 @@
|
|
|
}
|
|
|
|
|
|
.backBtn{
|
|
|
- position: fixed;
|
|
|
- top: 1em;
|
|
|
- left: 1em;
|
|
|
+ position: absolute;
|
|
|
+ top: 0em;
|
|
|
+ left: 2em;
|
|
|
transition: opacity 0.3s linear;
|
|
|
}
|
|
|
|
|
|
@@ -138,12 +140,8 @@
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <a class="backBtn" href="/">
|
|
|
- <i class="huge chevron circle left icon" style="color: whitesmoke;"></i>
|
|
|
- </a>
|
|
|
- <div id="loginForm" class="ui middle aligned center aligned grid">
|
|
|
+ <div id="loginForm" class="ui middle aligned center aligned grid" data-aos="fade-up">
|
|
|
<div class="column">
|
|
|
-
|
|
|
<form class="ui large form">
|
|
|
<div class="ui basic segment">
|
|
|
<img class="ui fluid image" src="img/public/logo.svg" style="pointer-events:none;">
|
|
|
@@ -179,8 +177,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
+ <a class="backBtn" href="/">
|
|
|
+ <i class="big chevron circle left icon" style="color: #121d37;"></i>
|
|
|
+ </a>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
<div id="wavesWrapper">
|
|
|
<!-- CSS waves-->
|
|
|
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
|
@@ -200,6 +203,9 @@
|
|
|
<p>Proudly powered by <a href="https://zoraxy.arozos.com" target="_blank">Zoraxy</a></p>
|
|
|
</div>
|
|
|
<script>
|
|
|
+ AOS.init();
|
|
|
+
|
|
|
+
|
|
|
var redirectionAddress = "/";
|
|
|
var loginAddress = "/api/auth/login";
|
|
|
$(".checkbox").checkbox();
|
Toby Chui