Aug 21 2015 0

Markdown/CSS

This is just test page that I use to do some testing on the CSS styling of the blog and check capabilities of Blot.im.

URLs

Method 1: NU.nl

Method 2: NU.nl

Font style

Bold
Italic
Bold and Italic

Footnotes

dummy text ¹, another dummy text ² …

Ordered list

This is an ordered list

First item
Second item
Third item

Unordered list

This is an unordered list

First item
Second item
Third item

Tasks

Code

Since code section also uses list items, a piece of code just so we can see nothing is broken

<script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['b._setAccount', 'UA-XXXXXXX-X']);
    _gaq.push(['b._setDomainName', 'scriptogr.am']);
    _gaq.push(['b._trackPageview']);

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
</script>

Without enclosing script-tag

var _gaq = _gaq || [];
_gaq.push(['b._setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['b._setDomainName', 'scriptogr.am']);
_gaq.push(['b._trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

This is some inline code, without the pre-tag. The following inline code contains html tags, <li>List item</li>.

Tables

Event	Condition	Interval
New Record	New highest/lowest value detected	5 min
No Data Logged	No new data for at least 5 minutes	5 min
Temperature Diff	Rise/Drop >= 1°C	30 sec

HTML code

The following paragraph is embedded HTML code

Blockquote

NOTE: Every application allows you to send 7500 notifications per month (counter resets on the 1st of the month). If the case that 7500 notifications per month is not enough, you can buy 10.000 additional messages for $50 (or just create additional applications).

Font-Awesome examples

Home

Book

Pencil

Cogwheel

Spinning cogwheel

Keyboard

Ctrl+C

Abbreviations

Extended Markdown support abbreviations as well, you would then get little popups for terms such as CSS and HTML.

When it is not supported there will be no popups, but additional text (the markdown code) will appear as well.