0.3.1-0-pre.3
This commit is contained in:
@@ -1,17 +1,59 @@
|
||||
<!-- file: crates/apps/game-snake-poc-tauri/frontend/main.html -->
|
||||
<!-- version: 1 -->
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||||
<title>Snake POC Tauri</title>
|
||||
<meta name="theme-color" content="#101418" />
|
||||
<title>Snake POC — Tauri Android</title>
|
||||
</head>
|
||||
<body>
|
||||
<main class="bootstrap-panel" aria-labelledby="runtime-title">
|
||||
<p class="eyebrow">games.sasedev</p>
|
||||
<h1 id="runtime-title">Snake — Tauri Android</h1>
|
||||
<p id="runtime-status">Initialisation du runtime…</p>
|
||||
<output id="runtime-provenance" aria-live="polite">provenance en attente</output>
|
||||
<header class="app-header">
|
||||
<div>
|
||||
<p class="eyebrow">games.sasedev</p>
|
||||
<h1>Snake — Tauri Android</h1>
|
||||
</div>
|
||||
<span id="runtime-status" class="status-badge" role="status" aria-live="polite">Initialisation…</span>
|
||||
</header>
|
||||
|
||||
<main class="app-main">
|
||||
<section class="game-panel" aria-label="Partie Snake">
|
||||
<div class="game-summary">
|
||||
<output id="score">Score : 0</output>
|
||||
<output id="length">Longueur : 0</output>
|
||||
</div>
|
||||
<div class="game-stage">
|
||||
<canvas id="game" width="360" height="600" tabindex="0" aria-label="Zone de jeu Snake"></canvas>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="control-panel" aria-label="Contrôles et runtime">
|
||||
<div>
|
||||
<h2>Contrôles</h2>
|
||||
<p>Flèches, WASD/ZQSD ou boutons tactiles.</p>
|
||||
</div>
|
||||
<div class="direction-pad" aria-label="Contrôles directionnels tactiles">
|
||||
<button class="direction-up" type="button" data-direction="up" aria-label="Haut">↑</button>
|
||||
<button class="direction-left" type="button" data-direction="left" aria-label="Gauche">←</button>
|
||||
<button class="direction-down" type="button" data-direction="down" aria-label="Bas">↓</button>
|
||||
<button class="direction-right" type="button" data-direction="right" aria-label="Droite">→</button>
|
||||
</div>
|
||||
<dl class="runtime-details">
|
||||
<div>
|
||||
<dt>Provenance</dt>
|
||||
<dd><output id="runtime-provenance">android / tauri-webview / wasm / unknown / unknown</output></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Assets</dt>
|
||||
<dd><output id="asset-status">chargement…</output></dd>
|
||||
</div>
|
||||
</dl>
|
||||
<p id="startup-error" class="startup-error" role="alert" hidden></p>
|
||||
</aside>
|
||||
</main>
|
||||
|
||||
<footer class="app-footer">POC de référence Tauri Android — gameplay Rust partagé</footer>
|
||||
<script type="module" src="/ts/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user