Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 410 lines (294 sloc) 12.127 kb
82c89bd jSchaback created fresh github pages branch
jSchaback authored
1 <!DOCTYPE HTML>
2
3 <html>
4
5 <head>
6
7 <meta charset="utf-8" />
8 <title>Pocket Island</title>
9
10 <!--
11 .:::-` `-:::.
12 -/:/sssyo` `/::ossss:
13 .oosssyyhdy +ossssyhhd-
14 .syyyhddmmy +yyyhhdmmm-
15 //:ydmmmmmy. `oddmmmmm//+
16 /os//+oo/. ./oo+/:shh`
17 .+hhhhhh/ :yyyhdmm-
18 -ohhddms oddddmm:
19 -shddmm. .hddmmm/
20 .ydddmh -::- shdmmm:
21 `ydddmy -+oyhhh/ oydmmm.
22 odddmh` `/shhddddds` oydmmh
23 :dddmm. `oyddmmmmmmmh. .ohdmN/
24 yddddo .shdmms- ommmdh- /ydmmd`
25 :ddddh+yhdmm- -hmddh+hdmmN/
26 oddddddmmm- .dmmdddmmNs
27 `smddmmmm- -dmmmmmNh`
28 ```.smmmNm/``````````:dmmNNh.```
29 ``..../ss+-............-+sy+....``
30 ````````````` ``````````````
31 -->
32
33 <meta name="apple-mobile-web-app-capable" content="yes" />
34 <meta name='HandheldFriendly' content='True' />
35 <meta name="viewport" id="viewport" content="initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no" />
36 <meta name="viewport" content="width=device-width" />
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
37 <meta name="viewport" content="height=device-height" />
82c89bd jSchaback created fresh github pages branch
jSchaback authored
38 <meta name="format-detection" content="telephone=no" />
39
40 <script>
41 window.wooga = {
42 'castleIOS': {}
43 };
44 </script>
45
46 <style type="text/css" >
47 #loadingScreen {
48 position: absolute;
49 top: 0; left: 0;
50 bottom: 0; right: 0;
51 text-align: center;
52 z-index: 1000001;
53 background: #0d8000 url(images/default-ipad.jpg) no-repeat center;
54 }
55 #loadingScreen .progress {
56 position: absolute;
57 top: 50%;
58 left: 20%; right: 20%;
59 height: 40px;
60 padding: 6px 8px;
61 margin-top: 300px;
62 border-radius: 40px;
63 background: rgba(0,0,0,.5);
64 -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.5) inset;
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
65 -moz-box-shadow: 0 4px 10px rgba(0,0,0,.5) inset;
82c89bd jSchaback created fresh github pages branch
jSchaback authored
66 }
67 #loadingScreen .progress > span {
68 display: block;
69 height: 40px;
70 background-color: #ff8000;
71 border-radius: 40px;
72 -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.5);
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
73 -moz-box-shadow: 0 4px 10px rgba(0,0,0,.5);
82c89bd jSchaback created fresh github pages branch
jSchaback authored
74 background-image: -webkit-gradient(
75 linear,
76 left bottom,
77 left top,
78 color-stop(0, rgba(255,255,255,0)),
79 color-stop(1, rgba(255,255,100,.8))
80 ),-webkit-gradient(
81 linear,
82 left bottom,
83 right bottom,
84 color-stop(0, rgba(255,255,255,0)),
85 color-stop(1, rgba(255,255,100,.5))
86 );
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
87 background-image: -moz-linear-gradient(
88 to left top,
89 rgba(255,255,255,0),
90 rgba(255,255,100,.8)
91 ),-moz-linear-gradient(
92 to right bottom,
93 rgba(255,255,255,0),
94 rgba(255,255,100,.5)
95 );
82c89bd jSchaback created fresh github pages branch
jSchaback authored
96 width: 0;
97 transition: width 5s;
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
98 -moz-transition: width 5s;
82c89bd jSchaback created fresh github pages branch
jSchaback authored
99 -webkit-transition: width 5s; /* Safari and Chrome */
100 -webkit-animation-name: pulsate;
101 -webkit-animation-duration: 1s;
102 -webkit-animation-iteration-count: infinite;
103 -webkit-animation-direction: alternate;
104 -webkit-animation-timing-function: linear;
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
105 -webkit-transition: width 5s; /* Safari and Chrome */
106 -moz-animation-name: pulsate;
107 -moz-animation-duration: 1s;
108 -moz-animation-iteration-count: infinite;
109 -moz-animation-direction: alternate;
110 -moz-animation-timing-function: linear;
82c89bd jSchaback created fresh github pages branch
jSchaback authored
111 }
112 @-webkit-keyframes pulsate {
113 0% {
114 background-color: #ff8000;
115 -webkit-box-shadow: 0 0 1px #ff8000;
116 }
117 100% {
118 background-color: #ffc600;
119 -webkit-box-shadow: 0 0 18px #fff;
120 }
121 }
c70d3b6 Horia Dragomir updated running app with the Firefox compatible version
hdragomir authored
122 @-moz-keyframes pulsate {
123 0% {
124 background-color: #ff8000;
125 -moz-box-shadow: 0 0 1px #ff8000;
126 }
127 100% {
128 background-color: #ffc600;
129 -moz-box-shadow: 0 0 18px #fff;
130 }
131 }
82c89bd jSchaback created fresh github pages branch
jSchaback authored
132 @media all and (min-device-width: 768px) {
133 #loadingScreen .progress {
134 top: 50%;
135 margin-top: 280px;
136 }
137 }
138 @media all and (min-device-width: 768px) and (-webkit-device-pixel-ratio:2) {
139 #loadingScreen {
140 background-size: 2048px 2048px;
141 }
142 #loadingScreen .progress {
143 top: 50%;
144 margin-top: 560px;
145 }
146 }
147 </style>
148
149 <link rel="stylesheet" href="css/animations.css"/>
150 <link rel="stylesheet" href="css/font.css"/>
151 <link rel="stylesheet" href="css/main.css"/>
152 <link rel="stylesheet" href="css/ui.css"/>
153 <link rel="stylesheet" href="css/hud.css"/>
154 <link rel="stylesheet" href="css/popup.css"/>
155 <link rel="stylesheet" href="css/shop.css"/>
156 <link rel="stylesheet" href="css/castle-complete.css"/>
157 <link rel="stylesheet" href="css/goals.css"/>
158 <link rel="stylesheet" href="css/dev-menu.css"/>
159
160 </head>
161 <body>
162 <div id="loadingScreen">
163 <div class="progress">
164 <span></span>
165 </div>
166 </div>
167
168 <div class="page comic">
169 <div class="wrap">
170 <div class="frame no1"><p>You are a brave knight&hellip;</p></div>
171 <div class="frame no2"><p><br>on an Epic Quest &hellip;</p></div>
172 <div class="frame no3"><p>when a freak storm &hellip;</p></div>
173 <div class="frame no4"><p>hits your ship &hellip;<p></div>
174 <div class="frame no5"><p>and crashes it on &hellip;</p></div>
175 <div class="frame no6"><div class="logo" id="logoTest" ></div>
176 <button class="button share">Start</button></div>
177 </div>
178 </div>
179
180 <div class="intro">
181 <div class="parrot"></div>
182 <div class="intro-text">
183 <p>I am Sir Talk-a-lot, peace keeper of Pocket Island!</p>
184 <p>I promise to fix your ship in return for a favor&hellip;</p>
185 </div>
186 <button class="button">Sure!</button>
187 </div>
188
189 <div id="mlm-content"> <!-- TODO: we should rename it somehow -->
190
191 <div id="game">
192 <div id="bg"></div>
193 <div id="game_overlay"></div>
194 </div>
195
196 <div id="ui" style="display: none;">
197 <header id=main-stats>
198 <div class="board"> </div>
199 <div id="coins">
200 <div class="info"></div>
201 </div>
202 <div id="food">
203 <div class="info"></div>
204 <div class="bar"><div class="progress">&nbsp;</div></div>
205 </div>
206 <div id="population">
207 <div class="info">Population</div>
208 <div class="bar"><div class="progress"><div id="ratio">--/--</div></div></div>
209 </div>
210 <div id="level">
211 <div id="levelStar"></div>
212 <div class="info"></div>
213 <div class="bar"><div class="progress">&nbsp;</div></div>
214 </div>
215 </header>
216 <nav>
217 <a id="showShopButton" href="#">&nbsp;</a>
218 <a id="showCursorButton" href="#">&nbsp;</a>
219 </nav>
220 <aside id="hud-goals">
221 <div id="goals-drawer"></div>
222 </aside>
223 </div>
224 </div>
225
226 <div id="dev-menu" class="head done"><h2>Options</h2>
227 <div class="regard">
228 <button class="cancel">cancel</button>
229 <button name="clear_storage" class="button">Remove local data</button>
230 <button name="reload" class="button">Force Reload</button>
231 <button name="activate_fast" class="button">Activate Fast Mode</button>
232 <button name="giveme_money" class="button">Giveme Money</button>
233 <button name="giveme_food" class="button">Giveme Food</button>
234 <button name="giveme_xp" class="button">Giveme XP</button>
235 <button name="reconnect" class="button">Connect to other url</button>
236 <button name="unlock" class="button">Unlock areas</button>
237 <button name="untree" class="button">Deforest</button>
238 </div>
239 </div>
240
241 <script>
242
243 (function(){
244 // toggle fake loading animation. TODO: proper loading screen
245 try{
246 document.querySelector('#loadingScreen span').style.width = '100%';
247 } catch (e) {
248 }
249
250 setTimeout(function(){
251 if (wooga.castle.capabilities.iPod) {
252 return;
253 }
254 document.querySelector('#loadingScreen').style.display = 'none';
255 wooga.castle.dispatchUIEvent('loaderReady');
256 }, 5000);
257
258 window._gaq = [];
259
260
261 function detectScreenSize () {
262 if (window.devicePixelRatio === 2) {
263 return "large";
264 }
265 if (window.screen.width >= 768 || window.screen.height >= 768) {
266 return 'medium';
267 }
268 return "small"
269 }
270
271 var referral = (function getReferral () {
272
273 var referralQueryString = window.location.search.substring(1).split("&").filter(function (a) {
274 if (a.indexOf("referral=") === 0) {
275 return true;
276 }
277 })[0];
278
279 if (referralQueryString) {
280 return unescape(referralQueryString.replace(/^referral=/,''));
281 }
282
283 }());
284
285 wooga.castle = {};
286
287
288 wooga.castle.dispatchUIEvent = function (eventName, node, data) {
289 node = node || document.body;
290 data = data || {};
291 var ev = document.createEvent("UIEvents");
292 ev.initUIEvent(eventName, true, true, window, 1);
293 node.dispatchEvent(ev);
294 return ev;
295 }
296
297 wooga.castle.config = {};
298 wooga.castle.config.version = 'UNKOWN';
299 wooga.castle.config.wrapperIOS = false;
300 wooga.castle.config.enableOffline = true;
301
302 wooga.castle.switches = {
303 //adds various "shortcuts"
304 "cheatmode": /cheatmode/i.test(window.location),
305 //invalidates localStorage and loads data from the server
306 "nolocal": /noLocal/i.test(window.location),
307 //skips tutorial and welcome message
308 "nowelcome": /noTutorial/i.test(window.location),
309 //reduces times by a factor of 100
310 "fast": /fast/i.test(window.location.search),
311 //fbrequests handling
312 "dynamicviewport": /dynamicviewport/i.test(window.location.search),
313 //enables drydock functionalities -- keep false on staging for now
314 "enabledrydock": /drydock/i.test(window.location.search),
315 //disables persistency
316 "noPersistency": /noPersistency/i.test(window.location.search),
317 //disables desktop sniffing
318 "iframed": /iframed/i.test(window.location.search)
319 };
320
321 })();
322
323 </script>
324
325 <script language="javascript" src="app.js"></script>
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407 </body>
408 </html>
409
Something went wrong with that request. Please try again.