Cheat Sheet

Documented Conversations and Canon Text (Without Summary)

0/0/0 - Chat with Character - Source

Text goes here.
Text from a canon entity.

<div class="transcript mw-collapsible mw-collapsed">
<p style="display:inline;">
<b>
0/0/0 - Chat with Character - Source
</b>
</p>
<div class="mw-collapsible-content"><poem>
Text goes here.
<span class="vip">Text from a canon entity.</span>
</poem>
</div>
</div>

Documented Conversations and Canon Text (With Summary)

0/0/0 - Chat with Character - Source

Long blocks of text.
Long blocks of text form a canon entity.

Summary

• Important piece of information derived from the text above.
• Important piece of information derived from the text above.

<div class="transcriptsum mw-collapsible mw-collapsed">
<p style="display:inline;">
<b>
0/0/0 - Chat with Character - Source
</b>
</p>
<div class="mw-collapsible-content"><poem>
Long blocks of text.
<span class="vip">Long blocks of text form a canon entity.</span>
</poem>
</div>
</div>
<div class="summary">
<p class="fauxheader">Summary</p>
<div class="fadediv"></div>
<ul>
<li>
Important piece of information derived from the text above.
</li>
<li>
Important piece of information derived from the text above.
</li>
</ul>
</div>

Documented Conversations and Canon Text (With Summary and Updates)

0/0/0 - Chat with Character - Source

Long blocks of text.
Long blocks of text form a canon entity.

Summary

• Important piece of information derived from the text above.
• Important piece of information derived from the text above.

Updates

• Various pages were updated during this conversation:
Page update along with links to files.
Page update along with links to files.
• Various files were posted during this conversation:
A link to a file.
A link to a file.

<div class="transcriptsum mw-collapsible mw-collapsed">
<p style="display:inline;">
<b>
0/0/0 - Chat with Character - Source
</b>
</p>
<div class="mw-collapsible-content"><poem>
Long blocks of text.
<span class="vip">Long blocks of text form a canon entity.</span>
</poem>
</div>
</div>
<div class="summary">
<p class="fauxheader">Summary</p>
<div class="fadediv"></div>
<ul>
<li>
Important piece of information derived from the text above.
</li>
<li>
Important piece of information derived from the text above.
</li>
</ul>

<p class="fauxheader">Updates</p>
<div class="fadediv"></div>
<ul>
<li>
Various pages were updated during this conversation:
</li>
<div class="indented">
<li>
Page update along with links to files.
</li>
<li>
Page update along with links to files.
</li>
</div>
<li>
Various files were posted during this conversation:
</li>
<div class="indented">
<li>
A link to a file.
</li>
<li>
A link to a file.
</li>
</div>
</ul>
</div>

(Shortened)

<h2>Documented Conversations and Canon Text (With Summary and Updates)</h2>

<div class="transcriptsum mw-collapsible mw-collapsed">
<p style="display:inline;">
<b>
0/0/0 - Chat with Character - Source
</b>
</p>
<div class="mw-collapsible-content"><poem>
<span class="vip">
</poem>
</div>
</div>
<div class="summary">
<p class="fauxheader">Summary</p>
<div class="fadediv"></div>
<ul>
<li>

</li>
</ul>

<p class="fauxheader">Updates</p>
<div class="fadediv"></div>
<ul>
<li>

</li>
<div class="indented">
<li>

</li>
</div>
</ul>
</div>

Linking and Files

A clickable icon that links the reader to a separate page that will automatically play the specified audio file.

<span class="ext-link">[[File:listen.png|frameless|link=YOUR_URL_TO_UPLOADED_AUDIO_FILE_HERE|target=_blank]]</span>

A clickable icon that links the reader to a YouTube video or channel.

<span class="ext-link">[[File:vid.png|frameless|link=YOUR_URL_TO_YOUTUBE_HERE|target=_blank]]</span>

A clickable icon that will display another image already loaded on the page.

!!IMPORTANT!! The file linked with this method MUST be loaded on the page somewhere. A way of doing this without having to visually have the image appearing in the article is to place a hidden paragraph element somewhere in your article that contains all of the files that are to be linked. Example:

[[File:viewimage.png|frameless|link={{fullurl:{{PAGENAME}}}}#/media/File:file1.png]]
[[File:viewimage.png|frameless|link={{fullurl:{{PAGENAME}}}}#/media/File:file2.png]]
[[File:viewimage.png|frameless|link={{fullurl:{{PAGENAME}}}}#/media/File:file3.png]]

<p style="display:none;">
[[File:file1.png]]
[[File:file2.png]]
[[File:file3.png]]
</p>

Other Stylings

{{#simple-tooltip-img: http://johnisdead.withinhubris.com/images/a/ae/Lens.png | YOUR_TEXT_HERE }}

Non-indented text.

Indented text.

Non-indented text.

<p>Non-indented text.</p>
<div class="indented">
<p>Indented text.</p>
</div>
<p>Non-indented text.</p>

"Short canon string of text."

<span class="canquote">"Short canon string of text."</span>

"Supplemental explanation text."

<span class="supple">"Supplemental explanation text."</span>