Jared Miller
90c2aca72e
Game div now starts hidden so map screen is the first thing visible. Combat event handlers guard against null state.
61 lines
1.9 KiB
HTML
61 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>slay with friends</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="game" hidden>
|
|
<section id="enemy-zone">
|
|
<div id="enemy-info">
|
|
<span id="enemy-name"></span>
|
|
<div id="enemy-hp-bar"><span id="enemy-hp"></span></div>
|
|
<span id="enemy-block"></span>
|
|
<div id="enemy-status"></div>
|
|
<div id="enemy-intent"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="info-bar">
|
|
<div id="energy"></div>
|
|
<div id="player-hp-bar"><span id="player-hp"></span></div>
|
|
<div id="player-block"></div>
|
|
<div id="player-strength"></div>
|
|
<div id="player-status"></div>
|
|
<div id="pile-counts">
|
|
<button type="button" id="draw-pile-btn">draw: <span id="draw-count">0</span></button>
|
|
<button type="button" id="discard-pile-btn">discard: <span id="discard-count">0</span></button>
|
|
</div>
|
|
<button type="button" id="end-turn-btn">end turn</button>
|
|
</section>
|
|
|
|
<section id="hand"></section>
|
|
</div>
|
|
|
|
<section id="map-screen" hidden>
|
|
<h2>act 1</h2>
|
|
<div id="map-nodes"></div>
|
|
<button type="button" id="map-proceed-btn">proceed</button>
|
|
</section>
|
|
|
|
<section id="campfire-screen" hidden>
|
|
<h2>campfire</h2>
|
|
<p id="campfire-hp"></p>
|
|
<div id="campfire-choices">
|
|
<button type="button" id="campfire-rest-btn">rest (heal 3 HP)</button>
|
|
<button type="button" id="campfire-smith-btn">smith (upgrade a card)</button>
|
|
</div>
|
|
<div id="smith-cards" hidden></div>
|
|
</section>
|
|
|
|
<div id="overlay" hidden>
|
|
<div id="overlay-text"></div>
|
|
<div id="reward-cards"></div>
|
|
<button type="button" id="skip-btn" hidden>skip</button>
|
|
</div>
|
|
|
|
<script type="module" src="src/main.js"></script>
|
|
</body>
|
|
</html>
|