blob: a5cc081b81d3cec7cb16cf1924fbcfe57d548e86 (
plain)
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>${title}</title>
<style type="text/css">
body { font-family: Helvetica, arial, freesans, clean, sans-serif;
line-height: 1.4;
max-width: 48em;
margin: auto;
color: #333333;
background-color: #fff;
font-size: 13pt;
}
div#TOC ul { list-style: none; }
h1 { font-size: 140%; font-weight: bold; border-top: 1px solid gray; padding-top: 0.5em; }
h2 { font-size: 120%; font-weight: bold; }
h3 { font-size: 110%; font-weight: bold; }
h4 { font-size: 100%; font-weight: bold; }
a.definition { font-weight: bold; }
span.space { position: relative; }
span.space:after {
content: "·";
position: absolute;
/* create a mark that indicates a space (trick from D. Greenspan) */
top: 0px; bottom: 7px; left: 1px; right: 1px;
color: #AAA;
}
div.example { overflow: hidden; }
p { text-align: justify; }
pre { padding: 0.5em; margin-left: 0; margin-right: 0; margin-top: 0.2em;
margin-bottom: 0.5em; font-size: 88%; }
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
code { font-family: monospace; background-color: #D3E1E4; }
pre > code { background-color: transparent; }
div.example > pre { float:left; width: 48%; }
div.example > pre:nth-child(2) { clear:left; background-color: #D3E1E4; }
div.example > pre:nth-child(3) { clear:right; background-color: #C9CaCE; }
#watermark {
position:fixed;
bottom:0px;
left:0px;
padding: 1em;
width: 100%;
font-size: 120%;
opacity:0.7;
z-index:99;
color: white;
}
#watermark a { color: white; }
div.examplenum { font-size: 82%; text-align: left; }
a.dingus { color: red; cursor: pointer; }
a.footnoteRef > sup:before {
content: "[";
}
a.footnoteRef > sup:after {
content: "]";
}
a.footnoteRef > sup {
vertical-align: baseline;
font-size: 100%;
}
</style>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$$(document).ready(function() {
$$("div.example").each(function(e) {
var t = $$(this).find('code.markdown').text();
$$(this).find('a.dingus').click(function(f) {
window.open('/dingus.html?text=' +
encodeURIComponent(t.replace(/→/g,"\t")));
});
});
$$("code.markdown").dblclick(function(e) { window.open('/dingus.html?text=' +
encodeURIComponent($$(this).find('code').text()));
});
});
</script>
</head>
<body>
<h1 class="title">${title}</h1>
<div class="version">Version ${version} (${date})</div>
<div class="authors">
<span class="author">${author}</span>
</div>
<div class="license">
<a rel="license"
href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative
Commons BY-SA" style="border-width:0"
src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png"
/></a><br/><span style="display:none"><span xmlns:dct="http://purl.org/dc/terms/"
href="http://purl.org/dc/dcmitype/Text" property="dct:title"
rel="dct:type">CommonMark Spec</span> by
<a xmlns:cc="http://creativecommons.org/ns#"
href="http://spec.commonmark.org" property="cc:attributionName"
rel="cc:attributionURL">John MacFarlane</a> is licensed under a
<a rel="license"
href="http://creativecommons.org/licenses/by-sa/4.0/">Creative
Commons Attribution-ShareAlike 4.0 International License</a>.</span>
</div>
<div id="watermark"></div>
${body}
</body>
</html>
|
