54 lines
2.9 KiB
HTML
54 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="UmbraTrans workspace sign in">
|
|
<title>Sign in · UmbraTrans</title>
|
|
<link rel="icon" type="image/jpeg" href="assets/umbratrans-icon.jpg">
|
|
<link rel="stylesheet" href="assets/styles.css">
|
|
</head>
|
|
<body class="auth-page">
|
|
<main class="auth-shell">
|
|
<section class="auth-brand" aria-labelledby="brand-title">
|
|
<a class="brand-lockup" href="index.html" aria-label="UmbraTrans home">
|
|
<img class="brand-image" src="assets/umbratrans-icon.jpg" alt="" aria-hidden="true">
|
|
<span>UmbraTrans</span>
|
|
</a>
|
|
<div class="brand-copy">
|
|
<p class="eyebrow">Translation production workspace</p>
|
|
<h1 id="brand-title">One source of truth for every language.</h1>
|
|
<p class="lede">Review books, translations, voices, and audio delivery from one project-aware workspace.</p>
|
|
</div>
|
|
<div class="brand-points" aria-label="Workspace capabilities">
|
|
<div><span class="point-dot"></span>Project-scoped access</div>
|
|
<div><span class="point-dot"></span>Shared speaker and voice identity</div>
|
|
<div><span class="point-dot"></span>Traceable analysis and delivery lineage</div>
|
|
</div>
|
|
<p class="prototype-note">Prototype environment · no credentials are transmitted</p>
|
|
</section>
|
|
|
|
<section class="auth-card" aria-labelledby="signin-title">
|
|
<div class="auth-card-heading">
|
|
<span class="status-pill status-pill--info">Secure workspace</span>
|
|
<h2 id="signin-title">Sign in to your workspace</h2>
|
|
<p>Use your UmbraTrans account. Project access is determined by your organization membership.</p>
|
|
</div>
|
|
<form id="login-form" class="stack-form" novalidate>
|
|
<label for="email">Account email</label>
|
|
<input id="email" name="email" type="email" autocomplete="username" placeholder="you@example.com" required>
|
|
<label for="password">Password</label>
|
|
<input id="password" name="password" type="password" autocomplete="current-password" placeholder="Enter your password" required>
|
|
<div id="login-message" class="form-message" role="status" aria-live="polite"></div>
|
|
<button class="button button--primary button--wide" type="submit">Sign in <span aria-hidden="true">→</span></button>
|
|
<button id="demo-login" class="button button--ghost button--wide" type="button">Use prototype demo account</button>
|
|
</form>
|
|
<div class="auth-divider"><span>Administrator?</span></div>
|
|
<a class="admin-link" href="uadmin/"><span>Open control panel</span><span aria-hidden="true">↗</span></a>
|
|
<p class="auth-footnote">First login with an administrator-issued temporary password will require a password change before workspace access.</p>
|
|
</section>
|
|
</main>
|
|
<script src="assets/app.js"></script>
|
|
</body>
|
|
</html>
|