-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
auth-test.html
78 lines (68 loc) · 3.23 KB
/
auth-test.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!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, minimum-scale=1">
<link href="https://cdn.jsdelivr.net/gh/yukiarimo/kawai-framework@main/assets/fonts/kawai-font.woff"
rel="stylesheet" type="application/font-woff">
<title>Kawai</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yukiarimo/kawai-framework@main/assets/css/kawai.css">
<script src="https://cdn.jsdelivr.net/gh/yukiarimo/kawai-framework@main/assets/js/kawai.js" defer></script>
<script src="assets/js/kawai-auth.js" defer></script>
<meta name="description" content="Kawai - is a native JavaScript framework and CSS library. It has no dependencies because it is written from scratch. You can use it to build your dream projects
sooner, or to adapt your cross-platform web application">
<meta name="keywords" content="HTML, CSS, framework, JavaScript">
<link rel="author" href="https://www.yukiarimo.com" />
</head>
<body>
<div class="block-o">
<!-- Topbar with Kawai Logo -->
<div class="topbar-o">
<div class="la block-text">Kawai Auth</div>
<div class="toggle-menu-block"></div>
<div class="top-tab-block">
<div class="top-tab-block-e">Home</div>
<div class="top-tab-block-e">About</div>
</div>
</div>
<div class="coll-lo">
<div class="block-card el-9">
<div class="block-text la">Welcome to Kawai Auth</div>
<div class="block-text lb">Kawai Auth is world best auth system.</div>
</div>
</div>
<div class="coll-lo">
<!-- Login Form -->
<form action="submit" class="block-form" el-9>
<input class="block-input" type="text" id="username" placeholder="Username">
<input class="block-input" type="password" id="password" placeholder="Password">
<button class="block-button" id="login">Login</button>
<button class="block-button" id="reg">Register</button>
</form>
<!-- Profile Block -->
<div class="block-card profile-block">
<div class="profile-info" id="info">
<!-- Display user profile information here -->
</div>
<button class="block-button" id="edit">Edit Account</button>
<button class="block-button" id="delete">Delete Account</button>
<button class="block-button" id="logout">Log out</button>
</div>
</div>
<div class="coll-lo">
<!-- Post Form -->
<form action="submit" class="block-form" id="post-form">
<textarea class="block-input" id="post-text" placeholder="Post text"></textarea>
<button class="block-button" id="post">Post</button>
</form>
</div>
<div class="coll-lo">
<div class="block-card v-coll">
<div class="block-text la">Posts</div>
<div class="block-scroll" id="post-container"></div>
</div>
</div>
</div>
</body>
</html>