68 lines
3.6 KiB
HTML
68 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="cs">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
<title>KUCHAŘKA // Kamila Pešek & Helena Heroutová (1998–2026)</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body class="crt-screen">
|
||
<div id="dos-container">
|
||
<!-- Turbo Pascal Top Menu Bar -->
|
||
<header id="menu-bar">
|
||
<span class="menu-item active" data-act="menu"><span class="hotkey">S</span>oubor</span>
|
||
<span class="menu-item" data-act="hledat"><span class="hotkey">H</span>ledat [/]</span>
|
||
<span class="menu-item" data-act="recepty"><span class="hotkey">R</span>eceptář (331)</span>
|
||
<span class="menu-item" data-act="suroviny"><span class="hotkey">Š</span>pajz</span>
|
||
<span class="menu-item" data-act="davno"><span class="hotkey">D</span>ávno</span>
|
||
<span class="menu-item" data-act="oblibena"><span class="hotkey">O</span>blíbená</span>
|
||
<span class="menu-item" data-act="kronika"><span class="hotkey">K</span>ronika (568)</span>
|
||
<span class="menu-item" data-act="altan"><span class="hotkey">A</span>ltán</span>
|
||
<span class="menu-spacer"></span>
|
||
<span class="time-display" id="time-display">18:55:00</span>
|
||
</header>
|
||
|
||
<!-- Main CRT Terminal Window -->
|
||
<main id="terminal-window">
|
||
<div class="window-frame">
|
||
<div class="window-title-bar">
|
||
<span class="win-btn">[■]</span>
|
||
<span class="win-title" id="win-title">KUCHAŘKA KAMILY PEŠEK // PASCAL 7.0 (331 RECEPTŮ)</span>
|
||
<span class="win-num">[1]</span>
|
||
</div>
|
||
<div class="window-content" id="screen-content">
|
||
<!-- Dynamic Turbo Pascal Content Injected Here -->
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- Mobile Touch Keyboard Bar -->
|
||
<nav id="touch-controls">
|
||
<button class="t-btn highlight" data-act="hledat">HLEDAT [/]</button>
|
||
<button class="t-btn highlight" data-act="recepty">RECEPTÁŘ (331)</button>
|
||
<button class="t-btn highlight" data-act="suroviny">ŠPAJZ [S]</button>
|
||
<button class="t-btn" data-act="davno">DÁVNO [D]</button>
|
||
<button class="t-btn" data-act="oblibena">TOP [O]</button>
|
||
<button class="t-btn" data-act="kronika">KRONIKA [K]</button>
|
||
<button class="t-btn" data-act="altan">ALTÁN [A]</button>
|
||
<button class="t-btn esc" data-act="menu">ESC [MENU]</button>
|
||
</nav>
|
||
|
||
<!-- Turbo Pascal Bottom Status Bar -->
|
||
<footer id="status-bar">
|
||
<span class="f-key" data-act="altan"><span class="f-num">F1</span> Nápověda</span>
|
||
<span class="f-key" data-act="hledat"><span class="f-num">/</span> Hledat</span>
|
||
<span class="f-key" data-act="recepty"><span class="f-num">F2</span> Receptář</span>
|
||
<span class="f-key" data-act="suroviny"><span class="f-num">F3</span> Špajz</span>
|
||
<span class="f-key" data-act="davno"><span class="f-num">F4</span> Dávno</span>
|
||
<span class="f-key" data-act="kronika"><span class="f-num">F5</span> Kronika</span>
|
||
<span class="f-key" data-act="menu"><span class="f-num">ESC</span> Menu</span>
|
||
<span class="f-key sound-toggle" id="sound-btn">🔊 ZVUK: ON</span>
|
||
</footer>
|
||
</div>
|
||
|
||
<script src="data.js"></script>
|
||
<script src="app.js"></script>
|
||
</body>
|
||
</html>
|