User:Yfmcpxpj/Template:comic 2x test

2021-06-27T08:24:34Z

Jack wang:

<includeonly><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|}}}"><tr><td><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline">{{#ifexpr:{{{number|-1}}}>1|<li style="background-color: #6E7B91;
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;">[[1||<]]</li><li style="background-color: #6E7B91;
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}}|< Prev]]</li>|                                      }}<li style="background-color: #6E7B91;
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">[{{#ifexpr:{{{number|-1}}}>=1|https://www.xkcd.com/{{{number}}}/|http://{{{ldomain|www}}}.xkcd.com/{{{lappend}}}/}}Comic {{#ifexpr:{{{number|-1}}}>= 1|#|}}{{{number|}}} {{#if:{{{date|}}}|({{#replace:{{{date}}}| | }})}}]</li>{{#if:{{{omit2x|}}}| |{{#if:{{{override2x|}}}|<li style="background-color: #6E7B91;
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">[https://imgs.xkcd.com/comics/{{{override2x}}} 2x]</li>|{{#ifexpr:{{{number|-1}}}>=1084|<li style="background-color: #6E7B91;
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">[https://imgs.xkcd.com/comics/{{#sub:{{{image|}}}|0|{{#rpos:{{{image|}}}|.}}}}_2x{{#sub:{{{image|}}}|{{#rpos:{{{image|}}}|.}}}} 2x]</li>}}}}}}{{#ifexist:{{#expr:{{{number|-2}}}+1}}|{{#ifexpr:{{LATESTCOMIC}}-{{{number}}}>0|<li style="background-color: #6E7B91;
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}}{{!}}Next >]]</li><li style="background-color: #6E7B91;
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;">[[{{LATESTCOMIC}}{{!}}>|]]</li>|                                      }}|                                      }}</ul></td></tr>{{#if:{{{title|}}}|<tr><td style="font-size: 20px; padding-bottom:10px">'''{{{title}}}'''</td></tr>}}{{#if:{{{before|}}}|<tr><td style="padding-bottom:10px">{{{before}}}</td></tr>}}<tr><td>{{#if: {{{custom|}}}|{{{custom|}}}|{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{imagesize|}}}|{{{titletext|}}}]]}}}}{{#if:{{{imagesize|}}}| [Click comic to enlarge]}}{{#if:{{{titletext|}}}| Title text: {{{titletext}}}}}</td></tr></table>{{#ifexpr:{{{number|-1}}}>=1|{{DEFAULTSORT: {{padleft:{{{number}}}|4}}|noreplace}}|}}{{#ifeq:{{NAMESPACE}}|{{ns:0}}|{{#ifeq:{{FULLPAGENAME}}|{{int:mainpage}}||{{#ifeq:{{{extra|}}}|yes|[[Category:Extra comics]]|[[Category:All comics]]{{#if:{{{date|}}}|[[Category:Comics from {{#time:Y|{{{date}}}}}]][[Category:Comics from {{#time:F|{{{date}}}}}]] [[Category:{{#time:l|{{{date}}}}} comics]] }}}}}}|}}</includeonly><noinclude>

This is a test version of [[Template:comic]], which 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. This particular version adds a "2x" button to link to the comic's double-resolution image on xkcd.com.

== Sample ==

The following is a sample usage of this template:
{{User:Yfmcpxpj/Template:comic 2x test
| number = 1084
| date = July 20, 2012
| title = Server Problem
| image = server_problem.png
| titletext = Protip: Annoy Ray Kurzweil by always referring to it as the 'Cybersingularity'.
}}

== Usage ==

<pre>{{User:Yfmcpxpj/Template:comic 2x test
| number =
| date =
| title =
| before =
| image =
| custom =
| imagesize =
| titletext =
| ldomain =
| lappend =
| override2x=
| omit2x =
}}</pre>

=== Notes ===

* 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.
* if '''number''' is left undefined, most of the navigation bar will be disabled.
** '''lappend''' must be defined as <pre>...kd.com/'''lappend'''/</pre> to keep the link to xkcd.com valid.
** If the link is to eg. a blog post (blog.xkcd.com) '''ldomain''' can be defined as <pre>blog</pre> to change the subdomain in the link.
* For comics as of [[1084]], a "2x" button will automatically appear, linking to the double-size version of the comic on xkcd.com. That behavior can be modified with the following optional parameters:
** If the 2x image for a particular comic doesn't exist, or has some other problem, the "2x" button can be omitted by specifying a non-zero/non-empty value for '''omit2x''' (example: <code>omit2x=true</code>).
** Or, if the ''filename'' of the 2x file is different, a specific image filename can be specified for '''override2x''', even for older comics (example: <code>override2x=server_problem_2x.png</code>).

The above sample is produced by the following code:

<pre>{{User:Yfmcpxpj/Template:comic 2x test
| number = 1084
| date = July 20, 2012
| title = Server Problem
| image = server_problem.png
| titletext = Protip: Annoy Ray Kurzweil by always referring to it as the 'Cybersingularity'.
}}</pre>
Free learning website:<a href="https://magictarot.com/" target="_blank">MagicTarot</a> 
[[Category:Templates]]
</noinclude>

explain xkcd - User contributions [en]

User:Yfmcpxpj/Template:comic 2x test