all repos — hastyscribe @ b0021efe6a093e424f994dd3cdb0f60137b5e4d5

A professional markdown compiler.

test/test.htm

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
 126
 127
 128
 129
 130
 131
 132
 133
 134
 135
 136
 137
 138
 139
 140
 141
 142
 143
 144
 145
 146
 147
 148
 149
 150
 151
 152
 153
 154
 155
 156
 157
 158
 159
 160
 161
 162
 163
 164
 165
 166
 167
 168
 169
 170
 171
 172
 173
 174
 175
 176
 177
 178
 179
 180
 181
 182
 183
 184
 185
 186
 187
 188
 189
 190
 191
 192
 193
 194
 195
 196
 197
 198
 
<!doctype html>
<html lang="en">
<head>
  <title>HastyScribe Test Document</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="author" content="by <em>Fabio Cevasco</em> &ndash;">
  <meta name="generator" content="HastyScribe">
  <style>/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body{background-color:#fff;margin:0 auto;height:100%;zoom:1;letter-spacing:normal;word-spacing:normal;color:#333;font:15px "Calibri","Helvetica","Arial","Freesans","Clean",sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;width:960px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto}@media screen and (max-width:959px){body{width:100%}}@media screen and (min-width:960px){body{width:960px}}#main,#footer,#header{width:96%;margin:auto}#footer{text-align:center;font-size:70%}#toc{margin-top:-10px}#toc ul{list-style-type:none;padding-left:20px}#toc>ul{padding-left:0}ul,ol{padding-left:30px}dl{margin-left:5px}dl dt{font-weight:bold}h1,h2,h3,h4,h5,h6{color:#111;border-bottom:1px solid #ddd}blockquote{border-left:3px solid #dedede;padding:0 10px;margin:10px 0;font-style:italic}pre{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:10px auto;padding:7px 7px 0 7px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(255,255,255,0.8);color:#333;background-color:#efefef;border:1px solid #999;margin:auto;font-family:"Monaco","DejaVu Sans Mono","Courier New",monospace}pre code{box-shadow:none;padding:0;border:0}table{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:10px auto;padding:7px 7px 0 7px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(255,255,255,0.8);color:#333;background-color:transparent;border:1px solid #999;border-collapse:collapse;margin:15px auto;border-spacing:0;empty-cells:show}table thead{background:#efefef;color:#222;text-align:left;vertical-align:bottom}table td,table th{background-color:transparent;border:1px solid #999;font-size:inherit;margin:0;overflow:visible;padding:6px 12px}address{font-style:italic;color:#999}hr{border:0;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}code,span.code{color:#333;background-color:#efefef;padding:0 3px 0;display:inline-block;width:auto;margin:1px;border:1px solid #999;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-shadow:0 1px 0 rgba(255,255,255,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.1);font-family:"Monaco","DejaVu Sans Mono","Courier New",monospace;font-size:80%;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}kbd,span.kbd{color:#333;background-color:#efefef;padding:0 3px 0;display:inline-block;width:auto;margin:1px;border:1px solid #999;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-shadow:0 1px 0 rgba(255,255,255,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.1);font-weight:bold;border-right:1px solid #333;border-bottom:1px solid #333;line-height:.9em;font-size:85%;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}mark,span.mark{padding:0 1px;color:#222}abbr,span.abbr{font-variant:small-caps;font-weight:bolder;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}abbr:hover,span.abbr:hover{cursor:help}samp,span.samp{font-size:80%;color:#333;background-color:#efefef;padding:0 3px 0;display:inline-block;width:auto;margin:1px;border:1px solid #efefef;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-shadow:0 1px 0 rgba(255,255,255,0.8);box-shadow:0 1px 3px rgba(0,0,0,0.1);-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}var,span.var{font-size:80%;font-family:"Monaco","DejaVu Sans Mono","Courier New",monospace;font-weight:bold;font-style:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}cite,span.cite{font-weight:bold;font-style:italic;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}q,span.q{font-style:italic;color:#666;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}tt,span.tt{font-family:"Monaco","DejaVu Sans Mono","Courier New",monospace;font-size:80%;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none}a,a:visited{color:#4183c4;text-decoration:none}a:hover,a:visited:hover{text-decoration:underline}.note{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:10px auto;padding:7px 7px 0 7px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(255,255,255,0.8);color:#555;background-color:#efefef;border:1px solid #efefef}.note p{margin-top:0;margin-bottom:0}.note p:first-child{font-size:105%;font-style:italic;color:#333}.warning{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:10px auto;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(255,255,255,0.8);color:#555;background-color:#efefef;border:1px solid #555;padding:7px 7px 0 7px}.warning p{margin-top:0;margin-bottom:0}.warning p:first-child{font-size:105%;font-weight:bold;color:#333}.sidebar{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:10px auto;padding:7px 7px 0 7px;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(255,255,255,0.8);color:#555;background-color:#efefef;border:1px solid #efefef}.sidebar p{margin-top:0;margin-bottom:0}.sidebar p:first-child{font-size:105%;font-weight:bold;color:#333}.note,.warning{width:66.6667%}@media screen and (max-width:599px){.note,.warning{width:96%}}@media screen and (min-width:600px){.note,.warning{width:66.6667%}}.todo{font-weight:bold;color:#c30;text-decoration:underline;vertical-align:top}.todo:before{font-variant:small-caps;font-size:120%;content:"todo"}.fixme{font-weight:bold;color:#c30;text-decoration:underline;vertical-align:top}.fixme:before{font-variant:small-caps;font-size:120%;content:"fixme"}.red-circle:before{font-style:normal;font-size:100%;color:#c30;content:"\25CF"}.green-circle:before{font-style:normal;font-size:100%;color:#0c3;content:"\25CF"}.yellow-circle:before{font-style:normal;font-size:100%;color:#f5b800;content:"\25CF"}.gray-circle:before{font-style:normal;font-size:100%;color:#999;content:"\25CF"}.star:before{font-style:normal;font-size:100%;color:#f5b800;content:"\2605"}.heart:before{font-style:normal;font-size:100%;color:#c30;content:"\2665"}.cross:before{font-style:normal;font-size:100%;color:#c30;content:"\2718 "}.check:before{font-style:normal;font-size:100%;color:#0c3;content:"\2714 "}</style>
</head> 
<body>
  <div id="header"><h1>HastyScribe Test Document</h1></div>
  <div id="toc">
    <div id="toc"><ul>
 <li>
 <ul>
  <li><a href="#Inline.Styles">Inline Styles</a>
  <ul>
   <li><a href="#Text.Decorations">Text Decorations</a></li>
   <li><a href="#SmartyPants.substitutions">SmartyPants substitutions</a></li>
   <li><a href="#Other.HTML.inline.styles">Other HTML inline styles</a></li>
  </ul>
  </li>
  <li><a href="#Lists">Lists</a>
  <ul>
   <li><a href="#Ordered.Lists">Ordered Lists</a></li>
   <li><a href="#Alphabetical.Lists">Alphabetical Lists</a></li>
   <li><a href="#Unordered.Lists">Unordered Lists</a></li>
   <li><a href="#Definition.Lists">Definition Lists</a></li>
  </ul>
  </li>
  <li><a href="#Block.Styles">Block Styles</a>
  <ul>
   <li><a href="#Codeblock">Codeblock</a></li>
   <li><a href="#Blockquote">Blockquote</a></li>
   <li><a href="#Notes">Notes</a></li>
   <li><a href="#Warnings">Warnings</a></li>
   <li><a href="#Sidebars">Sidebars</a></li>
   <li><a href="#Addresses">Addresses</a></li>
   <li><a href="#Tables">Tables</a></li>
  </ul>
  </li>
  <li><a href="#Badges">Badges</a></li>
 </ul>
 </li>
</ul>
</div>
  </div>
  <div id="main">
<h2 id="Inline.Styles">Inline Styles</h2>

<h3 id="Text.Decorations">Text Decorations</h3>

<p>This is a section containing some text decorations, like <strong>bold</strong>, <em>italic</em>, <del>strikethrough</del>, and <code>preformatted text</code>.</p>

<h3 id="SmartyPants.substitutions">SmartyPants substitutions</h3>

<p>&trade;, &reg;, &frac14;, &frac12;, &mdash;, &ndash;, A<sup>B+2</sup>, &hellip;</p>

<h3 id="Other.HTML.inline.styles">Other HTML inline styles</h3>

<ul>
<li>kbd: <kbd>CTRL</kbd>+<kbd>C</kbd></li>
<li>mark: The following is <mark>marked</mark>.</li>
<li>samp: The program displays: <samp>This is a test.</samp></li>
<li>var: Set the variable <var>test</var> to 1.</li>
<li>abbr: <abbr title="Hypertext Markup Language">HTML</abbr></li>
<li>q: <q>This is a short quotation</q></li>
<li>cite: <cite>Hamlet</cite>, by William Shakespeare.</li>
<li>tt: <tt>test</tt></li>
</ul>


<h2 id="Lists">Lists</h2>

<p>This section contains some lists.</p>

<h3 id="Ordered.Lists">Ordered Lists</h3>

<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>


<h3 id="Alphabetical.Lists">Alphabetical Lists</h3>

<ol type="a">
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>


<h3 id="Unordered.Lists">Unordered Lists</h3>

<ul>
<li>An item</li>
<li>Another item</li>
<li>And another&hellip;</li>
</ul>


<h3 id="Definition.Lists">Definition Lists</h3>

<dl>
<dt>test</dt>
<dd>Test definition</dd>
<dt>test 2</dt>
<dd>Another test definition</dd>
</dl>

<h2 id="Block.Styles">Block Styles</h2>

<h3 id="Codeblock">Codeblock</h3>

<pre><code>$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</code></pre>

<h3 id="Blockquote">Blockquote</h3>

<blockquote><p>This is a block quote.</p>

<blockquote><p>This is a nested quote.</p></blockquote></blockquote>

<h3 id="Notes">Notes</h3>

<div class="note"><p>Note</p>

<p>This is a note.</p></div>

<h3 id="Warnings">Warnings</h3>

<div class="warning"><p>Important</p>

<p>This is an important note.</p></div>

<h3 id="Sidebars">Sidebars</h3>

<div class="sidebar"><p>This is a <em>sidebar</em></p>

<p>Although not always placed on the side of the page, <em>sidebars</em> contain additional content and asides.</p></div>

<h3 id="Addresses">Addresses</h3>

<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>


<h3 id="Tables">Tables</h3>

<table>
<thead>
<tr>
<th> Test </th>
<th> Test&hellip; </th>
</tr>
</thead>
<tbody>
<tr>
<td>sdgsag</td>
<td>fdgsdh d </td>
</tr>
<tr>
<td> fds  </td>
<td> fdhdfsh </td>
</tr>
</tbody>
</table>


<h2 id="Badges">Badges</h2>

<ul>
<li><span class="todo"></span> Do something.</li>
<li><span class="fixme"></span> Do something.</li>
<li><span class="red-circle">Red circle</span> <span class="yellow-circle">Yellow circle</span> <span class="green-circle">Green circle</span> <span class="gray-circle">Gray circle</span></li>
<li><span class="star"></span> <span class="heart"></span></li>
<li><span class="cross">no</span> <span class="check">yes!</span></li>
</ul>


<hr />
  </div>
  <div id="footer">
    <p>by <em>Fabio Cevasco</em> &ndash; Created on October 15, 2013</p>
  </div>
</body>