39 lines
1.3 KiB
Text
39 lines
1.3 KiB
Text
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>{{ title or "~/home" }} — {{ site.handle }}</title>
|
||
|
|
<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=VT323&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
||
|
|
<link rel="stylesheet" href="/assets/css/phosphor.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
{# CRT overlay effects — purely decorative #}
|
||
|
|
<div class="scanlines" aria-hidden="true"></div>
|
||
|
|
<div class="crt-vignette" aria-hidden="true"></div>
|
||
|
|
|
||
|
|
<div class="desktop" id="desktop">
|
||
|
|
|
||
|
|
{# ── Header — dot pattern strip with centered clock ── #}
|
||
|
|
<div class="desktop-header" aria-label="System header">
|
||
|
|
<div class="header-clock" id="clock" aria-live="off"></div>
|
||
|
|
<a class="boring-link" href="/boring/" title="Plain text navigation">click if boring</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{# ── Main content (injected by each page) ─── #}
|
||
|
|
<div class="desktop-area">
|
||
|
|
{{ content | safe }}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>{# /desktop #}
|
||
|
|
|
||
|
|
<script src="/assets/js/wm.js"></script>
|
||
|
|
<script src="/assets/js/images.js"></script>
|
||
|
|
<script src="/assets/js/clock.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|