Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 410 lines (374 sloc) 15.661 kb
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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" />
80157f5 @afarber Use string replacement in setScale
afarber authored
37 <meta name="viewport" content="height=device-height" />
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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;
2a1d10e @hdragomir made loading progressbar work in firefox
hdragomir authored
65 -moz-box-shadow: 0 4px 10px rgba(0,0,0,.5) inset;
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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);
2a1d10e @hdragomir made loading progressbar work in firefox
hdragomir authored
73 -moz-box-shadow: 0 4px 10px rgba(0,0,0,.5);
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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 );
2a1d10e @hdragomir made loading progressbar work in firefox
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 );
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir authored
96 width: 0;
97 transition: width 5s;
2a1d10e @hdragomir made loading progressbar work in firefox
hdragomir authored
98 -moz-transition: width 5s;
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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;
2a1d10e @hdragomir made loading progressbar work in firefox
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;
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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 }
2a1d10e @hdragomir made loading progressbar work in firefox
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 }
98e1944 @hdragomir I'm free. Here be dragons!
hdragomir 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 src='js/config.js'></script>
326 <script src='js/vendor/dollar.js'></script>
327 <script src='js/vendor/ejs.min.js'></script>
328 <script src='js/utils.js'></script>
329 <script src='js/Viewport.js'></script>
330 <script src='js/start.js'></script>
331 <script src='js/l10n.js'></script>
332 <script src='js/main.js'></script>
333 <script src='js/net.js'></script>
334 <script src='js/appstore.js'></script>
335 <script src='js/Game.js'></script>
336 <script src='js/XPManager.js'></script>
337 <script src='js/GameModesManager.js'></script>
338 <script src='js/WorldEntity.js'></script>
339 <script src='js/Entity.js'></script>
340 <script src='js/House.js'></script>
341 <script src='js/FarmField.js'></script>
342 <script src='js/WorldViewScrollabilityMixin.js'></script>
343 <script src='js/View.js'></script>
344 <script src='js/WorldView.js'></script>
345 <script src='js/EntityView.js'></script>
346 <script src='js/HouseView.js'></script>
347 <script src='js/FarmFieldView.js'></script>
348 <script src='js/Enemy.js'></script>
349 <script src='js/EnemyView.js'></script>
350 <script src='js/Decoration.js'></script>
351 <script src='js/DecorationView.js'></script>
352 <script src='js/Shop.js'></script>
353 <script src='js/HUD.js'></script>
354 <script src='js/AnimsFactory.js'></script>
355 <script src='js/timeHelper.js'></script>
356 <script src='js/InfoMode.js'></script>
357 <script src='js/MoveMode.js'></script>
358 <script src='js/ShopPreviewMode.js'></script>
359 <script src='js/SeedMode.js'></script>
360 <script src='js/RoadsMode.js'></script>
361 <script src='js/CastleUpgradeMode.js'></script>
362 <script src='js/Goal.js'></script>
363 <script src='js/GoalScreen.js'></script>
364 <script src='js/GoalsDrawer.js'></script>
365 <script src='js/Goals.js'></script>
366 <script src='js/RoadView.js'></script>
367 <script src='js/InPlaceNotification.js'></script>
368 <script src='js/InPlaceActionsMenu.js'></script>
369 <script src='js/LevelUp.js'></script>
370 <script src='js/Tutorial.js'></script>
371 <script src='js/TransactionsManager.js'></script>
372 <script src='js/Castle.js'></script>
373 <script src='js/CastleView.js'></script>
374 <script src='js/DestroyMode.js'></script>
375 <script src='js/MigrationRunner.js'></script>
376 <script src='js/migrations.js'></script>
377 <script src='js/Whackable.js'></script>
378 <script src='js/WhackableView.js'></script>
379 <script src='js/Ship.js'></script>
380 <script src='js/ShipView.js'></script>
381 <script src='js/DooberTooltip.js'></script>
382 <script src='js/DrydockGoals.js'></script>
383 <script src='js/Spawner.js'></script>
384 <script src='js/NotificationHandler.js'></script>
385 <script src='js/Storage.js'></script>
386 <script src="js/lib/phonegap-1.1.0.js"></script>
387 <script src="js/PG_main.js"></script>
388 <script src="js/LocalNotification.js"></script>
389 <script src="js/UnlockableArea.js"></script>
390 <script src="js/UnlockableAreaView.js"></script>
391 <script src="js/UnlockableAreaKeyHandler.js"></script>
392 <script src="js/UnfoodedHouse.js"></script>
393 <script src="js/SpecialBuilding.js"></script>
394 <script src="js/SpecialBuildingView.js"></script>
395 <script src="js/Rock.js"></script>
396 <script src="js/Tree.js"></script>
397 <script src="js/DevMenu.js"></script>
398 <script src="js/UITieIns.js"></script>
399 <script src="js/Notifier.js" type="text/javascript"></script>
400 <script src='js/PathFinder.js'></script>
401 <script src='js/People.js'></script>
402 <script src='js/PeopleView.js'></script>
403 <script src='js/Person.js'></script>
404 <script src='js/PersonView.js'></script>
405 <script src='js/Drop.js'></script>
406
407 </body>
408 </html>
409
Something went wrong with that request. Please try again.