User:ZASNK/Sandbox

It's a secret
to everyone

Welcome to my sandbox.
Some tests are here.

• 
• 

• 
• 
• 
• 

• 
• 
• 
• 

• 
• 
• 
• 

Wiki Guides

Standards

To maintain a consistent and cohesive experience, there are certain standards that are expected on YumeWiki. Most of these are explained in the Style Guide. Below are some that are not.

Filenames

Filenames should be descriptive in what they contain, but short enough to be convenient. An image of a connection between two locations would probably include the locations' names, but writing their full, unabbreviated names would make the filename ridiculously long and annoying to use. Writing generic names such as connection2.png creates a similar issue, where it is still hard to use due to being hard to discover and keep track of.

Template Documentation

To write documentation for templates, you can use Template:Documentation/preload as a base. When adding {{documentation}} to a page without a doc, pressing the link "Create documentation" will automatically use the preload file.

Copy and Paste

Youtube Video Embed

Embed youtube videos in a vertical stack, with the video titles as captions underneath. For example, see Yume 2kki:Obstacle Course (revision Template:Oldid).

{{#ev:youtube|WATCHID|dimensions=320x180|alignment=right|description=CAPTION|container=frame}}

To have more than one video appear side-by-side, choose alignment=inline.

To have these videos centered, do the following, as was done on Yume Nikki:Frog (revision Template:Oldid):

<div style="text-align: center;">
{{#ev:youtube|WATCHID|dimensions=320x180|alignment=inline|description=CAPTION|container=frame}}
{{#ev:youtube|WATCHID1|dimensions=320x180|alignment=inline|description=CAPTION1|container=frame}}
</div>

To have the video appear somewhat inline with a gallery, copy the following as in Yume Nikki:Block World (revision Template:Oldid):

<div style="display:flex; flex-direction:row; flex-wrap:wrap">
<div style="flex-basis:calc(100% - 320px)"><gallery>
...
</gallery></div>
<div style="flex-basis:320px;">{{#ev:youtube|WATCHID|dimensions=320x180|alignment=inline|description=CAPTION|container=frame}}</div></div>

Helpful Formatting

Useful Characters

Character	Name	Unicode/HTML	Usage
#	Number Sign	U+0023 &num	The number sign, also called a pound or hash symbol. The HTML entity can allow escaping certain situations.
|	Vertical Line	U+007C &VerticalLine &#124	The pipe character, also called the vertical line or bar, is used extensively for Mediawiki parsing. The HTML entity escapes these situations. To delay the parsing instead of prevent it, use {{!}}.
·	Middle Dot	U+00B7 &middot &centerdot	Solid dot that is in the middle of a line.
←	Leftwards Arrow	U+2190 &larr	Leftwards arrow as one character.
↑	Upwards Arrow	U+2191 &uarr	Upwards arrow as one character. Can be used for "to top" links.
→	Rightwards Arrow	U+2192 &rarr	Rightwards arrow as one character. Used when listing directions on location pages.
↔	Left Right Arrow	U+2194 &harr	Arrow that points both left and right. Can be used to show a relation between two elements.
∕	Division Slash	U+2215	Appears to be a forward slash. Since it has the same appearance but no function, it can help with presenting HTML.
＞	Fullwidth Greater-Than Sign	U+FF1E	Fake greater-than > symbol. Presented wider than the normal one.
＜	Fullwidth Less-Than Sign	U+FF1C	Fake less-than > symbol. Presented wider than the normal one.

General

Code	Example Input	Output	Explanation
<nowiki></nowiki>	<nowiki>'''text'''</nowiki>	'''text'''	Escapes wiki markup and stops formatting code like <pre> from being recognized.
<pre></pre>	<pre>text</pre>	text	Completely preformats text. All wiki markup, template calls, links, parser functions, HTML codes, and comments are completely ignored and are treated as raw text.
	<pre style="color: red">text</pre>	text	You can add HTML styles to preformatted text, like with divs and spans.
<code></code>	<code>text</code>	text	Fixes the width of text and applies a background like with the <pre></pre> tags.
<u></u>	<u>text</u>	text	Underlines text.
<sup></sup>	text<sup>text</sup>	texttext	Superscript.
<sub></sub>	text<sub>text</sub>	texttext	Subscript.
<big></big>	<big>text</big>	text	Makes text bigger.
<h3></h3>	<h3>ctrt</h3>	(blanked)	Defines a header using HTML, equivalent to ===this=== in wikitext. The number defines the header level from 1-6. Links to the header will work and it will appear in the TOC.
<mark></mark>	<mark>text</mark>	text	Highlight text.
<span class="spoiler"></span>	<span class="spoiler">text </span>	text	Hides text underneath a spoiler. Visible when selecting it on PC or tapping it on mobile. May not work when using certain wiki skins.
<br>	text1<br>text2	text1 text2	Places a line break in text.
<br clear=all>	[[File:Cagedfairy.png |thumb|right|Text]] <br clear=all> text	Text text	Places a line break whilst forcing following elements to only appear after preceding elements are fully shown.
	[[File:Cagedfairy.png |thumb|right|Text]] text	Text text	The same example without <br clear=all>, for reference.
<blockquote></blockquote>	<blockquote>text </blockquote>	text	Presents text in a blockquote (indent)
<span id=""></span>	<span id="aexgda"></span>		Include anywhere on the page to create an invisible link anchor: User:ZASNK/Sandbox#aexgda. This can be placed within a header (inside of the equal signs) to make an alternate header link.
<!---->	<!--text-->		Comments. Completely hidden from the page, but visible when editing.

Div Styles and Classes

Style/Class	Example Input	Output	Explanation
style="text-align: center;"	<div style="text-align: center;">text</div>	text	This div style forces inline elements to be presented in the center of a page.
style="-webkit-column-count:2;column-count:2;"	<div style="-webkit-column-count:2;column-count:2;">text1 text2 text3</div>	text1 text2 text3	Formats text into the specified number of columns. (the "-webkit-column-count:2;" seems to be useless, but it might be needed for special cases)
style="display: flex; flex-direction: row;"	<div style="display: flex; flex-direction: row;"><gallery widths=40 heights=40> Cagedfairy.png|Text </gallery>[[File:Boyoutline.png |thumb|Text]]</div>	Text Text	Present divs in a row. In the example it shows that you can place an element next to a gallery, which is usually not possible.
Collapsible Sections
class="mw-collapsible"	<div class="mw-collapsible">text1 <br>text2</div>	text1 text2	Allows text to be collapsed.
class="mw-collapsible mw-collapsed"	<div class="mw-collapsible mw-collapsed">text1 <br>text2</div>	text1 text2	Adding mw-collapsed makes it collapsed by default. Note: a page anchor within the collapsed element will have it automatically open when you follow the link.
class="toccolours mw-collapsible"	<div class="toccolours mw-collapsible">text1 <br>text2</div>	text1 text2	Adding toccolours gives the content the style of the table of contents (hence toccolours).
class="mw-collapsible-content"	<div class="toccolours mw-collapsible mw-collapsed">text1<div class="mw-collapsible-content">text2</div></div>	text1 text2	Use a separate div within the collapsible content one to define this inner div as the content to be collapsed. The text in the outer div but not the inner becomes a header for the collapsible content.

List Formatting

Code	Example Input	Output	Explanation
<ul> </ul>	<ul> text1 text2<br>text 3 text 4</ul>	text1 text2 text3 text4	Text is formatted in an unordered list.
	<div style="text-align: center;"><ul> text1<br>text2 </ul></div>	text1 text2	You can place the list in a div to apply div styles to the whole list. Useful to center images in a list.
<li> </li>	<li>text1</li> <li>text2</li>	text1 text2	Gives text elements the style of being in a list. More importantly, allows to separate them into groups.
<ul> <li> </li> </ul>	<ul> <li>text1</li> <li>text2</li> </ul>	text1 text2	The combination of the two gives the best output. <li> </li> is used to separate the two.
style="display: inline-block;"	<ul> <li style="display: inline-block;> [[File:Cagedfairy.png |thumb|Text]] </li> <li style="display: inline-block;"> [[File:Boyoutline.png |thumb|Text]] </li> </ul>	Text Text	This list style forces floating elements such as image thumbs to appear on the same line, even if they are otherwise unable.
style="vertical-align: middle;"	<ul> <li style="display: inline-block; vertical-align: middle;"> [[File:Cagedfairy.png |thumb|Text]] </li> <li style="display: inline-block; vertical-align: middle;"> [[File:Boyoutline.png |thumb|Text]] </li> </ul>	Text Text	This list style can be used in addition to the previous one to align the elements to the top, middle, or bottom of the lines they are occupying.

Tables

Code	Usage
class="wikitable"	Use at the table start to make it look like a standard table.
class="sortable"	Adding this class to a table will allow you to sort the entire table columns of your choice.
class="unsortable"	This class can be used on column headers to disable sorting the table by that column.
style="width: 100%;"	At the table start, forces the table to fit a percentage of the screen width, regardless of size. At the first row of a column, forces that column to fit a percentage of the table width.
style="vertical-align: top;"	Change the vertical alignment of elements in a cell (the default is middle).

Other

Code	Usage
resultsheader= «pre»«nowiki»|resultsfooter= «/nowiki»«/pre»	Add to the end of a DPL parser function and the output will be unformatted.

Game Guides

Face Any Direction

You can face any direction you want on any tile in Yume Nikki's dream worlds, using the power of glitches. This guide outlines how to face whichever direction you want on any given tile assuming you can't do it manually by walking into it and/or sitting down.

Dream World

• Face DOWN by using Cat or Faceless Ghost.
• Face RIGHT by sitting down with 1 after facing DOWN.
• Face UP by performing the following:

1. Equip Frog in the chair
2. Go to the tile you wish to face UP on and face DOWN on that tile
3. Use the Frog effect
4. Wait for Madotsuki to appear sitting down
5. Equip any effect

• Face LEFT by equipping the Faceless Ghost effect in the chair then using it.

Using Towel after equipping it in the chair can force you to face UP or LEFT as well, but it's hard to get to a state where you aren't also sitting down, so it's best to use one of the explained methods instead.

FC World

• Face DOWN by using Cat or Faceless Ghost.
• Face RIGHT by sitting down with 1 after facing DOWN.
• Face UP by performing one of the following:

1. If you can face LEFT on the tile:
   1. Equip Frog in the chair
   2. Go to the tile you wish to face UP on and face LEFT on that tile
   3. Use the Frog effect
   4. Wait for Madotsuki to appear sitting down
   5. Equip any effect
2. If you cannot face LEFT on the tile:
   1. Equip Towel in the chair
   2. Go to the tile you wish to face UP on
   3. Spam 1 to use the Towel effect until you somehow end up facing UP (yes, I know this sounds silly, but it works)
   4. Wait for Madotsuki to appear sitting down
   5. Equip any effect

• Face LEFT by equipping Towel in the chair then using it on the tile.

Real World

• Face DOWN by pressing 9 to pinch your cheek.
• Face RIGHT by sitting down with 1 after facing DOWN.
• You cannot face UP on every tile in the Real World.
• Face LEFT by performing the following:

1. Go to the Dream World
2. Perform the Broken Instructions glitch to store the instructions
3. Press 9 to wake up with the instructions stored
4. Sit down while facing LEFT on any tile
5. Press Z and close the instructions
6. Move to the tile you wish to face LEFT on (you will have glitched movement)
7. Wait for Madotsuki to tilt her head (second sitting down state)
8. Press 1 to stand up.

Saved Code

BGM

This is what forces a no breaking space in the soundroom param of the BGM template.

Example:

(No. 026 D)

With check:

NONE

Test Space

Random

Test anything here

Countdown

12:09

1209

0

00300

$timestamp = strtotime("20230120171222");