nathan
3532679235
continuous-integration/drone/push Build is failing
- html/css split into tokens.css (custom properties), base.css (reset, typography, focus, skip link), components.css (buttons, inputs, tables, status cards, popups, menu, log lines) and layout.css (shell, sidebar, header, breakpoints); screen.css removed. Selectors and declarations moved as-is; three pairs of conflicting rules resolved in favour of the one that already won the cascade, two empty rules dropped. - Every literal colour outside tokens.css is now a token (category badge borders excepted). color-scheme set so native controls follow. - Light theme under prefers-color-scheme: light, with explicit data-theme="light"/"dark" overrides on :root for a future toggle. Body text 13.6:1, muted text 5.4:1, accent 5.1:1 on the light background. - HTML: lang="en" everywhere, one h1 per page, maintenance page uses <main>, an id typo fixed.
49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>xTeVe</title>
|
|
<link rel="stylesheet" href="css/tokens.css">
|
|
<link rel="stylesheet" href="css/base.css">
|
|
<link rel="stylesheet" href="css/components.css">
|
|
<link rel="stylesheet" href="css/layout.css">
|
|
<script src="js/app.js"></script>
|
|
</head>
|
|
|
|
<body class="auth-screen">
|
|
|
|
<div id="header" class="imgCenter"></div>
|
|
|
|
<main id="box" aria-labelledby="head-text">
|
|
|
|
<div id="headline">
|
|
<h1 id="head-text" class="center">Create user account</h1>
|
|
</div>
|
|
|
|
<p id="err" class="errorMsg center" role="alert" aria-live="assertive" aria-atomic="true"></p>
|
|
|
|
<div id="content">
|
|
|
|
<form id="authentication" action="" method="post" aria-describedby="err" novalidate>
|
|
|
|
<label for="username">Username:</label>
|
|
<input id="username" type="text" name="username" placeholder="Username" value="" autocomplete="username">
|
|
<label for="password">Password:</label>
|
|
<input id="password" type="password" name="password" placeholder="Password" value="" autocomplete="new-password">
|
|
<label for="confirm">Confirm:</label>
|
|
<input id="confirm" type="password" name="confirm" placeholder="Confirm" value="" autocomplete="new-password">
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div id="box-footer">
|
|
<input id="submit" class="" type="button" value="Create Account" aria-label="Create Account" onclick="javascript: login();">
|
|
</div>
|
|
|
|
|
|
</main>
|
|
</body>
|
|
</html>
|