Bram/projects
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Inez Game
Build and Push Docker Images / build-and-push (push) Failing after 56s
Details

Browse Source
This commit is contained in:
Bram committed 2026-11-05 13:52:59 +01:00
1 parent 8855d36684
commit 73baba74b1
10 files changed
+4565
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Dockers/inez-game/index.html
+138
View File
@@ -0,0 +1,138 @@
<!doctype html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Voor Inez — een tuin vol cadeautjes</title>
<meta name="description" content="Een klein cozy tuinspel met zeven cadeautjes.">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="sky-decor" aria-hidden="true">
<span class="cloud cloud-a"></span>
<span class="cloud cloud-b"></span>
<span class="cloud cloud-c"></span>
<span class="sun"></span>
</div>
<div id="app">
<header id="topbar" class="topbar" hidden>
<button id="home-btn" class="pill-btn ghost" type="button">← Tuinpad</button>
<div class="topbar-center">
<span id="progress-label" class="progress-label">0 / 7 cadeaus</span>
<div class="progress-track" aria-hidden="true"><div id="progress-fill"></div></div>
</div>
<button id="mute-btn" class="pill-btn ghost" type="button" aria-pressed="false">Geluid aan</button>
</header>
<main id="main">
<section id="screen-welcome" class="screen welcome">
<div class="welcome-inner">
<p class="eyebrow">Een verjaardagscadeau</p>
<h1><span id="welcome-title">Voor</span> <span id="welcome-name">Inez</span></h1>
<p class="welcome-text" id="welcome-text">
Zeven kleine tuintaken staan klaar. Bij elke taak die je afmaakt, opent er een cadeautje.
Neem de tijd — er is geen haast en je kunt niets verkeerd doen.
</p>
<button id="start-btn" class="primary-btn" type="button">Begin in de tuin</button>
<p class="welcome-hint">Tip: je kunt stoppen wanneer je wilt. De tuin onthoudt waar je was.</p>
<div class="welcome-flowers" aria-hidden="true">
<span class="wf wf-1">🌷</span>
<span class="wf wf-2">🌼</span>
<span class="wf wf-3">🌿</span>
<span class="wf wf-4">🌸</span>
<span class="wf wf-5">🌷</span>
<span class="wf wf-6">🌼</span>
</div>
</div>
</section>
<section id="screen-map" class="screen map-screen" hidden>
<div class="map-heading">
<p class="eyebrow">De tuin</p>
<h2>Waar wil je verder tuinieren?</h2>
<p class="map-intro">Elke afgeronde taak opent een nieuw cadeau. Je mag levels opnieuw spelen.</p>
</div>
<div id="garden-path" class="garden-path" aria-label="Levels"></div>
<section class="shelf" aria-labelledby="shelf-title">
<div class="shelf-head">
<h3 id="shelf-title">Jouw cadeautjes</h3>
<button id="finale-btn" class="pill-btn soft" type="button" hidden>Bekijk de finale</button>
</div>
<div id="gift-shelf" class="shelf-grid"></div>
</section>
<footer class="map-footer">
<button id="reset-btn" class="text-btn" type="button">Opnieuw beginnen</button>
<span class="map-footer-note">Gemaakt met liefde, voor jou.</span>
</footer>
</section>
<section id="screen-level" class="screen level-screen" hidden>
<div class="level-head">
<p class="eyebrow" id="level-eyebrow">Tuintaak</p>
<h2 id="level-title">Level</h2>
<p id="level-instruction" class="level-instruction"></p>
</div>
<div id="level-stage" class="stage" aria-live="polite"></div>
<p id="level-hint" class="level-hint" role="status" aria-live="polite"></p>
</section>
<section id="screen-finale" class="screen finale-screen" hidden>
<div class="finale-inner">
<p class="eyebrow">Alles is geopend</p>
<h2 id="finale-title">De tuin staat vol</h2>
<p id="finale-message" class="finale-message"></p>
<div id="finale-gifts" class="finale-gifts"></div>
<p id="finale-signature" class="finale-signature"></p>
<button id="finale-back" class="primary-btn" type="button">Terug naar de tuin</button>
</div>
</section>
</main>
</div>
<div id="reveal-overlay" class="overlay" hidden>
<div class="overlay-card reveal-card" role="dialog" aria-modal="true" aria-labelledby="reveal-title">
<div class="reveal-sparkles" aria-hidden="true">✨</div>
<p class="eyebrow" id="reveal-eyebrow">Cadeau ontgrendeld</p>
<div id="reveal-art" class="reveal-art"></div>
<h2 id="reveal-title"></h2>
<p id="reveal-note" class="reveal-note"></p>
<div id="reveal-key" class="key-box" hidden>
<p class="key-box-label">Jouw Steam-key</p>
<div class="key-row">
<input id="reveal-key-value" class="key-value" type="text" readonly autocomplete="off" spellcheck="false" aria-label="Steam-key">
<button id="reveal-key-copy" class="pill-btn key-copy" type="button">Kopieer</button>
</div>
<p class="key-help">Activeer de key met de knop hieronder. Lukt dat niet? Kopieer de key en plak hem op store.steampowered.com/account/registerkey.</p>
</div>
<div class="reveal-actions">
<a id="reveal-steam" class="primary-btn" href="#" target="_blank" rel="noopener">Open in Steam</a>
<a id="reveal-browser" class="text-link" href="#" target="_blank" rel="noopener">of bekijk in de browser</a>
<button id="reveal-continue" class="secondary-btn" type="button">Verder</button>
</div>
</div>
</div>
<div id="confirm-overlay" class="overlay" hidden>
<div class="overlay-card confirm-card" role="dialog" aria-modal="true" aria-labelledby="confirm-title">
<h2 id="confirm-title">Opnieuw beginnen?</h2>
<p>Alle voortgang en geopende cadeautjes worden gewist. Dit kan niet ongedaan worden gemaakt.</p>
<div class="confirm-actions">
<button id="confirm-no" class="primary-btn" type="button">Nee, bewaar alles</button>
<button id="confirm-yes" class="text-btn danger" type="button">Ja, alles wissen</button>
</div>
</div>
</div>
<div id="toast" class="toast" role="status" aria-live="polite" hidden></div>
<script src="js/config.js"></script>
<script src="js/storage.js"></script>
<script src="js/levels.js"></script>
<script src="js/ui.js"></script>
<script src="js/app.js"></script>
</body>
</html>