diff options
-rw-r--r-- | website/index.html | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/website/index.html b/website/index.html index c4bc1f7..c038d5d 100644 --- a/website/index.html +++ b/website/index.html | |||
@@ -82,9 +82,9 @@ | |||
82 | <div class="is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5 l-box" style="margin: auto;"> | 82 | <div class="is-center pure-u-1 pure-u-med-1-2 pure-u-lrg-2-5 l-box" style="margin: auto;"> |
83 | <h2 class="content-head content-head-ribbon">I'm lost!</h2> | 83 | <h2 class="content-head content-head-ribbon">I'm lost!</h2> |
84 | <p style="font-family: monospace;"> | 84 | <p style="font-family: monospace;"> |
85 | Don't <span style="color: #dd514c;">panic()</span>; | 85 | <span style="color: #0e90d2;">Try</span> not to <span style="color: #dd514c;">panic()</span>; |
86 | <br> | 86 | <br> |
87 | <span style="color: rgb(128, 88, 165);">Throw</span> an <span style="color: #0e90d2;">Exception</span> and <span style="color: #5eb95e">try</span> the | 87 | and <span style="color: #5eb95e">catch</span> the |
88 | </p> | 88 | </p> |
89 | <p> | 89 | <p> |
90 | <a href="#map" class="pure-button">Game map</a> | 90 | <a href="#map" class="pure-button">Game map</a> |
@@ -95,11 +95,15 @@ | |||
95 | <h2 class="content-head content-head-ribbon">Need some help pushing buttons?</h2> | 95 | <h2 class="content-head content-head-ribbon">Need some help pushing buttons?</h2> |
96 | <h4 class="content-head content-head-ribbon">Moving around</h4> | 96 | <h4 class="content-head content-head-ribbon">Moving around</h4> |
97 | <p> | 97 | <p> |
98 | Use <kbd>⇦</kbd> and <kbd>⇨</kbd> arrows to change your direction, <kbd>⇧</kbd> to move forward, and <kbd>⇩</kbd> to pick up an object or to speak to a character. | 98 | Use <kbd>⇦</kbd> and <kbd>⇨</kbd> arrows to change your direction, <kbd>⇧</kbd> to move forward, and <kbd>⇩</kbd> to go back. |
99 | </p> | ||
100 | <h4 class="content-head content-head-ribbon">Doing things</h4> | ||
101 | <p> | ||
102 | Use <kbd>E</kbd> to pick up an object or to talk to a character. | ||
99 | </p> | 103 | </p> |
100 | <h4 class="content-head content-head-ribbon">Using items</h4> | 104 | <h4 class="content-head content-head-ribbon">Using items</h4> |
101 | <p> | 105 | <p> |
102 | Use <kbd>1</kbd>, <kbd>2</kbd>, <kbd>3</kbd>, ... to drop or use items from your inventory. | 106 | Use <kbd>A</kbd> to open your inventory and <kbd>W</kbd>, <kbd>X</kbd>, <kbd>C</kbd>, ... to drop or use items from it. |
103 | </p> | 107 | </p> |
104 | <br> | 108 | <br> |
105 | </div> | 109 | </div> |
@@ -130,7 +134,7 @@ | |||
130 | <li> | 134 | <li> |
131 | <a href="https://gitlab.pacien.net/pacien/a3p-esieequest"><i class="fa fa-coffee"></i> Source code</a> | 135 | <a href="https://gitlab.pacien.net/pacien/a3p-esieequest"><i class="fa fa-coffee"></i> Source code</a> |
132 | </li> | 136 | </li> |
133 | <li> | 137 | <li> |
134 | <a href="/userdoc/"><i class="fa fa-clipboard"></i> Userdoc</a> | 138 | <a href="/userdoc/"><i class="fa fa-clipboard"></i> Userdoc</a> |
135 | </li> | 139 | </li> |
136 | <li> | 140 | <li> |
@@ -150,13 +154,21 @@ | |||
150 | 154 | ||
151 | <div id="play" class="overbox fullscreen"> | 155 | <div id="play" class="overbox fullscreen"> |
152 | <noscript> | 156 | <noscript> |
153 | <p>Cannot check Java version.<br>Click <a href="/game/esieequest.jar" target="_blank">here</a> to launch the game in a new window (Java ≥7 required).</p> | 157 | <p> |
158 | Cannot check Java version. | ||
159 | <br> | ||
160 | Click <a href="/game/esieequest.jar" target="_blank">here</a> to launch the game in a new window (Java ≥7 required). | ||
161 | </p> | ||
154 | </noscript> | 162 | </noscript> |
155 | </div> | 163 | </div> |
156 | 164 | ||
157 | <div id="map" class="overbox fullscreen"> | 165 | <div id="map" class="overbox fullscreen"> |
158 | <iframe id="map-frame" src="map.svg"> | 166 | <iframe id="map-frame" src="map.svg"> |
159 | <p>Your browser does not support iframes.<br>Click <a href="map.svg" target="_blank">here</a> to open the map in a new window.</p> | 167 | <p> |
168 | Your browser does not support iframes. | ||
169 | <br> | ||
170 | Click <a href="map.svg" target="_blank">here</a> to open the map in a new window. | ||
171 | </p> | ||
160 | </iframe> | 172 | </iframe> |
161 | </div> | 173 | </div> |
162 | 174 | ||