login.html

 1<!--
 2SPDX-FileCopyrightText: 2022 Amolith <amolith@secluded.site>
 3
 4SPDX-License-Identifier: BSD-2-Clause
 5-->
 6
 7<!DOCTYPE html>
 8<html lang="en-GB">
 9    <head>
10        <title>Log in | umu</title>
11        <meta name="viewport" content="width=device-width, initial-scale=1.0">
12        <meta name="title" content="Log in | umu">
13        <meta name="description" content="Log in | umu">
14        <style>
15         html {
16             background: #1C1C1C;
17             color: #dcdcdc;
18             font-family: sans-serif;
19             text-align: center;
20             height: 100%;
21             margin: 0 auto;
22         }
23         body {
24             height: 100%;
25             padding: 0;
26             margin: 0 auto;
27             display: flex;
28             flex-direction: column;
29             justify-content: center;
30             max-width: 450px;
31         }
32         p {
33             font-size: 50px;
34         }
35         form {
36             display: flex;
37             align-items: center;
38             justify-content: center;
39             flex-wrap: wrap;
40             gap: 10px;
41         }
42         label {
43             flex: 0 0 auto;
44             font-size: 30px;
45         }
46         input {
47             font-family: inherit;
48         }
49        </style>
50    </head>
51    <body>
52        <p>umu</p>
53        <form>
54            <label for="access_token">Access token:</label>
55            <input type="password" id="access_token" name="access_token">
56            <input type="submit" value="Log in">
57        </form>
58    </body>
59</html>