Pierre MARTINandClaude Opus 5.5
7a9b376417
Le domaine donne le dernier coup demi-coup par demi-coup (plateaux intermédiaires du moteur, pions frappés lus sur la barre) ; l'interface fait glisser les pions puis laisse flèches, pions entourés et fantômes jusqu'à l'action suivante. Scénario « Voir le coup de l'ordinateur », tests unitaires et test dans le navigateur. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
45 lines
1.7 KiB
HTML
45 lines
1.7 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="replay" 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>
|