Please remember that WiKirby contains spoilers, which you read at your own risk! See our general disclaimer for details.

WiKirby:Sandbox: Difference between revisions

From WiKirby, your independent source of Kirby knowledge.
Jump to navigationJump to search
m (Cleaning out this part of the sandbox, and adding the help navbox.)
Line 22: Line 22:


==Other tests==
==Other tests==
===Responsive===
<!-- box start -->
<div class="evolutions-box" style="border: 1px solid #A00; background-color: #DE8; {{Round}}; text-align: center; max-width: 660px; margin: auto">
<div style="background-color: #6C9; {{Round}}; padding: 2px; margin: 2px">'''Cutter Evolutions'''</div>
<div class="row">
<div class="col">
[[File:CutterKTDX.png|x96px]]<br>'''[[Cutter]]'''
</div>
<div class="col-12 col-md-1" style="align-self: center">
<div class="d-none d-md-block">{{large|⇿}}</div>
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div>
</div>
<div  class="col">
[[File:KatFL Chakram Cutter Kirby artwork.png|x96px]]<br>'''[[Chakram Cutter]]'''
</div>
<div  class="col-12 col-md-1" style="align-self: center">
<div class="d-none d-md-block">{{large|⇿}}</div>
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div>
</div>
<div class="col" >
[[File:KatFL Buzz-Saw Cutter Kirby artwork.png|x96px]]<br>'''[[Buzz-Saw Cutter]]'''
</div>
</div>
</div>
<!-- box end -->
<!-- box start -->
<div class="evolutions-box" style="border: 1px solid #A00; background-color: #DE8; {{Round}}; text-align: center; max-width: 800px; margin: auto">
<div style="background-color: #6C9; {{Round}}; padding: 2px; margin: 2px">'''Hammer Evolutions'''</div>
<div class="row">
<div class="col">
[[File:KF2 Hammer artwork.png|x96px]]<br>'''[[Hammer]]'''
</div>
<div class="col-12 col-md-1" style="align-self: center">
<div class="d-none d-md-block">{{large|⇿}}</div>
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div>
</div>
<div  class="col">
[[File:KatFL Toy Hammer Kirby artwork.png|x96px]]<br>'''[[Toy Hammer]]'''
</div>
<div  class="col-12 col-md-1" style="align-self: center">
<div class="d-none d-md-block">{{large|⇿}}</div>
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div>
</div>
<div class="col" >
[[File:KatFL Wild Hammer Artwork.png|x96px]]<br>'''[[Wild Hammer]]'''
</div>
<div  class="col-12 col-md-1" style="align-self: center">
<div class="d-none d-md-block">{{large|⇿}}</div>
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div>
</div>
<div class="col" >
[[File:KatFL Masked Hammer Render.png|x96px]]<br>'''[[Masked Hammer]]'''
</div>
</div>
</div>
<!-- box end -->
<!-- box start -->
<div class="evolutions-box" style="border: 1px solid #A00; background-color: #DE8; {{Round}}; text-align: center; max-width: 350px; margin: auto">
<div style="background-color: #6C9; {{Round}}; padding: 2px; margin: 2px">'''Sleep Evolutions'''</div>
<div class="row">
<div class="col">
[[File:KatFL Sleep Kirby artwork.png|x96px]]<br>'''[[Sleep]]'''
</div>
<div class="col-12 col-md-1" style="align-self: center">
<div class="d-none d-md-block">{{large|⇿}}</div>
<div class="d-block d-md-none" style="transform: rotate(90deg);">{{large|⇿}}</div>
</div>
<div  class="col">
[[File:KatFL Deep Sleep Artwork.png|x96px]]<br>'''[[Deep Sleep]]'''
</div>
</div>
</div>
<!-- box end -->
The only caveat of this responsive style is that it needs the CSS extension tag to adapt the width specifically better when the screen is smaller.
<pre>
<!--
-->{{#css: @media (max-width: 768px) { .evolutions-box { width: 200px } } }}<!--
-->
</pre>
TL;DR: when the screen is smaller than 768px width, the boxes (which have a class called <code>evolutions-box</code> will have a fixed width of 200px. If this is not applied, the responsive behaviour is not lost, but the boxes will fill 100% of the width left.
<!--
-->{{#css: @media (max-width: 768px) { .evolutions-box { width: 200px } } }}<!--
-->
====Table boxes====
{|width="30%" style="border: 1px solid #A00; text-align: center; margin:auto; background-color: #DE8; {{Round}}"
{|width="30%" style="border: 1px solid #A00; text-align: center; margin:auto; background-color: #DE8; {{Round}}"
! colspan="7" style="background-color: #6C9; {{Round}}"  | Cutter Evolutions
! colspan="7" style="background-color: #6C9; {{Round}}"  | Cutter Evolutions

Revision as of 16:42, 15 July 2022

Sandbox.png
Welcome to WiKirby's Sandbox! This page is for editing experiments. Feel free to try your skills at formatting here. To edit, click here or click edit at the top of the page, make your changes in the dialog box, and click the Save page button when you are finished. However, make sure you have everything down and that you checked it for errors so you don't have to keep editing the same thing! Content added here will not remain permanently; this page is cleared every so often.

Please remember to mind your manners while using the sandbox, and do not place anything in here that goes against policy.

Once you have learned how to edit a page, why not read the help guide for some information on how to edit and format articles?



Collapsible Template:Mature

KSS Vul Portrait 5.png
Warning: The following section contains official content that may be interpreted as unsuitable for a younger audience.
  • In the last room, the star blocks form a crude shape depicting a happy face, followed by what appear to be the breasts, navel, and groin of an adult woman, which cannot fit a single screen. It is unclear why this formation exists in the stage, and has never been officially acknowledged by HAL Laboratory or by Nintendo, although it was shown in the Nintendo Official Guidebook for the game.
Please skip to the next heading if you wish to avoid such material.

Made for a start, in regard of the ongoing referendum. If you can, feel free to improve them. Regardless of what comes out of the spoiler referendum, I expect something like this to be used for mature sections anyway. ⁠–⁠Wiz (talk · edits) 17:18, 19 May 2022 (UTC)

Other tests

Responsive

Cutter Evolutions


Hammer Evolutions


Sleep Evolutions

The only caveat of this responsive style is that it needs the CSS extension tag to adapt the width specifically better when the screen is smaller.

<!--
-->{{#css: @media (max-width: 768px) { .evolutions-box { width: 200px } } }}<!--
-->

TL;DR: when the screen is smaller than 768px width, the boxes (which have a class called evolutions-box will have a fixed width of 200px. If this is not applied, the responsive behaviour is not lost, but the boxes will fill 100% of the width left.

Table boxes

Cutter Evolutions
CutterKTDX.png
Cutter
KatFL Chakram Cutter Kirby artwork.png
Chakram Cutter
KatFL Buzz-Saw Cutter Kirby artwork.png
Buzz-Saw Cutter
Hammer Evolutions
KF2 Hammer artwork.png
Hammer
KatFL Toy Hammer Kirby artwork.png
Toy Hammer
KatFL Wild Hammer Artwork.png
Wild Hammer
KatFL Masked Hammer Render.png
Masked Hammer
Sleep Evolutions
KatFL Sleep Kirby artwork.png
Sleep
KatFL Deep Sleep Artwork.png
Deep Sleep

Various DPL stuff

Should automatically update, but you may need to purge the page cache to see it.

Not good stuff

Each of these three lists display only 50 items. Excludes files in any of the following categories: Good images, Low quality images, FANDOM sourced images, YouTube sourced images, and Files lacking sources. (Joke images, Personal media, Upscaled images, and Files lacking source links should be too, but technical limitations.)

Not good images  

Extension:DynamicPageList3 (DPL3), version 3.5.2: Error: At least one category must be chosen to use 'addfirstcategorydate=true' or 'ordermethod=categoryadd'.

Not good images skipped by the offset  

Extension:DynamicPageList3 (DPL3), version 3.5.2: Error: At least one category must be chosen to use 'addfirstcategorydate=true' or 'ordermethod=categoryadd'.

Not good audio  

Excludes articles in Articles under construction, Articles with incomplete sections, Stubs, Image requested, and Pages needing attention. (Articles lacking sources and Pages needing a rewrite should be excluded too, but technical limitations.)

Not good pages  

Extension:DynamicPageList3 (DPL3), version 3.5.2: Error: You need to include at least one category, or specify a namespace!

Unsourced images by type (does not include YouTube/Fandom subcategories)

Unsourced screenshots  
Unsourced artwork  
Unsourced photos  
Unsourced everything else  

rctest

KSA Parasol Waddle Dee Pause Screen Artwork.png