This page serves as a playground to try new formats, to test certain things or anything. Anyone can edit this page as much as they want, as long as they are not removing text from other users. If you want to add something to this page or try something, please do so in a separate section/title or under a section with same title (if you want to experiment with tables, do so under the "Sandbox - tables" title).
How to align text in tables to the right: align="right"
<div style="display:none"> <!-- For mobile users. -->
//text here will be displayed only to mobile users
</div>
<div class="hidden"> <!-- For desktop users. -->
//text here will be displayed only to desktop users
</div>
Testing Lua
Hello Lua!
Testing templates
Sandbox - testing layout
Resources required |
x 5 |
---|---|
x 1000 | |
x 400 | |
x 200 | |
x 50 | |
x 10 | |
Time to build | 48h |
Unlocks | Caravan missions. |
Resources required File:Caravan level 2.jpg |
x 7 |
---|---|
x 1200 | |
x 600 | |
x 300 | |
x 50 | |
x 50 | |
Time to build | 24h |
Unlocks | One additional slot for an item to be sold and purchased. |
Resources required | x 5 |
---|---|
x 1000 | |
x 400 | |
x 200 | |
x 50 | |
x 10 | |
Time to build | 48h |
Unlocks | Caravan missions. |
Sandbox - overlimit experience
OL - overlimit experience per piece exceeding warehouse capacity: reward for solving a nonogram, level-up reward, expedition reward, production outcome, cauldron transmutation outcome, ship's expedition reward
XM/7 - transmutation experience for throwing 7 identical items into cauldron (always the same, regardless of transmutation material rewards)
XM/1 - experience per piece, calculated to check if there is common multiplier (relation between OL and XM); THERE ISN'T, but XM/1 is constant for each item, e.g.: 1xRAM+6xSTONE = 500/7+50/7*6 = 114.29 - and this (114) is what I've got
(made screenshots to support numbers above)
NOTES:
- you cannot buy in Shop such items that exceed warehouse limit;
- production outcome is not immediately converted (you may free up some space and then accept excess items into warehouse)
- XM/7 is basic xp (not incl. boost from Porcelain vase)
Items' "categories"
These items are sorted into based on their main function or use. Opinionated.
- Money (used mainly for buying and selling)
- Coin
- Ruby
- Gold ingot
- Treasure
- Dinar
- Weapon (used mainly for solving nonograms)
- Fan
- Arrows
- Katana
- Shuriken
- Spikes
- Boomerang
- Petard
- Bomb
- Mortar
- Battering ram
- Anchor
- Firework
- Elixir of insight
- Building material (used mainly for buildings)
- Wood
- Wooden beam
- Wooden plank
- Stone
- Steel
- Charcoal
- Gunpowder
- Iron sand
- Chemicals
- Food (used mainly for speeding up (experience, expeditions, production)
- Sushi
- Ramen
- Curry
- Cup of coffee
- Date cake
- Dates
- Olive oil
- Maps
- Treasure map fragment lvl. 1
- Treasure map fragment lvl. 2
- Treasure map fragment lvl. 3
- Treasure map fragment lvl. 4
- Treasure map lvl. 1
- Treasure map lvl. 2
- Treasure map lvl. 3
- Treasure map lvl. 4
- Smuggler's map Chapter III
- Smuggler's map Chapter IV
- Smuggler's map Chapter V
- Clothing
- Kimono
- Ninja suit
- Samurai armor
- Not sure
- Coffee beans
- Other/special/ingredient
- Spices
- Pearl
- Salmon
- Tuna
- Honey
- Paper
- Silk
- Glass
Sandbox - Expedition tasks
version 1
Expedition lvl. 1
1. Solve: any puzzle.
- Size: not less 10x10.
- Amount: 10
2. Solve: Black-and-White Nonograms.
- Size: not less 15x15.
- Amount: 5.
3. Solve: Colored Nonograms.
- Size: not less 15x15.
- Amount: 5.
4. Solve: True Nonograms (Sent by Users).
- Size: not less 20x20.
- Amount: 1.
version 2
Type | any puzzle |
---|---|
Size | not less 10x10 |
Amount | 10 |
Type | Black-and-White Nonograms |
Size | not less 15x15 |
Amount | 5 |
Type | Colored Nonograms |
Size | not less 15x15 |
Amount | 5 |
Type | True Nonogram (Sent by Users) |
Size | not less 20x20 |
Amount | 1 |
Sandbox - tables
testing...
Alternative:
(none) | Pirate hat | Ship in a bottle | Black pearl | |
---|---|---|---|---|
Spices | 20.0% | 25.0% | 25.0% | 25.0% |
Pearl | 16.0% | 20.0% | 20.0% | 25.0% |
Message in a bottle | 0.0% | 0.0% | 25.0% | 25.0% |
Anchor | 10.0% | 12.5% | 12.5% | 12.5% |
Salmon | 10.0% | 12.5% | 12.5% | 12.5% |
Random Event (general) | 56.0% | 70.0% | 95.0% | 100.0% |
following quasi-table (made of divs with specific width) again works only on desktop :(
it seems that mobile/responsive mode removes style attribute from divs...
Next table is built using straight HTML and it works good on both desktop/mobile :O
(though in mobile view it is enclosed in a div.article-table-wrapper, so its appearance is different... don't know if styling of the div may be overridden or maybe its class could by removed with javascript)
level | ||||||
1 | 15 | 2000 | 222 | 2212212 | 2 | 23333 |
Sadly it doesn't. We have to test with big and small numbers in columns and also more columns, so the mobile browser has to shrink the table.
note:
ruby picture below is defined in source as thumbnail of 40x40px
mobile/responsive mode must be using some backend scaling - inspector shows its HTML has width="20" and height="20" attributes; pic properties according to inspector:
Rendered size: 14 × 14 px Rendered aspect ratio: 1∶1 Intrinsic size: 20 × 20 px Intrinsic aspect ratio: 1∶1
so not only it is reduced in size by backend, but also frontend styles shrink it even more
This looks more like a table, doesn't it? Let's hope it works on mobile. Nope. It doesn't work on mobile.
:O
(none)
Spices
0%
0%
0%
0%
Pearl
0%
0%
0%
0%
Message in a bottle
0%
0%
0%
0%
Anchor
0%
0%
0%
0%
Salmon
0%
0%
0%
0%
This text will appear in the first column. That might depend on the quantity of text used inside the container. The latter portion of the text will overflow into the second column. This does depend on the number of columns you have as well.
(none) | File:Pirate hat.png | File:Ship in a bottle.png | File:Black pearl.png | |
---|---|---|---|---|
Spices | 20.0% | 25.0% | 25.0% | 25.0% |
Pearl | 16.0% | 20.0% | 20.0% | 25.0% |
Message in a bottle | 0.0% | 0.0% | 25.0% | 25.0% |
Anchor | 10.0% | 12.5% | 12.5% | 12.5% |
Salmon | 10.0% | 12.5% | 12.5% | 12.5% |
Random Event (general) | 56.0% | 70.0% | 95.0% | 100.0% |
Note: Lvl. 4 artifacts are obtained in order: Pirate hat, Ship in a bottle and Black pearl.
Sandbox - imagemaps
Back to Navigation page.
hmm, this script (js) can "reset" table wrappers in responsive mode (you can try it in browser's console after page is loaded):
for (t in document.getElementsByClassName('article-table-wrapper')) {document.getElementsByClassName('article-table-wrapper')[t].classList="";}
with jQuery is even simplier:
$('.article-table-wrapper').removeClass('article-table-wrapper')
or you can minimize padding for tablecells in responsive mode:
$('.article-table-wrapper td').css('padding','2px')
- and it affects only tablecells within that wrapper, so desktop mode should be unchanged... now it is only a question of injecting the code into every page (Common.js?) and executing it after page is loaded, maybe like this:
$(document).ready(function() {...});
Image confirming level 4 map rewards.