Difference between revisions of "Template:sandbox"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
 
(12 intermediate revisions by 7 users not shown)
Line 1: Line 1:
{{infobox
+
<includeonly><!--
| bodyclass  = vcard
+
--><metadesc>Explain xkcd is a wiki dedicated to explaining the webcomic xkcd. Go figure.</metadesc><!--
 +
--><table class="{{{bodyclass|}}}" cellspacing="5"
 +
          style="background-color: #FFFFFF; border: 1px solid #AAAAAA; color: black; font-size: 88%; line-height: 1.5em;
 +
                margin: 0.5em 0 0.5em 1em; padding: 0.2em; text-align: center; width:98%; {{{bodystyle|}}}"><!--
  
| abovestyle = background-color:#BCD4E6;
+
  ### Navigation bar (previous, next...) ###
| aboveclass = fn
 
| above      = ᏆᎳᏗᎧᎶᎶᏇᏂᏤᏂ <br> (English Version, Alternative Lyrics)
 
  
| labelstyle = line-height: 1.3em
+
  --><tr><td><!--
| datastyle  = line-height: 1.3em
+
    --><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><!--
  
| image      = c6h4cl2.png
+
      ### Create the prev button ###
| caption    = ''The Chaotic''
 
  
| label1    = Lyrics by
+
    --><li style="background-color: #6E7B91;
| data1      = [[User:Donald Amadeus Theophilus Gottlieb Trump|Donald ATG Trump]]<br>[[User:ColorfulGalaxy]]<br>Scratch---Cat (Stack Exchange)
+
                    border: 1.5px solid #333333; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px 0 gray;
 +
                    display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
 +
                    margin: 0 4px; padding: 1.5px 0;"><!--
 +
        -->[[{{#expr:{{{number}}} - 1}}|<span style="color: #FFFFFF; padding: 0 12px;">&lt; Prev</span>]]<!--
 +
      --></li><!--
  
| label2    = Music by
+
      ### Create a centre button with comic number, date (if exists) and link ###
| data2      = Owata-P
 
  
| label3    = Arranged by
+
      --><li style="background-color: #6E7B91;
| data3      = Down Left Forte
+
                    border: 1.5px solid #333333; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px 0 gray;
 +
                    display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
 +
                    margin: 0 4px; padding: 1.5px 0;"
 +
            class="plainlinks"><!--
 +
        -->[http://www.xkcd.com/{{{number}}}/ <!--
 +
        --><span style="color: #FFFFFF; padding: 0 12px;">Comic &#35;{{{number}}} {{#if:{{{date|}}}|({{{date}}})}}</span>]<!--
 +
      --></li><!--
  
| label4    = Vocals by
+
      ### If there is an article for the comic following this one, create a "next" ###
| data4      = The Donald Trump Vocaloid (TBD)<br>Kagamine Len (TBD)
 
  
| label5    = In Album
+
      -->{{#ifexist:{{#expr:{{{number}}} + 1}}<!--
| data5      = The Chaotic<br>April Fools Day Special Album
+
      -->|<li style="background-color: #6E7B91;
}}
+
                      border: 1.5px solid #333333; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px 0 gray;
{{notice|'''Caution: This page may contain spelling issues.'''<br>''A hidden program may have scrambled some of the words while the lyrics were being copied to this website.''}}
+
                      display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
{{notice|'''This page is still incomplete. You can help by contacting the authors and having them expand it.'''}}
+
                      margin: 0 4px; padding: 1.5px 0;"><!--
:''JUSTICE''
+
          -->[[{{#expr:{{{number}}} + 1}}|<span style="color: #FFFFFF; padding: 0 12px;">Next &gt;</span>]]<!--
{|
+
        --></li><!--
| W || Ꮠ || H || (TBD) || Ꮙ&#x326; || (TBD) || Ꮗ̗ || (TBD) || Ꮟ || ~
+
      -->|<li style="display: inline; font-size: 16px; margin: 0 4px; padding: 1.5px 12px;"><!--
|-
+
          -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--
| Ᏻ || Ꮡ || Ꮀ || || Ꮗ̗ || || Ꭿ || (TBD) || .J || `
+
        --></li><!--
|-
+
      -->}}<!--
| Ꮊ || Ꮳ || ,Ꮚ || || Ꭿ || || Z || || .Ꭶ || ]
+
    --></ul><!--
|-
+
  --></td></tr><!--
| || || <tt>I&#x317;</tt> || || || || || || Ꭱ
 
|-
 
! what !! had !!  I !! actually !!  written !! this !! song !! for?
 
|}
 
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
  ### Comic title ###
  
and I sang without yet understanding the words in  it
+
  -->{{#if:{{{title|}}}|<tr><td style="font-size: 20px; padding-bottom:10px"><!--
 +
    -->'''{{{title}}}'''<!--
 +
  --></td></tr>}}<!--
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
  ### Text before comic ###
  
I ran outward for seeking the answer to problems
+
  -->{{#if:{{{before|}}}|<tr><td style="padding-bottom:10px"><!--
 +
    -->{{{before}}}<!--
 +
  --></td></tr>}}<!--
  
ᏆᎳᏗᎧᎶᎶᏇᏂᏤᏂ
+
  ### Comic image and title text ###
  
even though in advance I knew that there was nothing where I was to struggle toward
+
  --><tr><td><!--
 +
  -->{{#if: {{{custom|}}} |<!--
 +
    -->{{{custom|}}}|<!--
 +
    -->{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{imagesize|}}}|{{{titletext|}}}]]}}}}<!--
 +
  -->{{#if:{{{imagesize|}}}|<br />[Click comic to enlarge]}}<!--
 +
  -->{{#if:{{{titletext|}}}|<br /><span style="{{{captionstyle|}}}"><span style="color:grey">Title text:</span> {{{titletext}}}</span>}}<!--
 +
  --></td></tr><!--
  
now lets sing now lets dance now lets move now lets chant now
+
  ### Transcript ###
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
-->{{{transcript}}}<!--
 +
  -->{{#if: {{{transcript|}}} |<!--
 +
    --><tr><td style="font-size: 50px; padding-bottom:3px; padding-top:10px">Transcript<!--
 +
    --><div class="mw-collapsible mw-collapsed"><!--
 +
      -->{{{transcript|}}}<!--
 +
    --></div><!--
 +
    --></td></tr>}}<!--
  
now lets cry now lets yell now lets shout now lets scream out now
+
  --></table><!--
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
  ### Add categories to comic based on date field ###
  
and the gogs and the cats and the bulls and the pigs and all
+
-->{{DEFAULTSORT:&nbsp;{{padleft:{{{number}}}|4}}}}<!-- (default sorting key for all categories: use zero-padding to make sure #9 comes before #10, etc.)
 +
-->{{#ifeq:{{NAMESPACE}}|{{ns:0}}|<!-- (no categorization except for the main namespace)
 +
  -->{{#ifeq:{{FULLPAGENAME}}|{{int:mainpage}}||<!-- (no categorization when transcluded into the main page)
 +
    -->[[Category:Comics]]<!--
 +
    -->{{#if:{{{date|}}}|<!--
 +
      -->[[Category:Comics from {{#time:Y|{{{date}}}}}]]<!-- (categorize by year)
 +
      -->[[Category:Comics from {{#time:F|{{{date}}}}}]]<!-- (categorize by month)
 +
      -->[[Category:{{#time:l|{{{date}}}}} comics]]<!-- (categorize by weekday)
 +
    -->}}<!--
 +
  -->}}<!--
 +
-->|}}<!--
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
  ### DOCUMENTATION ###
: ''Jealousy and admiration''
 
  
now lets rage now lets rave now lets rant now lets rest now lets go the mortality way so
+
--></includeonly><noinclude>
:<i><table style="display: inline-table; line-height: 0.6em; vertical-align:middle;text-size-adjust:none;"><tr><td style="float:right;">I am</td></tr><tr><td>me is</td></tr></table>going to fight with what?</i>
+
This is the basic infobox-style header template used to display <span style="background:#0064de;font-size:12px;padding:4px 12px;border-radius:8px;">[[xkcd|<span style="color:#f0faff;">xkcd</span>]]</span> comics on their own pages, including the comic number (with external link to xkcd), publication date, title, comic image, and title text.
:<i>Take those I don't recognize as the bad and continue fighting with them.</i>
 
:''JEALOUSY''
 
  
<span style="display: block; position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;">
+
== Sample ==
rules and convention are what I hate<br>
 
I just dont want to be tied up like that<br>
 
That's the reason why I fled and ran away<br>
 
thus forgetting the things happening aroundx<br>
 
</span>
 
<strong style="font-size:64px;color:lightgrey;z-index:-1;">''RULES''</strong>
 
  
Being told what to do is what I do <span style="position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;color:lightgrey;">''HATE&nbsp;&nbsp;&nbsp;HATE HATE''</span>&nbsp;hate<br>
+
The following is a sample usage of this template:
A bit&nbsp;&nbsp;<span style="position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;color:lightgrey;">''BAD''</span>Bad&nbsp;&nbsp;is just what I I want to be a<span style="color:lightgrey">''BAD=JUSTICE''</span><br>
+
{{sandbox
<span style="display: block; position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;">
+
| number    = 16
Slipping out of the house in the deepest night<br>
+
| date      = October 4, 2005
Wandering carelessly in the the city streets</span>
+
| title    = Monty Python -- Enough
<strong style="font-size:32px;color:lightgrey;z-index:-1;font:serif">''I''</strong>&nbsp;&nbsp;<span style="font-size:30px;color:lightgrey;z-index:-1;">''TREES TREES''</span>
+
| image    = monty_python.jpg
 
+
| titletext = I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation. It depressed me badly.
so what is the purpose of my living?<br>
+
| transcript= I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation. It depressed me badly.
I just talked with a stray&nbsp;<span style="position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;color:lightgrey;">''cat''</span>cat &nbsp;about what I had thought<br>
+
}}
But the cat, not replying with anything<br>
 
Just merely looked down upon me with his thorny eyes<br>
 
<span style="display: block; position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;"><br>After drinking up the C0FFEE that I'd never drink<strong style="color:lightgrey">''i''</strong><br>
 
And looking up to the sky, which was cloudy<span style="color:lightgrey">''self-contradiction''</span><br>
 
&nbsp;&nbsp;''Thinking ot justice, doing the bad.''<br>
 
Now I do not know what I am able to do<br>
 
&nbsp;&nbsp;''In the end, I do not know that it is the same act and.''<br>
 
Or care of my situation</span>
 
<strong style="font-size:56px;color:lightgrey;z-index:-1;font-variant:tt">''ENEMY<br>ENEMY''</strong>
 
 
 
 
 
and that is why I've been singing and shouting for so long
 
 
 
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
 
 
 
Still I yell without yet understanding myself at all
 
 
 
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
 
 
 
Are U able to be satisfied with what U already have
 
 
 
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
 
 
 
Breaking rules, breaking laws&mdash;
 
 
 
In that case, what is that making any changes to U?
 
 
 
Now whoever it is;
 
 
 
I just open my heart to him
 
 
 
⍰⍰⍰⍰⍰⍰⍰⍰⍰⍰
 
 
 
Punish all the bad; in support of the justice
 
 
 
⍰⍰⍰⍰⍰⍰⍰⍰⍰⍰
 
 
 
Just relieving the stress; under armor of justice
 
 
 
⍰⍰⍰⍰⍰⍰⍰⍰⍰⍰
 
 
 
Such stupid behavior that we didnt notice, when others did stop in the way Ah
 
:''Self-satisfac''
 
:''My act was completely...''
 
:''Only completely putting pressure.''
 
 
 
Ah, this song hsant got any sense
 
:''Putting pressure of sin on unrelated things.''
 
:''Feel as if beheading monsters.''
 
 
 
This song has never got any sense
 
 
 
This song hasnt it had any sin
 
:''XX and anything related is what I am jealous of.''
 
 
 
This song has never had any sin
 
 
 
⍰⍰⍰⍰ hsant got any sense
 
 
 
⍰⍰⍰⍰ has never got any sense
 
 
 
⍰⍰⍰⍰ hasnt it had any sin
 
 
 
This song has got a sense of . . .
 
:''<span style="font-variant:small-caps">I have absolute right of justice and thus.</span>''
 
:''<span style="font-variant:small-caps">Me has absolute right of justics and yhus.</span>''
 
 
 
⍰⍰⍰⍰
 
:''I DO NOT WANT TO ADMIT''
 
:''Success from anyone other than me is bad.''
 
:''I DO NOT <span style="position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;">I DO NOT WANT TO ADMIT</span>WANT TO ADMIT''
 
:''Therefore, I continue to seek for those guys' faults.''
 
:''I DO NOT <span style="position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;">I DO NOT WANT TO ADMIT</span>WANT TO ADMIT''
 
 
 
It was not until then that I realise
 
 
 
That what I did experience was only hypocrisy
 
:''It's that it was all meaningless things.''
 
 
 
 
 
And the value of living  is what on Earth?
 
 
 
The stray <span style="position: absolute; width: 100%; height: 100%; overflow: hidden;pointer-events: none;color:lightgrey;">''cat''</span>cat has suffocated deep under the water
 
 
 
I threw away that C0FFEE cup that's emptied<br>
 
And looked to the sky covered by the darkness<br>
 
:''Undifferent Hatred Fancy Disappointment Meangless''
 
:''[[83|KATAMARI]] OF SHlT''
 
 
 
Now I do not know what I have been doing
 
 
 
What happened in my surroundings
 
 
 
Still yet I've never ever known anything
 
:''Speaking low of those guys is my pleasure so...''
 
:''...so thi is why I repeat doing it.''
 
 
 
After that U did laugh at me Loudly and happily
 
 
 
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
 
 
 
After that I did shove you out fiercely and angrily
 
 
 
{|
 
| Ꮺ || T || Ꮑ || Ꮥ || o || Ꭹ || ẖ || Ꭸ || Ꭿ || J
 
|-
 
| Ᏺ || Ꮻ || s ||  Ꮜ || 'Ꭸ || T || Ꮅ || Ꭱ || Ꮧ ||  Ꮹ
 
|-
 
| Ꮉ || || Ꮷ || || || Ꮺ || Ꮍ || *_ || || |
 
|-
 
| Ꮁ || || || || || || || Ꭶ
 
|-
 
! <tt>I&#x326;</tt> !! W&#x323; !! Ꮧ !! Ꭷ̱ !! Ꮆ !! Ꮆ̣ !! Ꮗ̗ !! ẖ !! Ꮴ !! ẖ
 
|}
 
 
 
"I'm right, U are wrong End of discussion"
 
 
 
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
 
 
 
U will now disappear Surrounded by nothingness, till I'm totally gone
 
  
{|
+
== Usage ==
| || A || Ꮹ || .V || Ꮻ || .J || || Ꮺ || Ꮅ || .S || Ꮻ || A
 
|-
 
| || .J || Ꮅ || .S || M || Ꭳ || || || Ᏻ || .Ꮣ || M || .Ꭶ
 
|-
 
| || Ꭴ || 'Ᏻ || .Ꮣ || || || || || Ꮊ || Ꮷ || ||
 
|-
 
| || || || Ꮷ ||
 
|-
 
! So !! now !! it !! is !! time !! to !! look !! back !! on !! what !! U !! have !! done
 
|}
 
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
<pre>{{comic
: ''But it is that I am now continuing repeating the same thing.''
+
| number    =
 +
| date      =
 +
| title    =
 +
| before    =
 +
| image    =
 +
| custom    =
 +
| imagesize =
 +
| titletext =
 +
| transcript=
 +
}}</pre>
  
Now lets laugh now lets mock now lets sneer now lets envy
+
=== Notes ===
  
<tt>I&#x326;</tt>W&#x323;ᏗᎧ̱ᎶᎶ̣Ꮗ̗ẖᏤẖ
+
* At least the number, title and image are required.
: ''Just like dog going on circling the same place''
+
* The date should be written in the form: January 1, 2006
: ''It's because those guys misfortune is My pleasure.''
+
* The imagesize field is optional.
 +
** The comic's '''width''' will be limited to the set size. Format must be in pixels (eg: "350px")
 +
** The comic's '''height''' may be set by adding an 'x' to the start (eg: "x350px")
 +
** Warning: If the size is larger than the image, the image will be stretched.
 +
* '''before''' is a special field for inserting text before the comic. One use is for extremely large comics (e.g. [[Umwelt]]), to skip to the explanation.
 +
* If the '''custom''' field is not empty, the image field will be ignored and be replaced with any text that you put in the '''custom''' field.
  
Even I, even U, and whoever, and all of them
+
The above sample is produced by the following code:
  
⍰⍰⍰⍰⍰⍰⍰⍰⍰⍰
+
<pre>{{comic
 +
| number    = 16
 +
| date      = October 4, 2005
 +
| title    = Monty Python -- Enough
 +
| image    = monty_python.jpg
 +
| titletext = I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation.  It depressed me badly.
 +
}}</pre>
  
now lets rage now lets rave now lets rant now lets rest till were finally rotting away so
+
[[Category:Templates]]
 +
</noinclude>

Latest revision as of 22:59, 25 May 2023

This is the basic infobox-style header template used to display xkcd comics on their own pages, including the comic number (with external link to xkcd), publication date, title, comic image, and title text.

Sample[edit]

The following is a sample usage of this template:

I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation. It depressed me badly.
Monty Python -- Enough
I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation.  It depressed me badly.
Title text: I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation. It depressed me badly.
Transcript
I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation. It depressed me badly.

Usage[edit]

{{comic
| number    = 
| date      = 
| title     = 
| before    =
| image     = 
| custom    = 
| imagesize = 
| titletext = 
| transcript= 
}}

Notes[edit]

  • At least the number, title and image are required.
  • The date should be written in the form: January 1, 2006
  • The imagesize field is optional.
    • The comic's width will be limited to the set size. Format must be in pixels (eg: "350px")
    • The comic's height may be set by adding an 'x' to the start (eg: "x350px")
    • Warning: If the size is larger than the image, the image will be stretched.
  • before is a special field for inserting text before the comic. One use is for extremely large comics (e.g. Umwelt), to skip to the explanation.
  • If the custom field is not empty, the image field will be ignored and be replaced with any text that you put in the custom field.

The above sample is produced by the following code:

{{comic
| number    = 16
| date      = October 4, 2005
| title     = Monty Python -- Enough
| image     = monty_python.jpg
| titletext = I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation.  It depressed me badly.
}}