Revision as of 16:06, 5 August 2023

It's a secret
to everyone

Welcome to my sandbox.
Some tests are here.

Wiki Guides

Header
One	Text
Two	Text
Three	Text
Four	Text

Header
One	Text
Two	Text
Three	Text
Four	Text

Header
One	Text
Two	Text
Three	Text
Four	Text

Copy and Paste

Template Documentation

This block of text can be inserted into a Template:(name)/doc page to provide a guide on how to fill it out. Since most of the guide notes are in comments they can technically be left in, though that would be really lazy and would bloat the page.

Template Documentation guide

==Description==
<!--Short summary of what the main function of the template is-->
INSERT_TEXT_HERE
==Syntax==
<!--Explain how the template is included in a page. Best to include the recommended use cases.
For example, in Template:Listloc:
	Copy/Paste the code shown below into a cell on the table then fill in the information.
	<pre>
	{{Listloc
	|name        = 
	|image       = 
	|aka         = AKA: [Line can be deleted if inapplicable]
	|description = }}
	<∕pre>
Another example, this time from Template:Documentation:
	Add <code><noinclude>{{t|Documentation}}</noinclude></code> at the end of the template page.
	Add <code><noinclude>{{t|Documentation|documentation page}}</noinclude></code> to transclude an alternative page from the /doc subpage.
Basically think of it as a simplified sample.-->
INSERT_TEXT_HERE
==Usage==
<!--How to use. Attempt to answer:
-	What does it present to the reader?
-	Why would an editor choose to use it?
-	What is the recommended use?
-	What does the template require in order to function?
-	What can the template NOT do? (limitations)
-	What are some potential issues that should be kept in mind? (troubleshooting)
It may be helpful to give examples in this section instead of waiting until "Sample".-->
INSERT_TEXT_HERE
==Parameters==
<!--Copy the below texts to build the template parameter table. Spaces surround placeholder names to ease selection - do not include spaces.
This starts the function:
	<templatedata>{	"description": "","params": {
The following is a template with all options listed
DO NOT INCLUDE }, LINE IF USING IT FIRST
REMOVE VERY LAST , AFTER EVERY LAST PROPERTY - NEVER END THE LIST WITH A COMMA
		},
		"parameter": {
			"label": "Fancy_Name",
			"aliases": ["Other_Name1","Other_Name2"],
			"type": "Choose one of: number, string, line(no line breaks), content(formatted wikitext), boolean, url(https://example.com), date, wiki-page-name, wiki-file-name, wiki-user-name, wiki-template-name.",
			"description": "Explanation",
			"example": "Example_Input",
			"default": "Default_If_Static",
			"autovalue": "Default_If_Magic_Word",
			"suggestedvalues": ["Value1","Value2"],
			"required": true,
			"suggested": true,
			"deprecated": "What_To_Use_Instead",
			"inherits": "put another parameter name here to copy its properties (gets overwritten by new ones)",
The following is a template with less options and less placeholders
DO NOT INCLUDE }, LINE IF USING IT FIRST
REMOVE VERY LAST , AFTER EVERY LAST PROPERTY - NEVER END THE LIST WITH A COMMA
		},
		"parameter": {
			"label": "Fancy_Name",
			"type": "Choose one of: number, string, line(single), content(wikitext), wiki-page-name, wiki-file-name, wiki-user-name.",
			"description": "Explanation",
			"example": "Example_Input",
			"default": "Default_If_Static",
This ends the templatedata function:
	}}}</templatedata>
Obviously, only include as many parameters as you need.-->
INSERT_TEXT_HERE
==Sample==
<!--You can use this structure:
	The following input:
	<pre>{{Example|param=value|pa..}}<∕pre>
	Produces:
	{{Example|param=value|pa..}}
Here, copy the exact template call from the preformatted section and use that. If the template is heavy when loading you may want to copy the expected output instead, however this has risk of becoming outdated and should be avoided.
DO NOT COPY THAT <∕pre> YOU SEE IN THIS EXAMPLE, IT WILL NOT WORK
You may want to format the example across multiple lines like in Template:Locationbox/doc-->
INSERT_TEXT_HERE

<noinclude>__NOTOC__ [[Category:Template Documentation]]</noinclude>
<includeonly>__NOEDITSECTION__</includeonly>

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 here.

{{#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 here):

<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 here):

<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|WtZqz8x8kVk|dimensions=320x180|alignment=inline|description=The removed "Toriningen's Bed" event|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></pre>	<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>	text^text	Superscript.
<sub></sub>	text<sub>text</sub>	text_text	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.
<br clear=all>	[[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.
<ul> </ul>	<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:

Equip Frog in the chair
Go to the tile you wish to face UP on and face DOWN on that tile
Use the Frog effect
Wait for Madotsuki to appear sitting down
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:

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
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:

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

Test Space

Random

Test anything here

BGM

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

Example:

(No. 026 D)

With check:

NONE

ListThumb

Following is a list with images presented in-line and the links next to them, similar to the old DPL output of ListThumb.

column test

List with thumbnail images

RecentlyEdited

Testing of what became the RecentlyEdited template (originally was going to be TrendingPages)

Visual List

[[File:|File:Snowworld.jpg|none|135px|Yume Nikki:Snow World]]Witch's Island
Construction Frame Building
Duck World
Flying Fish World
Snow World

Plan was to recreate the above using a DPL function below, but the above section became a test space for when I was trying to figure out how to format it without ListChar breaking the whole thing (WHY DO THEY PUT THE File: NAMESPACE IN THAT TEMPLATE BUT NO OTHERS???)
DPL testing

Code used
(blanked)

Unformatted output
(blanked)
Actual
(blanked)

Claim

Claim Useful Text

Current timestamp 20241125131220
Function 20241125021220
{{#time:Ymdhis|+1 hours}}
20241125021220
0
Refresh

Claim Testing

Countdown

13:12

1312

0

00300

$timestamp = strtotime("20230120171222");

Badge

On badge page