Pierre MARTINandClaude Opus 5.5
a8636b3f83
L'application est à la racine du site : plateau en SVG, saisie au toucher (pion puis case d'arrivée, proposées à partir du moteur), boutons du jet, du videau et de nouvelle partie, coup de l'ordinateur affiché avec son temps, fin de partie, reprise depuis localStorage, aide lue dans les copies de docs/. Le moteur tourne dans le Web Worker existant ; main.ts est le seul assembleur (nouvelles règles dependency-cruiser). Le service worker met tout le site en cache, avec une empreinte du contenu comme version. Les pages de test du moteur passent sous /moteur/. Politique de sécurité du contenu dans le Caddyfile ; make test-browser joue une partie dans Chromium et Firefox sans écran (Playwright, hors de make test). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
44 lines
1.6 KiB
HTML
44 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="light dark">
|
|
<meta name="theme-color" content="#6b4426">
|
|
<title>Ustagammon</title>
|
|
<link rel="manifest" href="manifest.webmanifest">
|
|
<link rel="icon" href="icons/icon.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="app.css">
|
|
<script type="module" src="app/main.js"></script>
|
|
</head>
|
|
<body>
|
|
<!-- Les textes des boutons et des messages viennent de app/src/ui/texts.ts. -->
|
|
<header class="topbar">
|
|
<h1>Ustagammon</h1>
|
|
<button id="help-button" type="button" class="secondary"></button>
|
|
<button id="new-game" type="button" class="secondary"></button>
|
|
</header>
|
|
|
|
<main id="game">
|
|
<svg id="board" class="board" role="img" xmlns="http://www.w3.org/2000/svg"></svg>
|
|
<p id="pips" class="pips"></p>
|
|
<p id="info" class="info" aria-live="polite"></p>
|
|
<p id="prompt" class="prompt" aria-live="polite"></p>
|
|
<div class="actions">
|
|
<button id="roll" type="button" hidden></button>
|
|
<button id="double" type="button" class="secondary" hidden></button>
|
|
<button id="take" type="button" hidden></button>
|
|
<button id="drop" type="button" class="secondary" hidden></button>
|
|
<button id="cancel" type="button" class="secondary" hidden></button>
|
|
<button id="again" type="button" hidden></button>
|
|
</div>
|
|
<noscript><p>Ustagammon a besoin de JavaScript.</p></noscript>
|
|
</main>
|
|
|
|
<section id="help" class="help" hidden>
|
|
<button id="help-back" type="button" class="secondary"></button>
|
|
<div id="help-content"></div>
|
|
</section>
|
|
</body>
|
|
</html>
|