Welcome: Registration form UI rework
Change-Id: Ic7fee1e3a58dd9f19c6801bc1afd93735d6f4d84
diff --git a/core/installer/welcome/create-account.html b/core/installer/welcome/create-account.html
index a3f1b26..f95ca55 100644
--- a/core/installer/welcome/create-account.html
+++ b/core/installer/welcome/create-account.html
@@ -2,23 +2,22 @@
<html lang="en" data-theme="light">
<head>
<link rel="stylesheet" href="/static/pico.2.0.6.min.css">
- <link rel="stylesheet" href="/static/welcome.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/welcome.css?v=0.0.1">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<main class="container">
<div class="form-container">
+ <div class="logo">
+ <span>do</span><span>do:</span>
+ </div>
<form action="" method="POST">
- <input class="input-field"
- type="text"
- name="username"
- placeholder="Username"
- aria-label="Username"
- value="{{ .Data.Username }}"
- aria-invalid="{{ if .UsernameErrors }}true{{ else }}undefined{{ end }}"
- required
- />
+ <label>
+ username
+ <input type="text" name="username" aria-label="Username" value="{{ .Data.Username }}" aria-invalid="{{ if .UsernameErrors }}true{{ else }}undefined{{ end }}" required/>
+ </label>
{{ if .UsernameErrors }}
{{ range .UsernameErrors }}
<small class="error-message" aria-live="assertive">
@@ -26,15 +25,10 @@
</small>
{{ end }}
{{ end }}
- <input class="input-field"
- type="password"
- name="password"
- placeholder="Password"
- aria-label="Password"
- value="{{ .Data.Password }}"
- aria-invalid="{{ if .PasswordErrors }}true{{ else }}undefined{{ end }}"
- required
- />
+ <label>
+ password
+ <input type="password" name="password" aria-label="Password" value="{{ .Data.Password }}" aria-invalid="{{ if .PasswordErrors }}true{{ else }}undefined{{ end }}" required/>
+ </label>
{{ if .PasswordErrors }}
{{ range .PasswordErrors }}
<small class="error-message" aria-live="assertive">
@@ -42,15 +36,11 @@
</small>
{{ end }}
{{ end }}
- <input class="input-field"
- type="text"
- name="secret-token"
- placeholder="Secret Token"
- aria-label="Secret Token"
- value="{{ .Data.SecretToken }}"
- required
- />
- <button type="submit">Create Account</button>
+ <label>
+ secret token
+ <input type="text" name="secret-token" aria-label="Secret Token" value="{{ .Data.SecretToken }}" required/>
+ </label>
+ <button type="submit">create Account</button>
</form>
</div>
</main>