Changes

Jump to navigation Jump to search
822 bytes added ,  16:11, 31 March 2017
no edit summary
Line 11: Line 11:     
==Images==
 
==Images==
[[File:placeholder.png|thumb|300px|Right-floating image thumbnail with description.]]
+
[[File:placeholder.png|thumb|320px|Right-floating image thumbnail with description.]]
    
To optimize screen space, images should be placed in a floating window, aligned to the right side of the screen. Larger images can be automatically resized to thumbnails, by specifying the thumbnail width. 300px is the preferred thumbnail size. Adding a description underneath the image is appreciated.
 
To optimize screen space, images should be placed in a floating window, aligned to the right side of the screen. Larger images can be automatically resized to thumbnails, by specifying the thumbnail width. 300px is the preferred thumbnail size. Adding a description underneath the image is appreciated.
Line 18: Line 18:  
'''Inline Images'''
 
'''Inline Images'''
   −
Images that are used, for instance, as part of a step-by-step tutorial can be placed inline, with larger size to make them more readable.  
+
Images that are used, for instance, as part of a step-by-step tutorial can be placed inline, with larger size to make them more readable. The exact size is up to you, but the width should not exceed 720px.<ref>Thumbnails 720px wide still fit comfortably within a browser window on half a 1920px desktop monitor.</ref>
 
[[File:placeholder.png|thumb|none|480px|Caption]]
 
[[File:placeholder.png|thumb|none|480px|Caption]]
   Line 55: Line 55:     
<code>Fixed format text for short, single-line code.</code>
 
<code>Fixed format text for short, single-line code.</code>
 +
 +
<syntaxhighlight lang="text">
 +
Long code, spans entire width of the page.
 +
Supports syntax highlighting of certain languages, like Python and HTML.
 +
Change the lang="" attribute to the correct language, e.g. lang="python" or lang="html5"
 +
Use lang="text" for non-supported languages.
 +
</syntaxhighlight>
 +
 +
<br/>
    
<syntaxhighlight lang="text" line style="height:15em; overflow:auto;">
 
<syntaxhighlight lang="text" line style="height:15em; overflow:auto;">
Long code, spans entire width of the page
+
You can also add line numbering.
    
If your code is longer than, say, 50 lines, you can add a style attribute to introduce a scrollbar, as sampled here. For a 50-line cutoff, use style="height:50em; overflow:auto;".
 
If your code is longer than, say, 50 lines, you can add a style attribute to introduce a scrollbar, as sampled here. For a 50-line cutoff, use style="height:50em; overflow:auto;".
Line 63: Line 72:  
I might fix that, but if it's really crucial to have an entire page full of code, you should probably give it a separate page.
 
I might fix that, but if it's really crucial to have an entire page full of code, you should probably give it a separate page.
   −
<!-- start slipsum code -->
+
<!-- Commence Bacon Ipsum -->
 
+
Bacon ipsum dolor amet eiusmod in ribeye, flank duis swine drumstick shank kielbasa lorem pariatur shoulder in. Flank capicola dolore, tri-tip boudin fatback turkey.
Normally, both your asses would be dead as fucking fried chicken,  
+
Ut esse in voluptate porchetta duis reprehenderit irure ullamco mollit tri-tip bresaola. Anim beef bresaola meatball t-bone spare ribs consequat ullamco.  
but you happen to pull this shit while I'm in a transitional period so I don't wanna kill you, I wanna help you.
+
Shoulder sirloin fatback veniam dolore. Adipisicing sed tempor shank lorem, pariatur tri-tip et pork loin tail chuck meatloaf.
But I can't give you this case, it don't belong to me.  
  −
Besides, I've already been through too much shit this morning over this case to hand it over to your dumb ass.
     −
You think water moves fast? You should see ice.
+
Exercitation beef ribs short loin veniam pig, incididunt spare ribs. In ipsum biltong ex enim, boudin chuck andouille velit duis cow prosciutto elit.  
It moves like it has a mind. Like it knows it killed the world once and got a taste for murder.
+
Duis tongue laborum veniam do meatloaf porchetta boudin minim aute in meatball ex turkey occaecat. Dolor kevin officia shoulder corned beef.
After the avalanche, it took us a week to climb out.
  −
Now, I don't know exactly when we turned on each other, but I know that seven of us survived the slide... and only five made it out.
  −
Now we took an oath, that I'm breaking now.  
  −
We said we'd say it was the snow that killed the other two, but it wasn't.  
  −
Nature is lethal but it doesn't hold a candle to man.
  −
 
  −
http://slipsum.com
      +
Pork irure non, et nulla qui prosciutto boudin. Pancetta in turducken magna doner do dolor anim ad meatball prosciutto. Officia excepteur drumstick kielbasa ullamco,
 +
velit qui capicola aliquip. Cillum commodo nulla elit drumstick kevin turducken ut consectetur. Frankfurter in in boudin jerky. Do in anim ut sunt voluptate bresaola sed.
 +
Est leberkas nulla, incididunt biltong bacon boudin rump dolore dolore kielbasa proident kevin aliqua.
 
</syntaxhighlight>
 
</syntaxhighlight>
   Line 88: Line 91:     
==Downloads==
 
==Downloads==
Download links are presented as list items and are '''descriptive'''. This means you don't waste space by pasting the entire url or writing something like "Click [[Main_Page|here]] to download the documentation". Examples:
+
Download links are presented as list items and are '''descriptive'''. This means you don't waste space by pasting the entire url or writing something like "Click [[Meta:Guidelines|here]] to download the documentation". Examples:
 
*[[:File:riv2 quickstart.pdf|Uploaded file with version control]]
 
*[[:File:riv2 quickstart.pdf|Uploaded file with version control]]
 
*[[Media:BITSI_tempalte2015_duemilanove.zip|Directly downloadable file]] (zip)
 
*[[Media:BITSI_tempalte2015_duemilanove.zip|Directly downloadable file]] (zip)
 +
 +
==References==
 +
<references />

Navigation menu