hollow-knight-js/auth.html at master · TinTinWinata/hollow-knight-js · GitHub

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!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" />
    <title>Hollow Knight</title>

    <link rel="stylesheet" href="css/login.css" />
    <link rel="stylesheet" href="css/register.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="favicon" href="assets/landing/logo_main.png" />

    <!-- Script -->
    <script src="js/system/auth.js" type="module" defer></script>

    <!-- Jquery -->
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"
      integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
  </head>
  <body>
    <div class="auth-container">
      <div class="login-background"></div>
      <div class="black"></div>

      <!-- Login Form -->
      <div class="login-form-container">
        <div class="login-form">
          <!-- Register Button -->
          <div class="register-button cursor-pointer">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              fill="none"
              viewBox="0 0 24 24"
              stroke-width="1.5"
              stroke="currentColor"
              class="w-6 h-6"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
              />
            </svg>
          </div>
          <div class="inside-form">
            <h1 class="title hollow">Sign In</h1>
            <input
              id="loginEmail"
              class="input-form"
              type="text"
              placeholder="Email"
            />
            <input
              id="loginPassword"
              class="input-form"
              type="password"
              placeholder="Password"
            />
            <button id="loginButton">Login</button>
            <a class="back-to-home" href="/index.html"
              >Want to Back to home ?</a
            >
          </div>
          <div class="login-black"></div>
        </div>

        <div class="register-form">
          <!-- Login Button -->
          <div class="login-button cursor-pointer">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              fill="none"
              viewBox="0 0 24 24"
              stroke-width="1.5"
              stroke="currentColor"
              class="w-6 h-6"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M12.75 15l3-3m0 0l-3-3m3 3h-7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
              />
            </svg>
          </div>
          <div class="inside-form">
            <h1 class="title hollow">Sign Up</h1>
            <input
              id="registerEmail"
              class="input-form"
              type="text"
              placeholder="Email"
            />
            <input
              id="registerFirstName"
              class="input-form"
              type="text"
              placeholder="First Name"
            />
            <input
              id="registerLastName"
              class="input-form"
              type="text"
              placeholder="Last Name"
            />
            <select
              id="registerLocation"
              class="input-form"
              type="text"
              placeholder="Location"
            >
              <option value="Indonesia">Indonesia</option>
              <option value="Singapore">Singapore</option>
              <option value="Malaysia">Malaysia</option>
            </select>
            <input
              id="registerUsername"
              class="input-form"
              type="text"
              placeholder="Username"
            />
            <input
              id="registerPassword"
              class="input-form"
              type="password"
              placeholder="Password"
            />
            <button id="registerButton">Register</button>
            <a class="back-to-home" href="/index.html"
              >Want to Back to home ?</a
            >
          </div>
          <div class="register-black"></div>
        </div>
      </div>
    </div>
  </body>
</html>