Login: UI rework
Change-Id: I9646272476c097c7a90b170fc35a38ec58a86020
diff --git a/core/auth/ui/templates/base.html b/core/auth/ui/templates/base.html
index 508b210..26817d3 100644
--- a/core/auth/ui/templates/base.html
+++ b/core/auth/ui/templates/base.html
@@ -1,15 +1,16 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
- <link rel="stylesheet" href="/static/pico.min.css">
+ <link rel="stylesheet" href="/static/pico.2.0.6.min.css">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.3.0/web/hack.min.css">
+ <link rel="stylesheet" href="/static/main.css?v=0.0.1">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{ block "title" . }}Title{{ end }}</title>
</head>
<body>
- <main class="container">
+ <main class="container">
{{ block "main" . }}{{ end }}
</main>
</body>
</html>
-
diff --git a/core/auth/ui/templates/login.html b/core/auth/ui/templates/login.html
index 1ed3d40..a80ecc7 100644
--- a/core/auth/ui/templates/login.html
+++ b/core/auth/ui/templates/login.html
@@ -1,18 +1,29 @@
{{ define "title" }}Sign in{{ end }}
{{ define "main" }}
-<form action="" method="POST">
- <input type="text" name="username" placeholder="Username" autofocus required />
- <input type="password" name="password" placeholder="Password" required />
- <input type="hidden" name="csrf_token" value="{{ .csrfToken }}" />
- <button type="submit">Sign In</button>
-</form>
-{{- if .enableRegistration -}}
-<nav>
- <ul>
- <li>
- <a href="/register">Create Account</a>
- </li>
- </ul>
-</nav>
+<div>
+ <div class="logo">
+ <span>do</span><span>do:</span>
+ </div>
+ <form action="" method="POST">
+ <label>
+ username
+ <input type="text" name="username" autofocus required />
+ </label>
+ <label>
+ password
+ <input type="password" name="password" required />
+ </label>
+ <input type="hidden" name="csrf_token" value="{{ .csrfToken }}" />
+ <button class="subbmit-button" type="submit">login</button>
+ </form>
+ {{- if .enableRegistration -}}
+ <nav>
+ <ul>
+ <li>
+ <a href="/register">Create Account</a>
+ </li>
+ </ul>
+ </nav>
+</div>
{{- end -}}
{{ end }}