krz/micro-roguelike

A micro roguelike web game in 1kb and 1mb versions. game javascript roguelike size-limited https://rogue.krz.sh

Commit 826cbd08bb

826cbd08bbd74b2d3f4c19ebf4021ccbcfd6353d

parent: 595fb6e0c5

Verified · cmc

cmc <hello@cleberg.net> · 2026-03-23 22:04 UTC 

tighten dungeon copy and simplify screen structure before byte pass

Layout: unified · split

index.html +46 −88
@@ -1,115 +1,73 @@
1<!doctype html> 1<!doctype html>
2<html lang="en"> 2<html lang=en>
3<meta charset="utf-8"> 3<meta charset=utf-8>
4<meta name="viewport" content="width=device-width,initial-scale=1"> 4<meta name=viewport content="width=device-width,initial-scale=1">
5<title>Micro Roguelike</title> 5<title>Micro Roguelike</title>
6
7<style> 6<style>
8section{display:none;min-height:100vh} 7section{display:none;min-height:100vh}#s:target,#g:target,#b:target,#e:target,#h:target,#p:target,#i:target,#c:target,#v:target,#d:target,#w:target{display:block}html:not(:has(:target))#s{display:block}
9#start:target,
10#gate:target,
11#bones:target,
12#beast:target,
13#hall:target,
14#pit:target,
15#idol:target,
16#crack:target,
17#vault:target,
18#death:target,
19#win:target{display:block}
20body:not(:target) #start{display:block}
21</style> 8</style>
22 9
23<section id="start"> 10<section id=s>
24 <h1>Micro Roguelike</h1> 11 <p>micro roguelike</p>
25 <p>Choose a path. Learn the dungeon. Die often.</p> 12 <p>learn fast. die often.</p>
26 <p><a href="#gate">Start</a></p> 13 <p><a href=#g>start</a></p>
27</section> 14</section>
28 15
29<section id="gate"> 16<section id=g>
30 <h2>Gate</h2> 17 <p>gate</p>
31 <p>You stand at a ruined gate.</p> 18 <p>ruin. dark ahead.</p>
32 <p> 19 <p><a href=#b>left</a> <a href=#e>right</a> <a href=#h>in</a></p>
33 <a href="#bones">Left</a><br>
34 <a href="#beast">Right</a><br>
35 <a href="#hall">Forward</a>
36 </p>
37</section> 20</section>
38 21
39<section id="bones"> 22<section id=b>
40 <h2>Bones</h2> 23 <p>bones</p>
41 <p>Bones on the floor. A torch still burns. Dark favors walls.</p> 24 <p>torch burns. dark favors walls.</p>
42 <p> 25 <p><a href=#h>take torch</a> <a href=#p>move on</a></p>
43 <a href="#hall">Take torch</a><br>
44 <a href="#pit">Move on</a>
45 </p>
46</section> 26</section>
47 27
48<section id="beast"> 28<section id=e>
49 <h2>Beast</h2> 29 <p>beast</p>
50 <p>A sleeping beast opens one eye.</p> 30 <p>one eye opens. <a href=#d>eaten</a></p>
51 <p><a href="#death">Continue</a></p>
52</section> 31</section>
53 32
54<section id="hall"> 33<section id=h>
55 <h2>Hall</h2> 34 <p>hall</p>
56 <p>A stone hall. Stairs descend. A bronze door waits. A crack splits the wall.</p> 35 <p>stairs. bronze door. wall crack.</p>
57 <p> 36 <p><a href=#p>stairs</a> <a href=#i>door</a> <a href=#c>crack</a></p>
58 <a href="#pit">Stairs</a><br>
59 <a href="#idol">Door</a><br>
60 <a href="#crack">Crack</a>
61 </p>
62</section> 37</section>
63 38
64<section id="pit"> 39<section id=p>
65 <h2>Pit</h2> 40 <p>pit</p>
66 <p>A black pit cuts the room in two. Too wide. Dark below.</p> 41 <p>too wide. dark below.</p>
67 <p> 42 <p><a href=#d>jump</a> <a href=#v>edge</a></p>
68 <a href="#death">Jump</a><br>
69 <a href="#vault">Edge along wall</a>
70 </p>
71</section> 43</section>
72 44
73<section id="idol"> 45<section id=i>
74 <h2>Idol</h2> 46 <p>idol</p>
75 <p>A gold idol watches. Coins glitter at its feet. Its head is bowed.</p> 47 <p>gold at its feet. head bowed.</p>
76 <p> 48 <p><a href=#d>gold</a> <a href=#c>bow</a> <a href=#h>back</a></p>
77 <a href="#death">Take gold</a><br>
78 <a href="#crack">Bow</a><br>
79 <a href="#hall">Back</a>
80 </p>
81</section> 49</section>
82 50
83<section id="crack"> 51<section id=c>
84 <h2>Crack</h2> 52 <p>crack</p>
85 <p>Barely wide enough. Cold air slips through.</p> 53 <p>cold air. barely wide enough.</p>
86 <p> 54 <p><a href=#v>squeeze</a> <a href=#h>return</a></p>
87 <a href="#vault">Squeeze through</a><br>
88 <a href="#hall">Return</a>
89 </p>
90</section> 55</section>
91 56
92<section id="vault"> 57<section id=v>
93 <h2>Vault</h2> 58 <p>vault</p>
94 <p>A crown on stone. A small key beside it.</p> 59 <p>crown. small key.</p>
95 <p> 60 <p><a href=#d>crown</a> <a href=#w>key</a> <a href=#g>leave</a></p>
96 <a href="#death">Take crown</a><br>
97 <a href="#win">Take key</a><br>
98 <a href="#gate">Leave</a>
99 </p>
100</section> 61</section>
101 62
102<section id="death"> 63<section id=d>
103 <h2>Death</h2> 64 <p>dead</p>
104 <p>You died.</p> 65 <p><a href=#g>again</a></p>
105 <p><a href="#gate">Again</a></p>
106</section> 66</section>
107 67
108<section id="win"> 68<section id=w>
109 <h2>Win</h2> 69 <p>key taken</p>
110 <p>You take the key.</p> 70 <p>the gate opens. dawn.</p>
111 <p>The outer gate opens. Dawn.</p> 71 <p><a href=#g>again</a></p>
112 <p><a href="#gate">Again</a></p>
113</section> 72</section>
114
115</html> 73</html>