-
Notifications
You must be signed in to change notification settings - Fork 68
/
castle.html
521 lines (518 loc) · 24.4 KB
/
castle.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
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
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
<!DOCTYPE html>
<html>
<head>
<title id="title">Sandcastle Builder</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="img/favicon.ico" />
<link href="common.css?v=1" rel="stylesheet" type="text/css">
<link href="style.css?v=1" rel="stylesheet" type="text/css">
<link href="images.css?v=1" rel="stylesheet" type="text/css">
<script type="text/javascript" src="min/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="min/1.11.5/dayjs.min.js"></script>
<script type="text/javascript" src="min/1.10.2/jquery-ui.min.js"></script>
<script type="text/javascript">var noLayout = false;</script>
<script src="redundancy.js?v=1"></script>
<script src="data.js?v=1"></script>
<script src="castle.js?v=1"></script>
<script src="persist.js?v=1"></script>
<script src="tools.js?v=1"></script>
<script src="boosts.js?v=1"></script>
<script src="badges.js?v=1"></script>
<script src="puzzles.js?v=1"></script>
<script src="gui.js?v=1"></script>
<script src="options.js?v=1"></script>
<script src="dragons.js?v=1"></script>
<script src="dragonoverview.js?v=1"></script>
<script src="masterpiece.js?v=1"></script>
<script src="github.js?v=1"></script>
<script src="gh.js?v=1"></script>
</head>
<body class="lightscheme">
<div id="game">
<div id="sectionBeach" class="draggable-element">
<div id="sparticles">
</div>
<div id="beach" class="timeflip">
</div>
</div>
<div id="sectionSandTools" class="hidden draggable-element table-wrapper">
<div id="toolSTitle" class="table-header">Sand Tools:</div>
<div id="sectionSandToolsBody" class="table-content resizable-element toolwrapper">
<div id="sandtools" class="table-content-wrapper">
</div>
</div>
</div>
<div id="sectionCastleTools" class="hidden draggable-element table-wrapper">
<div id="toolCTitle" class="table-header">Castle Tools:</div>
<div id="sectionCastleToolsBody" class="table-content resizable-element toolwrapper">
<div id="castletools" class="table-content-wrapper">
</div>
</div>
</div>
<div id="sectionShop" class="hidden draggable-element table-wrapper">
<div id="boostTitle" class="table-header">Boost Shop:</div>
<div id="sectionShopBody" class="table-content resizable-element">
<div id="boosts" class="table-content-wrapper">
</div>
</div>
</div>
<div id="sectionInventory" class="hidden draggable-element table-wrapper">
<div id="lootTitle" class="table-header">Loot:</div>
<div id="lootselection" class="table-header"></div>
<div id="sectionInventoryBody" class="table-content resizable-element">
<div id="loot" class="table-content-wrapper"></div>
</div>
</div>
<div id="sectionLootSearch" class="hidden draggable-element table-header">
<div id="searchButtons"><input id="searchBoosts" type="checkbox">:Boosts <input id="searchBadges" type="checkbox">:Badges <input id="lootSearchButton" class="navButton" type="button" value="Search" onclick="Molpy.searchLoot()"></div>
<span id="searchContainer"><input id="lootSearchBox" type="text" onkeypress="Molpy.lootSearchBoxChanged(event)"></span>
</div>
<div id="sectionLootNavigation" class="hidden draggable-element">
<div id="navLimit">
Per Page: <input id="navPerPage" type="text" size="4" maxlength="3" onkeypress="Molpy.lootNavBoxChanged(event)">
<input id="navFirst" class="navButton" type="button" value="<<" onclick="Molpy.changeLootPage('first')"> <input id="navPrevious" class="navButton" type="button" value="<" onclick="Molpy.changeLootPage(-1)"> <input id="navPageNum" type="text" size="3" maxlength="3" onkeypress="Molpy.lootNavBoxChanged(event)"> / <span id="navMaxPages">99</span> <input id="navNext" class="navButton" type="button" value=">" onclick="Molpy.changeLootPage(1)"> <input id="navLast" class="navButton" type="button" value=">>" onclick="Molpy.changeLootPage('max')">
</div>
</div>
<div id="sectionView" class="hidden draggable-element table-wrapper">
<div id="sectionViewBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div id="toggleFile" class="minifloatbox">
<a onclick="Molpy.ToggleView('File')"><h4>File</h4></a>
</div>
<div id="toggleBeach" class="minifloatbox">
<a onclick="Molpy.ToggleView('Beach')"><h4>NewPix</h4></a>
</div>
<div id="toggleLinks" class="minifloatbox">
<a onclick="Molpy.ToggleView('Links')"><h4>Links</h4></a>
</div>
<div id="toggleOptions" class="minifloatbox">
<a onclick="Molpy.ToggleView('Options')"><h4>Options</h4></a>
</div>
<div id="toggleShop" class="minifloatbox">
<a onclick="Molpy.ToggleView('Shop')"><h4>Shop</h4></a>
</div>
<div id="toggleInventory" class="minifloatbox">
<a onclick="Molpy.ToggleView('Inventory')"><h4>Loot</h4></a>
</div>
<div id="toggleLootSearch" class="minifloatbox">
<a onclick="Molpy.ToggleView('LootSearch')"><h4>Loot Srch</h4></a>
</div>
<div id="toggleLootNavigation" class="minifloatbox">
<a onclick="Molpy.ToggleView('LootNavigation')"><h4>Loot Nav</h4></a>
</div>
<div id="toggleSandTools" class="minifloatbox">
<a onclick="Molpy.ToggleView('SandTools')"><h4>Sand Tools</h4></a>
</div>
<div id="toggleCastleTools" class="minifloatbox">
<a onclick="Molpy.ToggleView('CastleTools')"><h4>Castle Tools</h4></a>
</div>
<div id="toggleStats" class="minifloatbox">
<a onclick="Molpy.ToggleView('Stats')"><h4>Stats</h4></a>
</div>
<div id="toggleLayouts" class="minifloatbox">
<a onclick="Molpy.ToggleView('Layouts')"><h4>Layouts</h4></a>
</div>
<div id="toggleFaves" class="minifloatbox">
<a onclick="Molpy.ToggleView('Faves')"><h4>Faves</h4></a>
</div>
<div id="toggleCodex" class="minifloatbox">
<a onclick="Molpy.ToggleView('Codex')"><h4>Codex</h4></a>
</div>
<div id="toggleAlerts" class="minifloatbox">
<a onclick="Molpy.ToggleView('Alerts')"><h4>Alerts</h4></a>
</div>
<div id="toggleLog" class="minifloatbox">
<a onclick="Molpy.ToggleView('Log')"><h4>Log</h4></a>
</div>
<div id="toggleAbout" class="minifloatbox">
<a onclick="Molpy.ToggleView('About')"><h4>Version</h4></a>
</div>
<div id="toggleSandCounts" class="minifloatbox">
<a onclick="Molpy.ToggleView('SandCounts')"><h4>Sand / Castle #s</h4></a>
</div>
<div id="toggleTFCounts" class="minifloatbox hidden">
<a onclick="Molpy.ToggleView('TFCounts')"><h4>Tool Factory #s</h4></a>
</div>
<div id="toggleStuffCounts" class="minifloatbox">
<a onclick="Molpy.ToggleView('StuffCounts')"><h4>Stuff #s</h4></a>
</div>
<div id="toggleIncomeCounts" class="minifloatbox">
<a onclick="Molpy.ToggleView('IncomeCounts')"><h4>Income #s</h4></a>
</div>
<div id="toggleNPInfo" class="minifloatbox">
<a onclick="Molpy.ToggleView('NPInfo')"><h4>NewPix Info</h4></a>
</div>
<div id="toggleClock" class="minifloatbox">
<a onclick="Molpy.ToggleView('Clock')"><h4>Clock</h4></a>
</div>
<div id="toggleTimer" class="minifloatbox">
<a onclick="Molpy.ToggleView('Timer')"><h4>Timer</h4></a>
</div>
<div id="toggleDragonsNP" class="minifloatbox">
<a onclick="Molpy.ToggleView('DragonsNP')"><h4>NP Dragons Info</h4></a>
</div>
<div id="toggleDragonOverview" class="minifloatbox">
<a onclick="Molpy.ToggleView('DragonOverview')"><h4>Dragon Overview</h4></a>
</div>
</div>
</div>
</div>
<div id="sectionFile" class="hidden draggable-element table-wrapper">
<div id="sectionFileBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div class="minifloatbox">
<a onclick="Molpy.Save()"><h4>Save</h4></a>
</div>
<div class="minifloatbox" >
<a onclick="Molpy.Load()"><h4>Load</h4></a>
</div>
<div id="toggleExport" class="minifloatbox">
<a onclick="Molpy.ToggleView('Export')"><h4>Export</h4></a>
</div>
<div class="minifloatbox">
<a onclick="Molpy.Import()"><h4>Import</h4></a>
</div>
<div class="minifloatbox">
<a onclick="Molpy.Down()">Molpy Down</a>
</div>
<div class="minifloatbox">
<a onclick="Molpy.Coma()">Coma</a>
</div>
</div>
</div>
</div>
<div id="sectionLinks" class="hidden draggable-element table-wrapper">
<div id="sectionLinksBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div class="minifloatbox">
<a href="index.html" target="_blank"><h4>Index</h4></a>
</div>
<div class="minifloatbox">
<a href="https://github.com/eternaldensity/Sandcastle-Builder/tree/gh-pages#sandcastle-builder" target="_blank"><h4>Readme</h4></a>
</div>
<div class="minifloatbox">
<a href="https://xkcd.com/1190/" target="_blank"><h4>Time Comic</h4></a>
</div>
<div class="minifloatbox">
<a href="http://1190.bicyclesonthemoon.info/ott/view" target="_blank"><h4>Time Forum Thread (Mirror)</h4></a>
</div>
<div class="minifloatbox">
<a href="https://wiki.chirpingmustard.com/Sandcastle_Builder" target="_blank"><h4>Game Wiki</h4></a>
</div>
<div class="minifloatbox">
<a href="https://www.reddit.com/r/SandcastleBuilder/" target="_blank"><h4>Reddit</h4></a>
</div>
<div class="minifloatbox">
<a href="https://twitter.com/HotdogVendorED" target="_blank"><h4>Dev Twitter</h4></a>
</div>
</div>
</div>
</div>
<div id="sectionOptions" class="hidden draggable-element table-wrapper">
<div class="table-header">Options:</div>
<div id="sectionOptionsBody" class="table-content-wrapper resizable-element">
<div id="optionsItems"></div>
</div>
</div>
<div id="sectionStats" class="hidden draggable-element table-wrapper">
<div class="table-header">Stats:</div>
<div id="sectionStatsBody" class="table-content resizable-element">
<div class="table-content-wrapper" id="statsTabButtons">
<div id="toggleSandStats" class="minifloatbox" >
<a onclick="Molpy.ToggleView('SandStats')">Sand Stats</a>
</div>
<div id="toggleGlassStats" class="minifloatbox" >
<a onclick="Molpy.ToggleView('GlassStats')">Glass Stats</a>
</div>
<div id="toggleNinjaStats" class="minifloatbox" >
<a onclick="Molpy.ToggleView('NinjaStats')">Ninja Stats</a>
</div>
<div id="toggleDragonStats" class="minifloatbox" >
<a onclick="Molpy.ToggleView('DragonStats')">Dragon Stats</a>
</div>
<div id="toggleOtherStats" class="minifloatbox" >
<a onclick="Molpy.ToggleView('OtherStats')">Other Stats</a>
</div>
</div>
</div>
</div>
<div id="sectionSandStats" class="hidden draggable-element table-wrapper">
<div class="table-header">Sand Stats:</div>
<div id="sectionSandStatsBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div>Total Sand Dug: <span id="totalsandstat"></span></div>
<div>Sand Dug by Hand: <span id="manualsandstat"></span></div>
<div>Sand Clicks: <span id="clicksstat"></span></div>
<div>Sand per Click: <span id="spclickstat"></span></div>
<div>Total Sand Spent: <span id="sandspentstat"></span></div><br>
<div>Total Castles Built: <span id="totalcastlesstat"></span></div>
<div>Total Castles Destroyed: <span id="destroyedcastlesstat"></span></div>
<div>Total Castles Sacrificed: <span id="downcastlesstat"></span></div>
<div>Total Castles Spent: <span id="spentcastlesstat"></span></div><br>
<div>Sand Tools Owned: <span id="sandtoolsownedstat"></span></div>
<div>Castle Tools Owned: <span id="castletoolsownedstat"></span></div>
<div>Global Sand/mNP multiplier: <span id="sandmultiplierstat"></span></div>
</div>
</div>
</div>
<div id="sectionGlassStats" class="hidden draggable-element table-wrapper">
<div class="table-header">Glass Stats:</div>
<div id="sectionGlassStatsBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div>Glass Chips Stored: <span id="glasschipstat"></span></div>
<div>Glass Blocks Stored: <span id="glassblockstat"></span></div>
<div>Sand used in Glass Production: <span id="sandusestat"></span></div><br>
<div id="chipspmnp">Net chips per mNP (roughly): <span id="chipspmnpstat"></span></div>
<div id="blockspmnp">Blocks per mNP (roughly): <span id="blockspmnpstat"></span></div><br>
<div>Total Chips Made by Tools: <span id="totaltoolchipsstat"></span></div>
<div>Total Chips Destroyed by tools: <span id="destroyedtoolchipsstat"></span></div>
<div>Chips Made by Hand: <span id="manualchipsstat"></span></div>
<div>Chips per Click: <span id="chipclickstat"></span></div>
</div>
</div>
</div>
<div id="sectionNinjaStats" class="hidden draggable-element table-wrapper">
<div class="table-header">Ninja Stats:</div>
<div id="sectionNinjaStatsBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div>NewPixBot delay: <span id="ninjatimestat"></span></div>
<div>Ninja Stealth Streak: <span id="ninjastealthstat"></span></div>
<div>Ninja Forgiveness Available: <span id="ninjaforgivestat"></span></div><br>
</div>
</div>
</div>
<div id="sectionDragonStats" class="hidden draggable-element table-wrapper">
<div class="table-header">Dragon Stats:</div>
<div id="sectionDragonStatsBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div>Dragon Type: <span id="dragontypestat"></span></div>
<div>Dragon Numbers: <span id="dragonnumbersstat"></span></div>
<div>NPs with Dragons: <span id="npswithdragonsstat"></span></div>
<div>Dragon Digging Rate: <span id="dragondiggingstat"></span></div>
<div>Dragons lost fighting: <span id="dragonsloststat"></span></div>
<div>Dragon fights: <span id="dragonfightstat"></span></div>
</div>
</div>
</div>
<div id="sectionOtherStats" class="hidden draggable-element table-wrapper">
<div class="table-header">Other Stats:</div>
<div id="sectionOtherStatsBody" class="table-content resizable-element">
<div class="table-content-wrapper">
<div>Times Loaded: <span id="loadcountstat"></span></div>
<div>mNP since last autosave: <span id="autosavecountstat"></span></div>
<div>Times Saved: <span id="savecountstat"></span></div>
<div>Notifications Received: <span id="notifstat"></span></div><br>
<div>Boosts Owned: <span id="boostsownedstat"></span></div>
<div>Badges Earned: <span id="badgesownedstat"></span></div><br>
<div>Discoveries Found: <span id="discoveriesstat"></span></div>
<div>Sand Monuments Made: <span id="sandmonstat"></span></div>
<div>Glass Monuments Made: <span id="glassmonstat"></span></div><br>
<div>Diamond Masterpieces Made: <span id="diammaststat"></span></div><br>
<div><span id="redactedstat"></span></div>
<div><span id="redactedmaxstat"></span></div><br>
<div>Logicat Level: <span id="logicatstat"></span></div>
<div>Blackprints Collected: <span id="blackstat"></span></div>
<div>Save Storage Method: <span id="storagestat"></span></div>
</div>
</div>
</div>
<div id="sectionLog" class="hidden draggable-element table-wrapper">
<div id="logTitle" class="table-header"></div>
<div id="sectionLogBody" class="table-content resizable-element">
<div id="logItems" class="table-content-wrapper">
</div>
</div>
<input type="Button" value="Back" onclick="Molpy.LogBack()">
<input type="Button" value="Forward" onclick="Molpy.LogForward()">
<input id="logCurrent" type="Button" value="Current" onclick="Molpy.LogCurrent()">
<input id="logClear" type="Button" value="Clear Log" onclick="Molpy.ClearLog()">
</div>
<div id="sectionQuickLayout" class="hidden draggable-element table-wrapper">
<div id="sectionQuickLayoutBody" class="table-content resizable-element">
<div id="quickLayouts" class="table-content-wrapper">
</div>
</div>
</div>
<div id="sectionCodex" class="hidden draggable-element table-wrapper">
<div class="table-header">Codex</div>
<div id="sectionCodexBody" class="table-content resizable-element">
<div id="codices" class="table-content-wrapper">
<div>So, this is the Codex, where lots of important and helpful information will be presented as it becomes available. This will mean there will be less infodumping in Boost and Badge descriptions (and stats) once I actually do this. But I'll start on that in a future version.</div><br>
<div>In the meantime, some FAQ:</div><br>
<div>Q: Why are my ladders producing 0 sand?</div>
<div>A: Because you have Broken Rung and 0 of a tool (likely LaPetite).</div>
<div>Q: Why is my sand rate 0?</div>
<div>A: Because you're using it all to make glass (check your glass stats)</div>
<div>Q: Why are my glass tools not working?</div>
<div>A: Because your sand rate is 0 (see above).</div>
<div>Q: I have Ceiling Broken and locked a Glass Ceiling, how do I get it back?</div>
<div>A: Wait and it'll be unlocked by the DoRD eventually.</div>
<div>Q: What does DoRD mean?</div>
<div>A: Department of Redundancy Department.</div>
<div>Q: Where did 100 Logicat levels go?</div>
<div>A: You hit infinite Judgement Dip destruction and 101 Logicat levels, so 100 levels were spent to unlock Bacon.</div>
<div>Q: Why didn't you warn me that would happen?</div>
<div>A: ...oops</div>
<div>Q: Why do you use the word 'Dip' strangely And what are all these other strange words?</div>
<div>A: In the Links pane, open the Time Wiki and find the Glossary.</div>
<div>Q: Why is the wiki horribly wrong / out of date?</div>
<div>A: Because it hasn't been fixed/updated. You could change that.</div>
<div>Q: Why is the wiki full of annoying ads?</div>
<div>A: Dunno, I don't control it. Anyhow, I use adblock, when I visit it at all.</div>
<div>Q: Isn't there another dedicated wiki somewhere?</div>
<div>A: I think so, but I haven't seen it myself and don't remember where it is (also I could probably set up a wiki for the project on GitHub but I don't think we need yet another, right?)</div>
<div>Q: Why don't you just tell me what Dip means? And Molpy?</div>
<div>A: Dip means Day and a Molpy (a portmanteau of mole and Compsognathus (a small dinosaur) is a miscellaneous cute animal, possibly associated with grapevines...</div>
<div>Q: Are you actually frequently asked that?</div>
<div>A: No.</div>
<div>Q: Do you know Swedish?</div>
<div>A: No.</div>
<div>Q: I moved and resized some stuff and clicked Save Layouts but when I loaded I found it hadn't saved.</div>
<div>A: That's not a question. What happened is you didn't click Overwrite. But don't worry: you look at the end of the layouts list and you'll find one called "temporary" which should have your unsaved changes.</div>
<div>Q: What's with Math.floor(Math.PI)?</div>
<div>A: It's totally three.</div>
<div>Q: Why can't I hide the Tool Factory production box?</div>
<div>A: Maybe in the next version.</div>
<div>Q: Why can't I deactivate NewPixBot Navigation Code?</div>
<div>A: You're in stats mode. Hide the stats pane and the button will show up (this applies to various other stuff also).</div>
</div>
</div>
</div>
<div id="sectionAlerts" class="hidden draggable-element table-wrapper">
<div class="table-header">Alerts</div>
<div id="sectionAlertsBody" class="table-content resizable-element">
<div id="alerts" class="table-content-wrapper">I think this will largely replace notifications. Not quite sure yet. Anyhow it's a placeholder at the moment.
</div>
</div>
</div>
<div id="sectionExport" class="hidden draggable-element table-wrapper">
<div class="table-header">Exported Save Data: (Keep this somewhere safe)</div>
<div id="sectionExportBody" class="table-content resizable-element">
<textarea onkeydown=Molpy.KeyDown id="exporttext" class="table-content-wrapper">
</textarea>
</div>
</div>
<div id="sectionFaves" class="hidden draggable-element table-wrapper">
<div class="table-header">Favourites</div>
<div class="table-header">
<select id="selectFave" name="selectFave" onchange="Molpy.SelectFave(this)">
</select>
</div>
<div id="sectionFavesBody" class="table-content resizable-element">
<div id="faveControls" class="table-content-wrapper hidden">
<div id="toggleFave" class="minifloatbox">
<a onclick="Molpy.ToggleFave()">Visible</a>
</div>
<div id="configureFave" class="minifloatbox">
<a onclick="Molpy.ConfigureFave()">Choose</a>
</div>
</div>
</div>
</div>
<div id="sectionFavePanes">
</div>
<div id="sectionLayouts" class="hidden sectionLayout draggable-element table-wrapper">
<div class="table-header">Layouts</div>
<div class="table-header layoutcontrols">
<div class="minifloatbox">
<a onclick="Molpy.LoadLayouts()">Load Layouts</a>
</div>
<div class="minifloatbox">
<a onclick="Molpy.SaveLayouts()">Save Layouts</a>
</div>
<div id="toggleLockLayout" class="minifloatbox">
<a onclick="Molpy.LockLayoutToggle()">Lock Layout</a>
</div>
<div id="toggleSnap" class="minifloatbox depressed">
<a onclick="Molpy.SnapLayoutToggle()">Snap to Panes</a>
</div>
<div id="toggleGrid" class="minifloatbox depressed">
<a onclick="Molpy.GridLayoutToggle()">Snap to Grid</a>
</div>
</div>
<div id="sectionLayoutsBody" class="table-content resizable-element">
<div id="layouts" class="table-content-wrapper">
</div>
</div>
<div class="table-footer layoutcontrols">
<div class="minifloatbox">
<a onclick="Molpy.NewLayout()">New From Screen</a>
</div>
<div class="minifloatbox">
<a onclick="Molpy.ImportLayout()">Import New</a>
</div>
<div id="toggleQuickLayout" class="minifloatbox">
<a onclick="Molpy.ToggleView('QuickLayout')">Show Quick-Change</a>
</div>
</div>
</div>
<div id="sectionSandCounts" class="hidden floatbox infobox draggable-element">
<div id="castlecount"></div>
<div id="sandcount"></div>
<div id="sandrate"></div>
</div>
<div id="sectionTFCounts" class="hidden floatbox infobox draggable-element">
<div id="chipcount"></div>
<div id="chiprate"></div>
<div id="newtools"></div>
</div>
<div id="sectionStuffCounts" class="hidden draggable-element table-wrapper">
<div id="sectionStuffCountsBody" class="table-content resizable-element">
<div id="stuffItems" class="table-content-wrapper">
<div id="stuffSandCount"></div>
<div id="stuffCastleCount"></div>
<div id="stuffTFChipCount"></div>
</div>
</div>
</div>
<div id="sectionIncomeCounts" class="hidden draggable-element table-wrapper">
<div id="sectionIncomeCountsBody" class="table-content resizable-element">
<div id="incomeItems" class="table-content-wrapper">
<div id="incomeSandRate"></div>
<div id="incomeSandClickRate"></div>
<div id="incomeChipRate"></div>
<div id="incomeChipClickRate"></div>
<div id="incomeNewTools"></div>
</div>
</div>
</div>
<div id="sectionNPInfo" class="hidden floatbox infobox draggable-element">
<div id="newpixnum" class="timeflip"></div>
<div id="eon" class="timeflip"></div>
<div id="era" class="timeflip"></div>
<div id="period" class="timeflip"></div>
</div>
<div id="sectionAbout" class="hidden floatbox infobox draggable-element">
<div id="version"></div>
</div>
<div class="hidden minifloatbox draggable-element" id="sectionTimer">Timer
</div>
<div id="sectionClock" class="hidden draggable-element">
<div id="clockface">
</div>
</div>
<div id="sectionDragonsNP" class="hidden floatbox infobox draggable-element">
<div id="DragonsNP">
</div>
</div>
<div id=overviewtip class="hidden doverhover">
</div>
<div id="sectionDragonOverview" class="hidden draggable-element table-wrapper">
<div id="storylineButtons"></div>
<div id="sectionDragonOverviewBody" class="table-content resizable-element">
<div id="dragonoverviewindexdiv" class="table-content resizable-element">
<canvas id="dragonoverviewindex" width=500 height=100>
</canvas>
</div>
<div id="dragonoverviewmaindiv" class="table-content-wrapper">
<canvas id="dragonoverviewmain" width=500 height=800>
</canvas>
</div>
</div>
</div>
</div>
<div id="notifs"></div>
<div id="masters"></div>
<div id="redactedSpoiler"></div>
</body>
</html>