Emma Thorpe
e31729e27a
Build and publish container / build (pull_request) Successful in 1m52s
Set the original colour scheme's typeface and palette to the 1987 Docklands Light Railway P86/P89 stock. - Use the Rockwell slab serif (the original DLR branding typeface) for the original theme, with Rokkitt loaded as a free fallback for systems without Rockwell installed. - Flip the palette to be blue-dominant: blue body/skirt as the field, red band/doors as the accent, white stripes, matching the rolling stock.
35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Why is the DLR shut today?</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rokkitt:wght@400;700;800&display=swap">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body data-theme="modern">
|
|
<header class="controls">
|
|
<fieldset class="theme-toggle">
|
|
<legend class="sr-only">Colour scheme</legend>
|
|
<button type="button" class="theme-button" data-set-theme="modern" aria-pressed="true">
|
|
Modern colours
|
|
</button>
|
|
<button type="button" class="theme-button" data-set-theme="original" aria-pressed="false">
|
|
Original colours
|
|
</button>
|
|
</fieldset>
|
|
</header>
|
|
|
|
<main class="stage">
|
|
<h1 class="title">Why is the DLR shut today?</h1>
|
|
<p class="message" id="message" role="status" aria-live="polite"></p>
|
|
<button type="button" class="refresh-button" id="refresh">Check again</button>
|
|
</main>
|
|
|
|
<script src="messages.js"></script>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|