Difference between revisions of "User:Yfmcpxpj/Template:comic 2x test"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
(Add ability to override 2x image filename.)
m (Code whitespace.)
Line 81: Line 81:
 
               -->[https://imgs.xkcd.com/comics/{{{override2x}}} <span style="color: #FFFFFF; padding: 0 12px;">2x</span>]</li><!--
 
               -->[https://imgs.xkcd.com/comics/{{{override2x}}} <span style="color: #FFFFFF; padding: 0 12px;">2x</span>]</li><!--
 
              
 
              
          Otherwise, check if the comic is #1084 or above.
+
            Otherwise, check if the comic is #1084 or above.
          -->|{{#ifexpr:{{{number|-1}}}>=1084|<!--
+
            -->|{{#ifexpr:{{{number|-1}}}>=1084|<!--
           
 
            If so, add a "2x" button linking to the 2x image.
 
            --><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"><!--
 
             
 
              The image files are hosted at imgs.xkcd.com/comics/
 
              -->[https://imgs.xkcd.com/comics/<!--
 
             
 
              The filename is the same as the original comic, but with "_2x" inserted at the end of the filename before the extension.
 
              So take everything before the final dot.
 
              -->{{#sub:{{{image|}}}|0|{{#rpos:{{{image|}}}|.}}}}<!--
 
             
 
              Then insert "_2x".
 
              -->_2x<!--
 
             
 
              Then append the dot and filename extension.
 
              -->{{#sub:{{{image|}}}|{{#rpos:{{{image|}}}|.}}}}<!--
 
             
 
              Finally, add the displayed text for the button.
 
              --> <span style="color: #FFFFFF; padding: 0 12px;">2x</span>]</li>}}<!--
 
 
                
 
                
 +
              If so, add a "2x" button linking to the 2x image.
 +
              --><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"><!--
 +
               
 +
                The image files are hosted at imgs.xkcd.com/comics/
 +
                -->[https://imgs.xkcd.com/comics/<!--
 +
               
 +
                The filename is the same as the original comic, but with "_2x" inserted at the end of the filename before the extension.
 +
                So take everything before the final dot.
 +
                -->{{#sub:{{{image|}}}|0|{{#rpos:{{{image|}}}|.}}}}<!--
 +
               
 +
                Then insert "_2x".
 +
                -->_2x<!--
 +
               
 +
                Then append the dot and filename extension.
 +
                -->{{#sub:{{{image|}}}|{{#rpos:{{{image|}}}|.}}}}<!--
 +
               
 +
                Finally, add the displayed text for the button.
 +
                --> <span style="color: #FFFFFF; padding: 0 12px;">2x</span>]</li>}}<!--
 +
               
 
           -->}}<!--
 
           -->}}<!--
 
         -->}}<!--
 
         -->}}<!--

Revision as of 22:18, 11 October 2020

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

The following is a sample usage of this template:

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.

Usage

{{comic
| number    =
| date      =
| title     =
| before    =
| image     =
| custom    =
| imagesize =
| titletext =
| ldomain   =
| lappend   =
| override2x=
| omit2x    =
}}

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
      ...kd.com/'''lappend'''/
      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
      blog
      to change the subdomain in the link.
  • For comics as of 1084, a "2x" button will appear, linking to the double-size version of the comic on xkcd.com.
    • 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: | omit2x=true).
    • Or, if the filename of the 2x file is different, a specific image filename can be specified for override2x, even for older comics (example: | override2x=server_problem_2x.png).

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