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