aboutsummaryrefslogtreecommitdiff
path: root/website/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'website/index.html')
-rw-r--r--website/index.html179
1 files changed, 179 insertions, 0 deletions
diff --git a/website/index.html b/website/index.html
new file mode 100644
index 0000000..5c506fd
--- /dev/null
+++ b/website/index.html
@@ -0,0 +1,179 @@
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
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-22 19:39:06 +0000