Aleksandr Bogomiakov
cd8cb1f586
Update Kubernetes Services Wiki / Generate and Update K8s Wiki (push) Successful in 12s
63 lines
5.3 KiB
HTML
63 lines
5.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark">
|
|
<meta name="description" content="Local prototype of the Hexor terminal login theme.">
|
|
<title>Hexor · Access terminal</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%230c100c'/%3E%3Ctext x='8' y='45' fill='%23b9ef70' font-family='monospace' font-size='40'%3E%26gt;_%3C/text%3E%3C/svg%3E">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="stylesheet" href="preview.css">
|
|
<script src="app.js" defer></script>
|
|
<script src="background.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<canvas id="code-background" aria-hidden="true"></canvas>
|
|
<header class="site-header">
|
|
<a class="wordmark" href="#login">Hexor Lab</a>
|
|
</header>
|
|
|
|
<main class="page-main">
|
|
<div class="terminal-wrap">
|
|
<section class="terminal" aria-labelledby="page-title">
|
|
<div class="titlebar"><span><span aria-hidden="true">>_</span> auth@hexor</span></div>
|
|
<div class="terminal-body">
|
|
<div class="heading"><h1 id="page-title">Sign in<span class="cursor" aria-hidden="true">_</span></h1><p id="page-description" class="description" hidden></p></div>
|
|
|
|
<div id="notice" class="notice" role="status" hidden></div>
|
|
|
|
<form id="login-form" data-view="login" novalidate>
|
|
<div class="field"><label for="username"><span class="prompt" aria-hidden="true">></span> username <span class="label-hint">/ email</span></label><input id="username" name="username" autocomplete="username" autocapitalize="none" spellcheck="false" placeholder="you@hexor.cy" required aria-describedby="login-error"></div>
|
|
<div class="field"><label for="password"><span class="prompt" aria-hidden="true">></span> password</label><div class="password-wrap"><input id="password" name="password" type="password" autocomplete="current-password" placeholder="Enter your password" required aria-describedby="login-error"><button class="reveal" id="reveal-password" type="button" aria-label="Show password" aria-pressed="false">SHOW</button></div></div>
|
|
<p class="field-error" id="login-error" role="alert" hidden></p>
|
|
<div class="form-options"><label class="checkbox"><input type="checkbox" name="rememberMe"> Keep me signed in</label><a href="#reset">Forgot password?</a></div>
|
|
<button class="primary" type="submit"><span>Sign in</span><span aria-hidden="true">↵</span></button>
|
|
<div class="divider"><span>OR CONTINUE WITH</span></div>
|
|
<div class="alternatives"><button class="secondary" id="passkey" type="button"><span aria-hidden="true">⌘</span> Passkey</button><button class="secondary" id="google" type="button"><span class="google-icon" aria-hidden="true">G</span> Google</button></div>
|
|
</form>
|
|
|
|
<form id="otp-form" data-view="otp" novalidate hidden>
|
|
<div class="field"><label for="otp"><span class="prompt" aria-hidden="true">></span> verification code</label><input id="otp" name="otp" class="otp-input" type="text" inputmode="numeric" pattern="[0-9]{6}" maxlength="6" autocomplete="one-time-code" placeholder="000000" required aria-describedby="otp-help otp-error"><p id="otp-help" class="field-help">Enter the 6-digit code from your authenticator.</p></div>
|
|
<p id="otp-error" class="field-error" role="alert" hidden></p>
|
|
<button class="primary" type="submit"><span>Verify identity</span><span aria-hidden="true">↵</span></button><a class="back-link" href="#login">← Back to sign in</a>
|
|
</form>
|
|
|
|
<form id="reset-form" data-view="reset" novalidate hidden>
|
|
<div class="field"><label for="reset-email"><span class="prompt" aria-hidden="true">></span> email address</label><input id="reset-email" name="email" type="email" autocomplete="email" autocapitalize="none" spellcheck="false" placeholder="you@hexor.cy" required aria-describedby="reset-error"></div><p id="reset-error" class="field-error" role="alert" hidden></p>
|
|
<button class="primary" type="submit"><span>Send reset link</span><span aria-hidden="true">↵</span></button><a class="back-link" href="#login">← Back to sign in</a>
|
|
</form>
|
|
|
|
<div data-view="success" class="success-panel" hidden><div class="success-mark" aria-hidden="true">[ OK ]</div><p>Identity verified.</p><a class="secondary back-link" href="#login">Back to sign in →</a></div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<aside class="preview" aria-label="Настройки локального предпросмотра" lang="ru">
|
|
<div class="preview-heading"><span class="preview-label">LOCAL PREVIEW</span><span>Демо · данные никуда не отправляются</span></div>
|
|
<div class="preview-controls"><div class="preview-group" role="group" aria-label="Экран"><button type="button" data-screen="login" aria-pressed="true">Логин</button><button type="button" data-screen="otp" aria-pressed="false">OTP</button><button type="button" data-screen="reset" aria-pressed="false">Сброс</button><button type="button" data-screen="error" aria-pressed="false">Ошибка</button></div></div>
|
|
</aside>
|
|
</body>
|
|
</html>
|