115 lines
9.0 KiB
HTML
115 lines
9.0 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Workspace · UmbraTrans</title>
|
||
<link rel="icon" type="image/jpeg" href="assets/umbratrans-icon.jpg">
|
||
<link rel="stylesheet" href="assets/styles.css">
|
||
</head>
|
||
<body class="workspace-page">
|
||
<div class="workspace-shell">
|
||
<aside class="workspace-rail" aria-label="Workspace navigation">
|
||
<a class="brand-lockup brand-lockup--rail" href="index.html">
|
||
<img class="brand-image" src="assets/umbratrans-icon.jpg" alt="" aria-hidden="true">
|
||
<span>UmbraTrans</span>
|
||
</a>
|
||
<div class="rail-section-label">Workspace</div>
|
||
<nav class="rail-nav">
|
||
<a class="rail-link rail-link--active" href="#overview"><span class="rail-icon">⌂</span>Overview</a>
|
||
<a class="rail-link" href="#translations"><span class="rail-icon">文</span>Translations</a>
|
||
<a class="rail-link" href="#voices"><span class="rail-icon">◉</span>Voices</a>
|
||
<a class="rail-link" href="#audio"><span class="rail-icon">▶</span>Audio runs</a>
|
||
<a class="rail-link" href="#artifacts"><span class="rail-icon">◇</span>Deliverables</a>
|
||
</nav>
|
||
<div class="rail-section-label rail-section-label--spaced">Manage</div>
|
||
<nav class="rail-nav">
|
||
<a class="rail-link" href="#activity"><span class="rail-icon">≡</span>Activity</a>
|
||
<a class="rail-link" href="uadmin/"><span class="rail-icon">⚙</span>Admin</a>
|
||
</nav>
|
||
<div class="rail-footer">
|
||
<div class="rail-user"><span class="avatar">AM</span><span><strong>Alex Morgan</strong><small>Project manager</small></span></div>
|
||
<button class="text-button" data-demo-action="Signed out of the prototype workspace">Sign out</button>
|
||
</div>
|
||
</aside>
|
||
|
||
<main class="workspace-main" id="overview">
|
||
<header class="workspace-topbar">
|
||
<div class="breadcrumb"><span>Workspace</span><span aria-hidden="true">/</span><strong>Deal Hunter</strong></div>
|
||
<div class="topbar-actions">
|
||
<span class="status-pill status-pill--warning">Prototype data</span>
|
||
<button class="icon-button" aria-label="Notifications" data-demo-action="Notifications are not connected in the prototype">♢</button>
|
||
<a class="topbar-admin-link" href="uadmin/">Control panel ↗</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="workspace-hero">
|
||
<div>
|
||
<p class="eyebrow eyebrow--teal">Active project · English master</p>
|
||
<h1>Deal Hunter</h1>
|
||
<p class="hero-subtitle">Production workspace for the source analysis, translations, voice cast, and audio deliverables.</p>
|
||
</div>
|
||
<div class="hero-actions">
|
||
<button class="button button--secondary" data-demo-action="Project settings are not connected in the prototype">Project settings</button>
|
||
<button class="button button--teal" data-demo-action="New work item flow is not connected in the prototype">＋ New work item</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="pipeline-card" aria-labelledby="pipeline-title">
|
||
<div class="section-heading">
|
||
<div><p class="eyebrow eyebrow--teal">Production pipeline</p><h2 id="pipeline-title">Release readiness</h2></div>
|
||
<span class="muted-label">Last reconciled 4 minutes ago</span>
|
||
</div>
|
||
<div class="pipeline-track">
|
||
<div class="pipeline-step pipeline-step--done"><span class="pipeline-number">✓</span><strong>Source</strong><small>Imported</small></div>
|
||
<div class="pipeline-line pipeline-line--done"></div>
|
||
<div class="pipeline-step pipeline-step--done"><span class="pipeline-number">✓</span><strong>Analysis</strong><small>12 speakers</small></div>
|
||
<div class="pipeline-line pipeline-line--done"></div>
|
||
<div class="pipeline-step pipeline-step--active"><span class="pipeline-number">2</span><strong>Voices</strong><small>8 of 12 cast</small></div>
|
||
<div class="pipeline-line"></div>
|
||
<div class="pipeline-step"><span class="pipeline-number">3</span><strong>Audio</strong><small>Not started</small></div>
|
||
<div class="pipeline-line"></div>
|
||
<div class="pipeline-step"><span class="pipeline-number">4</span><strong>Release</strong><small>Not started</small></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="metric-grid" aria-label="Project statistics">
|
||
<article class="metric-card"><span class="metric-label">Target languages</span><strong>4</strong><span class="metric-note">2 in progress</span></article>
|
||
<article class="metric-card"><span class="metric-label">Approved speakers</span><strong>12</strong><span class="metric-note metric-note--good">All identities linked</span></article>
|
||
<article class="metric-card"><span class="metric-label">Voice cast</span><strong>8</strong><span class="metric-note metric-note--warn">4 need review</span></article>
|
||
<article class="metric-card"><span class="metric-label">Open work items</span><strong>17</strong><span class="metric-note">Across 4 locales</span></article>
|
||
</section>
|
||
|
||
<div class="workspace-columns">
|
||
<section class="workspace-panel" id="translations">
|
||
<div class="section-heading"><div><p class="eyebrow eyebrow--teal">Language lanes</p><h2>Translation progress</h2></div><button class="text-button" data-demo-action="Translation workspace is not connected in the prototype">View all →</button></div>
|
||
<div class="language-list">
|
||
<div class="language-row"><span class="language-code language-code--source">EN</span><div class="language-name"><strong>English master</strong><small>Source analysis</small></div><div class="progress-track"><span style="width:100%"></span></div><strong class="language-percent">100%</strong><span class="status-pill status-pill--success">Ready</span></div>
|
||
<div class="language-row"><span class="language-code">DE</span><div class="language-name"><strong>German</strong><small>Translation and proof</small></div><div class="progress-track"><span style="width:72%"></span></div><strong class="language-percent">72%</strong><span class="status-pill status-pill--info">In review</span></div>
|
||
<div class="language-row"><span class="language-code">FR</span><div class="language-name"><strong>French</strong><small>Translation draft</small></div><div class="progress-track"><span style="width:41%"></span></div><strong class="language-percent">41%</strong><span class="status-pill status-pill--warning">In progress</span></div>
|
||
<div class="language-row"><span class="language-code">ES</span><div class="language-name"><strong>Spanish</strong><small>Queued for review</small></div><div class="progress-track"><span style="width:18%"></span></div><strong class="language-percent">18%</strong><span class="status-pill status-pill--muted">Queued</span></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="workspace-panel" id="voices">
|
||
<div class="section-heading"><div><p class="eyebrow eyebrow--teal">Identity</p><h2>Voice cast</h2></div><button class="text-button" data-demo-action="Voice management is not connected in the prototype">Manage →</button></div>
|
||
<div class="cast-summary"><div class="cast-ring"><strong>67%</strong><span>cast</span></div><div><strong>8 of 12 speakers assigned</strong><p>Voice profiles are shared across language lanes after rights review.</p></div></div>
|
||
<div class="cast-avatars"><span class="cast-avatar cast-avatar--one">MC</span><span class="cast-avatar cast-avatar--two">JR</span><span class="cast-avatar cast-avatar--three">AL</span><span class="cast-avatar cast-avatar--four">SK</span><span class="cast-avatar cast-avatar--more">+4</span></div>
|
||
</section>
|
||
</div>
|
||
|
||
<section class="workspace-panel" id="audio">
|
||
<div class="section-heading"><div><p class="eyebrow eyebrow--teal">Operations</p><h2>Recent activity</h2></div><button class="text-button" data-demo-action="Activity history is not connected in the prototype">Activity log →</button></div>
|
||
<div class="activity-list">
|
||
<div class="activity-row"><span class="activity-icon activity-icon--teal">✓</span><div><strong>German proofing batch approved</strong><small>Project manager · 18 minutes ago</small></div><span class="status-pill status-pill--success">Complete</span></div>
|
||
<div class="activity-row"><span class="activity-icon activity-icon--amber">◉</span><div><strong>Voice cast needs review</strong><small>4 speakers awaiting rights confirmation</small></div><span class="status-pill status-pill--warning">Action</span></div>
|
||
<div class="activity-row"><span class="activity-icon activity-icon--blue">↻</span><div><strong>French translation synchronized</strong><small>Translation worker · 42 minutes ago</small></div><span class="status-pill status-pill--info">Synced</span></div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
</div>
|
||
<div id="toast" class="toast" role="status" aria-live="polite"></div>
|
||
<script src="assets/app.js"></script>
|
||
</body>
|
||
</html>
|