Commit 595fb6e0c5
Verified · cmc
Layout: unified · split
index.html +28 −21
| @@ -4,8 +4,27 @@ | ||
| 4 | 4 | <meta name="viewport" content="width=device-width,initial-scale=1"> |
| 5 | 5 | <title>Micro Roguelike</title> |
| 6 | 6 | |
| 7 | <h1>Micro Roguelike</h1> | |
| 8 | <p>Choose a path. Learn the dungeon. Die often.</p> | |
| 7 | <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} | |
| 21 | </style> | |
| 22 | ||
| 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> | |
| 27 | </section> | |
| 9 | 28 | |
| 10 | 29 | <section id="gate"> |
| 11 | 30 | <h2>Gate</h2> |
| @@ -29,8 +48,7 @@ | ||
| 29 | 48 | <section id="beast"> |
| 30 | 49 | <h2>Beast</h2> |
| 31 | 50 | <p>A sleeping beast opens one eye.</p> |
| 32 | <p><strong>Eaten.</strong></p> | |
| 33 | <p><a href="#gate">Again</a></p> | |
| 51 | <p><a href="#death">Continue</a></p> | |
| 34 | 52 | </section> |
| 35 | 53 | |
| 36 | 54 | <section id="hall"> |
| @@ -47,7 +65,7 @@ | ||
| 47 | 65 | <h2>Pit</h2> |
| 48 | 66 | <p>A black pit cuts the room in two. Too wide. Dark below.</p> |
| 49 | 67 | <p> |
| 50 | <a href="#fell">Jump</a><br> | |
| 68 | <a href="#death">Jump</a><br> | |
| 51 | 69 | <a href="#vault">Edge along wall</a> |
| 52 | 70 | </p> |
| 53 | 71 | </section> |
| @@ -56,7 +74,7 @@ | ||
| 56 | 74 | <h2>Idol</h2> |
| 57 | 75 | <p>A gold idol watches. Coins glitter at its feet. Its head is bowed.</p> |
| 58 | 76 | <p> |
| 59 | <a href="#cursed">Take gold</a><br> | |
| 77 | <a href="#death">Take gold</a><br> | |
| 60 | 78 | <a href="#crack">Bow</a><br> |
| 61 | 79 | <a href="#hall">Back</a> |
| 62 | 80 | </p> |
| @@ -75,27 +93,15 @@ | ||
| 75 | 93 | <h2>Vault</h2> |
| 76 | 94 | <p>A crown on stone. A small key beside it.</p> |
| 77 | 95 | <p> |
| 78 | <a href="#wrongking">Take crown</a><br> | |
| 96 | <a href="#death">Take crown</a><br> | |
| 79 | 97 | <a href="#win">Take key</a><br> |
| 80 | 98 | <a href="#gate">Leave</a> |
| 81 | 99 | </p> |
| 82 | 100 | </section> |
| 83 | 101 | |
| 84 | <section id="fell"> | |
| 85 | <h2>Death</h2> | |
| 86 | <p><strong>Fell.</strong></p> | |
| 87 | <p><a href="#gate">Again</a></p> | |
| 88 | </section> | |
| 89 | ||
| 90 | <section id="cursed"> | |
| 91 | <h2>Death</h2> | |
| 92 | <p><strong>Cursed.</strong></p> | |
| 93 | <p><a href="#gate">Again</a></p> | |
| 94 | </section> | |
| 95 | ||
| 96 | <section id="wrongking"> | |
| 102 | <section id="death"> | |
| 97 | 103 | <h2>Death</h2> |
| 98 | <p><strong>Wrong king.</strong></p> | |
| 104 | <p>You died.</p> | |
| 99 | 105 | <p><a href="#gate">Again</a></p> |
| 100 | 106 | </section> |
| 101 | 107 | |
| @@ -105,4 +111,5 @@ | ||
| 105 | 111 | <p>The outer gate opens. Dawn.</p> |
| 106 | 112 | <p><a href="#gate">Again</a></p> |
| 107 | 113 | </section> |
| 114 | ||
| 108 | 115 | </html> |