57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>MarkovSpeed // One-Button Presidential Speech (p5.js)</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="p5.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
<header id="header">
|
|
<div class="title-group">
|
|
<h1>MARKOVSPEED <span class="badge">1906 / 2014 / 2026</span></h1>
|
|
<div class="subtitle">ONE-BUTTON PRESIDENTIAL SPEECH ENGINE • DYNAMIC CORTICAL CADENCE</div>
|
|
</div>
|
|
<div class="controls-top">
|
|
<button id="btn-toggle" class="btn active">PAUZA / START</button>
|
|
<button id="btn-burst" class="btn burst">BURST (MEZERNÍK)</button>
|
|
<button id="btn-tts" class="btn">TTS HLAS: VYP</button>
|
|
<button id="btn-corpus" class="btn">KORPUS: PREZIDENTSKÝ</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="canvas-container"></main>
|
|
|
|
<footer id="footer">
|
|
<div id="hud-top">
|
|
<div class="metric">
|
|
<span class="label">RYCHLOST:</span>
|
|
<input type="range" id="speed-slider" min="1" max="60" value="12">
|
|
<span id="speed-val">12 W/S</span>
|
|
</div>
|
|
<div class="metric">
|
|
<span class="label">KADENCE:</span>
|
|
<span id="tempo-val" class="highlight">180 WPM</span>
|
|
</div>
|
|
<div class="metric">
|
|
<span class="label">ENTROPIE STAVŮ:</span>
|
|
<span id="entropy-val">H = 2.41 bit</span>
|
|
</div>
|
|
<div class="metric">
|
|
<span class="label">AKTIVNÍ TOKEN:</span>
|
|
<span id="token-val" class="token-tag">—</span>
|
|
</div>
|
|
</div>
|
|
<div id="ticker">
|
|
<div class="ticker-header">> GENERATORSKY VYSTUP // PREZIDENTSKY PROJEV:</div>
|
|
<div id="speech-text" class="ticker-content">Čekám na signál...</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="sketch.js"></script>
|
|
</body>
|
|
</html>
|