this is immensely broken but i swear i'll fix it later

admin/views/login.html

@@ -10,6 +10,61 @@ p a {
 a.discord {
     color: #5865F2;
 }
+
+form {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+form div {
+    width: 20rem;
+}
+
+form button {
+    margin-top: 1rem;
+}
+
+label {
+    width: 100%;
+    margin: 1rem 0 .5rem 0;
+    display: block;
+    color: #10101080;
+}
+input {
+    width: 100%;
+    margin: .5rem 0;
+    padding: .3rem .5rem;
+    display: block;
+    border-radius: 4px;
+    border: 1px solid #808080;
+    font-size: inherit;
+    font-family: inherit;
+    color: inherit;
+}
+
+button {
+    padding: .5em .8em;
+    font-family: inherit;
+    font-size: inherit;
+    border-radius: .5em;
+    border: 1px solid #a0a0a0;
+    background: #f0f0f0;
+    color: inherit;
+}
+button.save {
+    background: #6fd7ff;
+    border-color: #6f9eb0;
+}
+button:hover {
+    background: #fff;
+    border-color: #d0d0d0;
+}
+button:active {
+    background: #d0d0d0;
+    border-color: #808080;
+}
 </style>
 {{end}}
 
@@ -25,7 +80,22 @@ a.discord {
 
     {{else}}
 
-    <p>Log in with <a href="{{.DiscordURI}}" class="discord">Discord</a>.</p>
+    <!-- <p>Log in with <a href="{{.DiscordURI}}" class="discord">Discord</a>.</p> -->
+
+    <form action="/admin/login" method="POST" id="login">
+        <div>
+            <label for="username">Username</label>
+            <input type="text" name="username" value="">
+
+            <label for="password">Password</label>
+            <input type="password" name="password" value="">
+
+            <label for="code">Code</label>
+            <input type="text" name="code" value="">
+        </div>
+
+        <button type="submit" class="save">Login</button>
+    </form>
 
     {{end}}
 </main>