-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
63 lines (60 loc) · 3.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.jpg" type="image/x-icon">
<title>Simple Login With Local Storage By ZaaDev</title>
<script src="js/tailwind.js"></script>
</head>
<body>
<div class="flex justify-center content-center p-10">
<div class="max-w-fit py-4 px-8 bg-slate-100 shadow-xl rounded-lg my-5">
<div class="flex justify-center md:justify-end -mt-16">
<img class="w-20 h-20 object-cover rounded-full border-2 border-indigo-500" src="favicon.jpg">
</div>
<div>
<h2 class="text-gray-800 text-3xl font-semibold text-center mt-5 mb-3">Simple Login With Local Storage
</h2>
<p class="mt-2 text-gray-600 text-center">
Simple login menggunakan Javascript.
Memanfaatkan Localstorage untuk menyimpan seluruh data yang telah user input.
Project ini cuma untuk refrensi temen temen ya, consider this just for learning.
Dont forget to follow my github 😶. Happy coding :)</p>
<p class="mt-2 text-gray-600">Fitur :</p>
<p class="mt-2 text-gray-600 object-left">
<li>Register</li>
<li>Login</li>
<li>Logout</li>
<li>Delete Account</li>
<li>Menyimpan Sesi Login (User tidak perlu input email/sandi lagi saat login)</li>
<li>Auto redirect saat user ke halaman login/register</li>
<li>Mengecek apakah akun sudah ada atau belum</li>
<li>Menambahkan sesi</li>
<li>Menghapus sesi</li>
<li>Mengedit sesi</li>
</p>
</div>
<div class="flex justify-end mt-4">
<a href="register.html"
class="text-xl font-medium bg-indigo-200 px-2 py-1 rounded-md text-indigo-500">Start</a>
</div>
</div>
</div>
<div class="z-50 fixed bottom-0 text-center font-mono font-bold bg-gray-800 text-slate-300 py-0 text-sm w-full">©
2022
<a class="text-green-500" href="http://instagram.com/zaadevofc" target="_blank"
rel="noopener noreferrer">ZaaDev</a>
All Rights Reserved.<br>
<a class="text-slate-400" href="http://github.com/zaadevofc/simple-login-local" target="_blank" rel="noopener noreferrer">
<svg class="inline-block mb-0.5" fill="#ffff" width="14px" xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg>
Source Code
</a>
</div>
</body>
</html>