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