Sandbox page

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).
File:Coin.png|link=Coin
File:Dinar.png|link=Dinar
File:Crypto-coin.png|link=Crypto-coin
File:Ruby.png|link=Ruby
File:Mental power.png|link=Mental_power
File:Elixir of insight.png|link=Elixir_of_insight
File:Fan.png|link=Fan
File:Arrows.png|link=Arrows 
File:Spider-alphatest.png|link=Mechanical_spider
testing template adding a class:
Testing no-background images:
 / 
Styles applied because image is inside a certain container
 / 
Styles applied by directly referring to a css
 / 
How to align text in tables to the right: align="right"
 <!-- For mobile users. -->
//text here will be displayed only to mobile users
 <!-- For desktop users. -->
//text here will be displayed only to desktop users
Text you want to collapse or hide.
==Sandbox - tables==
 testing...
level
1
15
2000 
222
2212212
2
23333
Alternative:
How lvl. 4 artifacts affect random event chance
 	(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... 
level
1152
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 40x40x40px 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.
== Section header not showing! ==
== Bestiary Layout Test ==
== Compact layout ==
A more compact layout for the enemies page. [Doesn't contain actual enemy stats - only for display purposes.]
Kobold 	Kobold
A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now...	   3
A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now...	   8
A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now...	   1
A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now...	   3
A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now...	   10
Loot 	Loot
 	
Abilities 	Abilities
Ranged attacks (28) 	7
Retinue (17) 	3x Emerelf nymph
=== alartor tests ===
Test 03:
Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim)
   3 	   283 	   1 	   3 	   220
A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now... 	A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now... 	A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now... 	 	
Loot 	Loot 	Loot 	Loot 	Loot
Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)
Abilities 	Abilities 	Abilities 	Abilities 	Abilities
Ranged attacks (28) 	Ranged attacks (28) 	Ranged attacks (28) 	7 	7
Retinue (17) 	Retinue (17) 	Retinue (17) 	3x Emerelf nymph 	3x Emerelf nymph
Test 03a (by Crossblade):
Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim) 	Bone Dragon (with a vengeance)Boss 5C (23) (combat sim)
   3 	   283 	   1 	   3 	   220
 	 	A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now... 	A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now... 	A.K.A. Mushroomonster youngsterA.K.A. Octopus-in-a-barrelA.K.A. Batibat has 5 aka's...A.K.A. Yes, 5...A.K.A. For now...
Loot 	Loot 	Loot 	Loot 	Loot
Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)	Emerald key Emerald key (always)+Mechanical arithmetic logic unit (MALU) (first)Ancient page (until quest given)(14)Dragon teeth (subsequent)
Abilities 	Abilities 	Abilities 	Abilities 	Abilities
Ranged attacks (28) 	Ranged attacks (28) 	Ranged attacks (28) 	7 	7
Retinue (17) 	Retinue (17) 	Retinue (17) 	3x Emerelf nymph 	3x Emerelf nymph
== Creature page testlayout ==
This is my approach to create a page for all dungeon creatures together.
The idea behind it was, that when you are looking for an enemy, familiar etc. you only have a picture, no name or anything. Also they all basically look the same, so why not make a combination. So I thought we could create a list, similar to the items. As soon as you click on the picture, you will find all the information there is about that certain creature. Basically everything that fits the picture, no matter if familiar, NPC, enemy or whatever the future might bring us.
This is a first test, just to show you what I had in mind. For a start, I used the first 3 creatures from the F1 Bestiary.
I'd like to have clickable pictures like on the item page, but I don't know how to do that, so the links are in the description underneath the picture for now. I made 3 Test pages, one for each of the 3 test creatures. They are mainly for visual reasons, so you get a feeling for what I had in mind (I hope).
File:Creature-Giantoad.png|link=Testpage Giantoad|Giantoad
File:Creature-Flowerbeast.png|link=Testpage Flowerbeast|Flowerbeast
File:Creature-Funguy.png|link=Testpage Funguy|Funguy
__FORCETOC__
Category:Testing
Category:Community