97 lines
5.1 KiB
HTML
97 lines
5.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Chick Sorter v14.0 Zunda Tax / Resale</title>
|
|
<link rel="stylesheet" href="./styles.css" />
|
|
</head>
|
|
<body>
|
|
<main id="app">
|
|
<section id="gameShell" class="game-shell" aria-label="Game screen">
|
|
<canvas id="gameCanvas" width="1440" height="900" aria-label="Chick Sorter game canvas"></canvas>
|
|
|
|
<div class="hud hud-top-left" aria-label="Run status">
|
|
<div class="hud-card cash"><span>CASH</span><strong id="money">￥250</strong></div>
|
|
<div class="hud-card"><span>TIME</span><strong id="timeLeft">60.0s</strong></div>
|
|
<div class="hud-card profit"><span>NET</span><strong id="turnProfit">￥0</strong></div>
|
|
<div class="hud-card"><span>DAY</span><strong id="turn">1</strong></div>
|
|
<div class="hud-card compact"><span>PHASE</span><strong id="phaseLabel">Title</strong></div>
|
|
</div>
|
|
|
|
<div class="hud hud-top-right" aria-label="Day result details">
|
|
<div class="hud-card"><span>MIXER</span><strong id="mixerCount">0</strong></div>
|
|
<div class="hud-card"><span>TRUCK F</span><strong id="truckFemaleCount">0</strong></div>
|
|
<div class="hud-card"><span>WRONG</span><strong id="truckMaleCount">0</strong></div>
|
|
<div class="hud-card"><span>POOP</span><strong id="poopCount">0</strong></div>
|
|
</div>
|
|
|
|
<div class="priority-strip" aria-label="Important day info">
|
|
<div id="eventBrief" class="event-brief">NO ACTIVE EVENT</div>
|
|
<div id="targetBrief" class="target-brief">TRUCK TARGET: FEMALE</div>
|
|
<div id="speedBrief" class="speed-brief">BELT: 52 px/s</div>
|
|
</div>
|
|
|
|
<div id="buildPanel" class="build-panel" aria-label="Build and facility upgrades">
|
|
<div class="panel-head">
|
|
<div>
|
|
<h1>CHICK SORTER <span>v14.0</span></h1>
|
|
<p>Build, drag, connect all receiver ports, then start the next day.</p>
|
|
</div>
|
|
<button id="nextTurnButton" class="primary-button" type="button">Next Day</button>
|
|
</div>
|
|
|
|
<div class="panel-grid">
|
|
<section class="equipment-section">
|
|
<h2>Add / Edit Equipment</h2>
|
|
<div class="large-tools">
|
|
<button id="buildConveyorButton" class="tool-button" type="button"><strong>Conveyor</strong><span>￥30 / tile</span></button>
|
|
<button id="buildEggFarmButton" class="tool-button" type="button"><strong>Egg Farm</strong><span>￥250</span></button>
|
|
<button id="buildAutoScannerButton" class="tool-button" type="button"><strong>Auto Scanner</strong><span>￥360 / 4.5s cooldown</span></button>
|
|
<button id="buildManualScannerButton" class="tool-button" type="button"><strong>Manual Scanner</strong><span>￥260</span></button>
|
|
<button id="buildMixerButton" class="tool-button" type="button"><strong>Mixer</strong><span>￥450</span></button>
|
|
<button id="buildTrashButton" class="tool-button" type="button"><strong>Waste Shredder</strong><span>￥240</span></button>
|
|
<button id="buildTruckButton" class="tool-button" type="button"><strong>Truck</strong><span>￥450</span></button>
|
|
<button id="eraseButton" class="tool-button danger" type="button"><strong>Erase</strong><span>Remove any equipment</span></button>
|
|
<div class="history-tools"><button id="undoButton" class="tool-button small" type="button"><strong>Undo</strong><span>Ctrl+Z</span></button><button id="redoButton" class="tool-button small" type="button"><strong>Redo</strong><span>Ctrl+Y</span></button></div>
|
|
</div>
|
|
<div id="buildStatus" class="mini-box">Build tools unlock after each day.</div>
|
|
</section>
|
|
|
|
<section class="contract-section">
|
|
<h2>Irregular One-Day Event</h2>
|
|
<div id="contractPanel" class="contract-card empty">Irregular forced events appear during Build phase.</div>
|
|
</section>
|
|
|
|
<section class="facility-section">
|
|
<h2>Selected Facility</h2>
|
|
<div id="facilityPanel" class="facility-panel-empty">Click equipment in Build phase.</div>
|
|
</section>
|
|
|
|
<section class="rules-section compact-rules">
|
|
<h2>Status</h2>
|
|
<div id="turnSummary" class="mini-box"></div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-dock" aria-label="Sorting controls">
|
|
<button id="scanner1MixerButton" class="sort-button" type="button">S1 A -> Mixer</button>
|
|
<button id="scanner1TruckButton" class="sort-button" type="button">S1 D -> S2</button>
|
|
<button id="scanner2MixerButton" class="sort-button" type="button">S2 -> Waste</button>
|
|
<button id="scanner2TruckButton" class="sort-button" type="button">S2 -> Truck</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="modal" class="modal visible">
|
|
<div class="modal-card">
|
|
<h2 id="modalTitle">Chick Sorter</h2>
|
|
<div id="modalBody"></div>
|
|
<div id="modalActions" class="modal-actions"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="./src/game.js?v=14.0-zunda-tax-resale"></script>
|
|
</body>
|
|
</html>
|