diff options
Diffstat (limited to 'website/index.html')
| -rw-r--r-- | website/index.html | 179 |
1 files changed, 0 insertions, 179 deletions
diff --git a/website/index.html b/website/index.html deleted file mode 100644 index 5c506fd..0000000 --- a/website/index.html +++ /dev/null | |||
| @@ -1,179 +0,0 @@ | |||
| 1 | <!doctype html> | ||
| 2 | <html lang="en"> | ||
| 3 | <head> | ||
| 4 | <meta charset="utf-8"> | ||
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| 6 | <meta name="description" content="A thrilling adventure game at ESIEE Paris."> | ||
| 7 | |||
| 8 | <title>ESIEEquest</title> | ||
| 9 | |||
| 10 | <link rel="shortcut icon" href="/assets/img/favicon.png"> | ||
| 11 | |||
| 12 | <link rel="stylesheet" href="/assets/css/pure-min.css"> | ||
| 13 | <link rel="stylesheet" href="/assets/css/font-awesome.min.css"> | ||
| 14 | <link rel="stylesheet" href="/assets/css/main-grid.css"> | ||
| 15 | <link rel="stylesheet" href="/assets/css/marketing.css"> | ||
| 16 | <link rel="stylesheet" href="/assets/css/style.css"> | ||
| 17 | </head> | ||
| 18 | <body style="display: none;"> | ||
| 19 | <div class="header"> | ||
| 20 | <div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed"> | ||
| 21 | <a class="pure-menu-heading" href="#">ESIEEquest</a> | ||
| 22 | <ul> | ||
| 23 | <li> | ||
| 24 | <a href="#play">Play</a> | ||
| 25 | </li> | ||
| 26 | <li> | ||
| 27 | <a href="#help">Help</a> | ||
| 28 | </li> | ||
| 29 | <li> | ||
| 30 | <a href="#about">About</a> | ||
| 31 | </li> | ||
| 32 | </ul> | ||
| 33 | </div> | ||
| 34 | </div> | ||
| 35 | |||
| 36 | <div class="splash-container"> | ||
| 37 | <div class="splash"> | ||
| 38 | <h1 class="splash-head">ESIEEquest</h1> | ||
| 39 | <p class="splash-subhead"> | ||
| 40 | The Universe has encountered an error. Press any key to continue. | ||
| 41 | </p> | ||
| 42 | <p> | ||
| 43 | <a href="#play" class="pure-button pure-button-primary">This is any key</a> | ||
| 44 | </p> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | |||
| 48 | <div class="content-wrapper"> | ||
| 49 | <div class="content"> | ||
| 50 | <h2 class="content-head is-center">ESIEE + quest = ESIEEquest</h2> | ||
| 51 | <div class="pure-g"> | ||
| 52 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | ||
| 53 | |||
| 54 | <h3 class="content-subhead"><i class="fa fa-superscript"></i> Meet a friend </h3> | ||
| 55 | <p> | ||
| 56 | He will guide you gladly... at one necessary but not sufficient condition. | ||
| 57 | </p> | ||
| 58 | </div> | ||
| 59 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | ||
| 60 | <h3 class="content-subhead"><i class="fa fa-save"></i> Obtain the program </h3> | ||
| 61 | <p> | ||
| 62 | The legend says that a sage made a special program, a long time ago. | ||
| 63 | </p> | ||
| 64 | </div> | ||
| 65 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | ||
| 66 | <h3 class="content-subhead"><i class="fa fa-suitcase"></i> Find the device </h3> | ||
| 67 | <p> | ||
| 68 | It's impressive to see what they made using a "micro"controller and some adhesive tape. | ||
| 69 | </p> | ||
| 70 | </div> | ||
| 71 | <div class="l-box pure-u-1 pure-u-med-1-2 pure-u-lrg-1-4"> | ||
| 72 | <h3 class="content-subhead"><i class="fa fa-terminal"></i> Reboot everything </h3> | ||
| 73 | <p> | ||
| 74 | Connect everything, press the button, save the world, and we're done. | ||
| 75 | </p> | ||
| 76 | </div> | ||
| 77 | </div> | ||
| 78 | </div> | ||
| 79 | |||
| 80 | <div class="ribbon l-box-lrg pure-g"> | ||
| 81 | <a id="help" class="anchor"></a> | ||
| 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> | ||
| 84 | <p style="font-family: monospace;"> | ||
| 85 | <span style="color: #0e90d2;">Try</span> not to <span style="color: #dd514c;">panic()</span>; | ||
| 86 | <br> | ||
| 87 | and <span style="color: #5eb95e">catch</span> the | ||
| 88 | </p> | ||
| 89 | <p> | ||
| 90 | <a href="#map" class="pure-button">Game map</a> | ||
| 91 | </p> | ||
| 92 | <br> | ||
| 93 | </div> | ||
| 94 | <div class="pure-u-1 pure-u-med-1-2 pure-u-lrg-3-5 l-box"> | ||
| 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> | ||
| 97 | <p> | ||
| 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. | ||
| 103 | </p> | ||
| 104 | <h4 class="content-head content-head-ribbon">Using items</h4> | ||
| 105 | <p> | ||
| 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. | ||
| 107 | </p> | ||
| 108 | <br> | ||
| 109 | </div> | ||
| 110 | </div> | ||
| 111 | |||
| 112 | <div class="content"> | ||
| 113 | <a id="about" class="anchor"></a> | ||
| 114 | <h2 class="content-head is-center">About that game</h2> | ||
| 115 | <div class="pure-g"> | ||
| 116 | <div class="l-box-lrg pure-u-1 pure-u-med-3-5"> | ||
| 117 | <h4>The project</h4> | ||
| 118 | <p> | ||
| 119 | The development of this game was conducted in part of the project-based learning unit IGI-1002, at ESIEE Paris, in which students are asked to write a simple adventure game in Java. | ||
| 120 | </p> | ||
| 121 | <br> | ||
| 122 | <h4>The team</h4> | ||
| 123 | <p> | ||
| 124 | This game was fully developped by Pacien TRAN-GIRARD and Benoît LUBRANO DI SBARAGLIONE, two first year ESIEE students ('18). | ||
| 125 | </p> | ||
| 126 | </div> | ||
| 127 | <div class="l-box-lrg pure-u-1 pure-u-med-2-5"> | ||
| 128 | <div class="pure-menu pure-menu-open"> | ||
| 129 | <a class="pure-menu-heading">Additional resources</a> | ||
| 130 | <ul> | ||
| 131 | <li> | ||
| 132 | <a href="/report/a3p-3f-esieequest.pdf"><i class="fa fa-book"></i> Project report</a> | ||
| 133 | </li> | ||
| 134 | <li> | ||
| 135 | <a href="/game/esieequest.jar"><i class="fa fa-coffee"></i> Java ARchive</a> | ||
| 136 | </li> | ||
| 137 | <li> | ||
| 138 | <a href="https://gitlab.pacien.net/pacien/a3p-esieequest"><i class="fa fa-cogs"></i> Source code</a> | ||
| 139 | </li> | ||
| 140 | <li> | ||
| 141 | <a href="/javadoc/public/"><i class="fa fa-clipboard"></i> Public Javadoc</a> | ||
| 142 | </li> | ||
| 143 | <li> | ||
| 144 | <a href="/javadoc/private/"><i class="fa fa-files-o"></i> Private Javadoc</a> | ||
| 145 | </li> | ||
| 146 | </ul> | ||
| 147 | </div> | ||
| 148 | </div> | ||
| 149 | </div> | ||
| 150 | </div> | ||
| 151 | |||
| 152 | <div class="footer l-box is-center"> | ||
| 153 | [0x3F] 2014 • ESIEEquest • IGI-1002 A3P | ||
| 154 | <br> | ||
| 155 | Pacien TRAN-GIRARD and Benoît LUBRANO DI SBARAGLIONE </div> | ||
| 156 | </div> | ||
| 157 | |||
| 158 | <div id="play" class="overbox fullscreen"> | ||
| 159 | <iframe id="game-frame" src="game/esieequest.html"> | ||
| 160 | <p> | ||
| 161 | Your browser does not support iframes. | ||
| 162 | <br> | ||
| 163 | Click <a href="game/esieequest.html" target="_blank">here</a> to open the map in a new window. | ||
| 164 | </p> | ||
| 165 | </iframe> | ||
| 166 | </div> | ||
| 167 | |||
| 168 | <div id="map" class="overbox fullscreen"> | ||
| 169 | <iframe id="map-frame" src="map.svg"> | ||
| 170 | <p> | ||
| 171 | Your browser does not support iframes. | ||
| 172 | <br> | ||
| 173 | Click <a href="map.svg" target="_blank">here</a> to open the map in a new window. | ||
| 174 | </p> | ||
| 175 | </iframe> | ||
| 176 | </div> | ||
| 177 | |||
| 178 | </body> | ||
| 179 | </html> \ No newline at end of file | ||