4b19cbdfb2
Replaces the neutral dark card-based theme with "Page 100": teletext's
locked eight colours at full saturation on pure black, numbered pages
reachable by typing the number (or the r/g/y/c fastext keys), and no
borders, boxes, or radius anywhere — grouping is carried by full-bleed
colour fields and row weight instead.
Chosen via the impeccable skill's replacement-world flow: seven visual
candidates derived from the audience's own world, a mandatory roll
assigned Ceefax/US-cable-guide teletext, six catalog challengers weighed
against it, and the user locked the assigned direction on the decision
page (seed aab4510e).
- New templates for all nine pages (home/watch/library/discover/
requests/system/activity/login/settings) behind a shared _shell.html
carrying the direction contract and _macros.html for the row/bar/tile
vocabulary; deletes the old single-page dashboard.html and its
dedicated stylesheets/script.
- static/css/base.css + teletext.css: the locked palette, a two-height
type scale (Chivo Mono / DotGothic16), and the five disciplines the
system is held to (no in-between tone, no enclosure, one shared bar
ruler, trend only where real history exists, pages weighted by state).
- static/js/service.js: header clock, page-number jump, fastext keys,
two-tap arm/confirm add, guarded live polling — replaces dashboard.js.
- app.py: nav_items now carry page numbers; fastext defaults added to
the page-chrome context processor; version bumped to 2.0.0.
- DESIGN.md + .impeccable/design.json regenerated from the built world
by the documenter pass; PRODUCT.md and CLAUDE.md updated to describe
the new system in place of the retired one.
- Fixed a live bug found along the way: settings.html called
url_for('dashboard'), an endpoint removed earlier in the branch, which
would have 500'd the Settings page.
- Fixed a One-Ruler violation the finish review's recapture request
surfaced: --bar-cells disagreed with the bar() macro's hardcoded cell
count below the 760px breakpoint, so a fill could land mid-cell on a
phone. Removed the mobile override; the ruler is now 20 cells at every
width, matching the macro unconditionally.
Passed two inspection rounds (desktop + true-390px mobile, via an
iframe harness since macOS Chrome clamps --window-size) and a finish
review; QA screenshots and interview logs are gitignored as scratch,
not shipped in the repo.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NBw1QodG8ZMYHrGeQfqyDS
61 lines
2.4 KiB
HTML
61 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Media Centre</title>
|
|
<meta name="theme-color" content="#000000">
|
|
<link rel="icon" href="{{ url_for('static', filename='favicon.svg') }}">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@400;600&family=DotGothic16&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/base.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/teletext.css') }}">
|
|
</head>
|
|
<body class="tt-login">
|
|
|
|
{#- The service's start-up page: the header row it always carries, the
|
|
masthead, and the one thing it wants before it will transmit. -#}
|
|
<header class="tt-head">
|
|
<span class="tt-head-num">P000</span>
|
|
<span class="tt-head-name">Sign In</span>
|
|
</header>
|
|
|
|
<main class="tt-page">
|
|
<h1 class="tt-dh bloom tt-masthead">MEDIA CENTRE</h1>
|
|
|
|
<div class="tt-field"><span>Access</span></div>
|
|
|
|
{% if error %}
|
|
<div class="tt-err" role="alert"><div class="tt-err-cause">{{ error }}</div></div>
|
|
{% endif %}
|
|
|
|
<form class="tt-form" method="POST" action="{{ url_for('login', next=request.args.get('next', '')) }}">
|
|
{# The username field only appears once accounts exist in
|
|
settings.json. A single-password install never sees a box it
|
|
would have to leave blank. #}
|
|
{% if multi_user %}
|
|
<div class="tt-field-row">
|
|
<label class="tt-label" for="username">Username</label>
|
|
<input class="tt-input" type="text" id="username" name="username"
|
|
autofocus autocomplete="username"
|
|
autocapitalize="none" autocorrect="off" spellcheck="false">
|
|
</div>
|
|
{% endif %}
|
|
<div class="tt-field-row">
|
|
<label class="tt-label" for="password">Password</label>
|
|
<input class="tt-input" type="password" id="password" name="password"
|
|
{% if not multi_user %}autofocus{% endif %}
|
|
autocomplete="current-password">
|
|
</div>
|
|
<button class="tt-btn" type="submit">Sign In</button>
|
|
</form>
|
|
</main>
|
|
|
|
<footer class="tt-foot">
|
|
<span>MEDIA CENTRE</span>
|
|
<span class="v">v{{ app_version }} · {{ app_version_date }}</span>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|