diff options
Diffstat (limited to 'filters/html-converters/md2html')
-rwxr-xr-x | filters/html-converters/md2html | 283 |
1 files changed, 282 insertions, 1 deletions
diff --git a/filters/html-converters/md2html b/filters/html-converters/md2html index 5cab749..138713d 100755 --- a/filters/html-converters/md2html +++ b/filters/html-converters/md2html | |||
@@ -1,2 +1,283 @@ | |||
1 | #!/bin/sh | 1 | #!/bin/sh |
2 | exec "$(dirname "$0")/resources/markdown.pl" | 2 | cat <<_EOF |
3 | <style> | ||
4 | .markdown-body { | ||
5 | font-size: 14px; | ||
6 | line-height: 1.6; | ||
7 | overflow: hidden; | ||
8 | } | ||
9 | .markdown-body>*:first-child { | ||
10 | margin-top: 0 !important; | ||
11 | } | ||
12 | .markdown-body>*:last-child { | ||
13 | margin-bottom: 0 !important; | ||
14 | } | ||
15 | .markdown-body a.absent { | ||
16 | color: #c00; | ||
17 | } | ||
18 | .markdown-body a.anchor { | ||
19 | display: block; | ||
20 | padding-left: 30px; | ||
21 | margin-left: -30px; | ||
22 | cursor: pointer; | ||
23 | position: absolute; | ||
24 | top: 0; | ||
25 | left: 0; | ||
26 | bottom: 0; | ||
27 | } | ||
28 | .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { | ||
29 | margin: 20px 0 10px; | ||
30 | padding: 0; | ||
31 | font-weight: bold; | ||
32 | -webkit-font-smoothing: antialiased; | ||
33 | cursor: text; | ||
34 | position: relative; | ||
35 | } | ||
36 | .markdown-body h1 .mini-icon-link, .markdown-body h2 .mini-icon-link, .markdown-body h3 .mini-icon-link, .markdown-body h4 .mini-icon-link, .markdown-body h5 .mini-icon-link, .markdown-body h6 .mini-icon-link { | ||
37 | display: none; | ||
38 | color: #000; | ||
39 | } | ||
40 | .markdown-body h1:hover a.anchor, .markdown-body h2:hover a.anchor, .markdown-body h3:hover a.anchor, .markdown-body h4:hover a.anchor, .markdown-body h5:hover a.anchor, .markdown-body h6:hover a.anchor { | ||
41 | text-decoration: none; | ||
42 | line-height: 1; | ||
43 | padding-left: 0; | ||
44 | margin-left: -22px; | ||
45 | top: 15%} | ||
46 | .markdown-body h1:hover a.anchor .mini-icon-link, .markdown-body h2:hover a.anchor .mini-icon-link, .markdown-body h3:hover a.anchor .mini-icon-link, .markdown-body h4:hover a.anchor .mini-icon-link, .markdown-body h5:hover a.anchor .mini-icon-link, .markdown-body h6:hover a.anchor .mini-icon-link { | ||
47 | display: inline-block; | ||
48 | } | ||
49 | .markdown-body h1 tt, .markdown-body h1 code, .markdown-body h2 tt, .markdown-body h2 code, .markdown-body h3 tt, .markdown-body h3 code, .markdown-body h4 tt, .markdown-body h4 code, .markdown-body h5 tt, .markdown-body h5 code, .markdown-body h6 tt, .markdown-body h6 code { | ||
50 | font-size: inherit; | ||
51 | } | ||
52 | .markdown-body h1 { | ||
53 | font-size: 28px; | ||
54 | color: #000; | ||
55 | } | ||
56 | .markdown-body h2 { | ||
57 | font-size: 24px; | ||
58 | border-bottom: 1px solid #ccc; | ||
59 | color: #000; | ||
60 | } | ||
61 | .markdown-body h3 { | ||
62 | font-size: 18px; | ||
63 | } | ||
64 | .markdown-body h4 { | ||
65 | font-size: 16px; | ||
66 | } | ||
67 | .markdown-body h5 { | ||
68 | font-size: 14px; | ||
69 | } | ||
70 | .markdown-body h6 { | ||
71 | color: #777; | ||
72 | font-size: 14px; | ||
73 | } | ||
74 | .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { | ||
75 | margin: 15px 0; | ||
76 | } | ||
77 | .markdown-body hr { | ||
78 | background: transparent url("/dirty-shade.png") repeat-x 0 0; | ||
79 | border: 0 none; | ||
80 | color: #ccc; | ||
81 | height: 4px; | ||
82 | padding: 0; | ||
83 | } | ||
84 | .markdown-body>h2:first-child, .markdown-body>h1:first-child, .markdown-body>h1:first-child+h2, .markdown-body>h3:first-child, .markdown-body>h4:first-child, .markdown-body>h5:first-child, .markdown-body>h6:first-child { | ||
85 | margin-top: 0; | ||
86 | padding-top: 0; | ||
87 | } | ||
88 | .markdown-body a:first-child h1, .markdown-body a:first-child h2, .markdown-body a:first-child h3, .markdown-body a:first-child h4, .markdown-body a:first-child h5, .markdown-body a:first-child h6 { | ||
89 | margin-top: 0; | ||
90 | padding-top: 0; | ||
91 | } | ||
92 | .markdown-body h1+p, .markdown-body h2+p, .markdown-body h3+p, .markdown-body h4+p, .markdown-body h5+p, .markdown-body h6+p { | ||
93 | margin-top: 0; | ||
94 | } | ||
95 | .markdown-body li p.first { | ||
96 | display: inline-block; | ||
97 | } | ||
98 | .markdown-body ul, .markdown-body ol { | ||
99 | padding-left: 30px; | ||
100 | } | ||
101 | .markdown-body ul.no-list, .markdown-body ol.no-list { | ||
102 | list-style-type: none; | ||
103 | padding: 0; | ||
104 | } | ||
105 | .markdown-body ul li>:first-child, .markdown-body ul li ul:first-of-type, .markdown-body ul li ol:first-of-type, .markdown-body ol li>:first-child, .markdown-body ol li ul:first-of-type, .markdown-body ol li ol:first-of-type { | ||
106 | margin-top: 0px; | ||
107 | } | ||
108 | .markdown-body ul li p:last-of-type, .markdown-body ol li p:last-of-type { | ||
109 | margin-bottom: 0; | ||
110 | } | ||
111 | .markdown-body ul ul, .markdown-body ul ol, .markdown-body ol ol, .markdown-body ol ul { | ||
112 | margin-bottom: 0; | ||
113 | } | ||
114 | .markdown-body dl { | ||
115 | padding: 0; | ||
116 | } | ||
117 | .markdown-body dl dt { | ||
118 | font-size: 14px; | ||
119 | font-weight: bold; | ||
120 | font-style: italic; | ||
121 | padding: 0; | ||
122 | margin: 15px 0 5px; | ||
123 | } | ||
124 | .markdown-body dl dt:first-child { | ||
125 | padding: 0; | ||
126 | } | ||
127 | .markdown-body dl dt>:first-child { | ||
128 | margin-top: 0px; | ||
129 | } | ||
130 | .markdown-body dl dt>:last-child { | ||
131 | margin-bottom: 0px; | ||
132 | } | ||
133 | .markdown-body dl dd { | ||
134 | margin: 0 0 15px; | ||
135 | padding: 0 15px; | ||
136 | } | ||
137 | .markdown-body dl dd>:first-child { | ||
138 | margin-top: 0px; | ||
139 | } | ||
140 | .markdown-body dl dd>:last-child { | ||
141 | margin-bottom: 0px; | ||
142 | } | ||
143 | .markdown-body blockquote { | ||
144 | border-left: 4px solid #DDD; | ||
145 | padding: 0 15px; | ||
146 | color: #777; | ||
147 | } | ||
148 | .markdown-body blockquote>:first-child { | ||
149 | margin-top: 0px; | ||
150 | } | ||
151 | .markdown-body blockquote>:last-child { | ||
152 | margin-bottom: 0px; | ||
153 | } | ||
154 | .markdown-body table th { | ||
155 | font-weight: bold; | ||
156 | } | ||
157 | .markdown-body table th, .markdown-body table td { | ||
158 | border: 1px solid #ccc; | ||
159 | padding: 6px 13px; | ||
160 | } | ||
161 | .markdown-body table tr { | ||
162 | border-top: 1px solid #ccc; | ||
163 | background-color: #fff; | ||
164 | } | ||
165 | .markdown-body table tr:nth-child(2n) { | ||
166 | background-color: #f8f8f8; | ||
167 | } | ||
168 | .markdown-body img { | ||
169 | max-width: 100%; | ||
170 | -moz-box-sizing: border-box; | ||
171 | box-sizing: border-box; | ||
172 | } | ||
173 | .markdown-body span.frame { | ||
174 | display: block; | ||
175 | overflow: hidden; | ||
176 | } | ||
177 | .markdown-body span.frame>span { | ||
178 | border: 1px solid #ddd; | ||
179 | display: block; | ||
180 | float: left; | ||
181 | overflow: hidden; | ||
182 | margin: 13px 0 0; | ||
183 | padding: 7px; | ||
184 | width: auto; | ||
185 | } | ||
186 | .markdown-body span.frame span img { | ||
187 | display: block; | ||
188 | float: left; | ||
189 | } | ||
190 | .markdown-body span.frame span span { | ||
191 | clear: both; | ||
192 | color: #333; | ||
193 | display: block; | ||
194 | padding: 5px 0 0; | ||
195 | } | ||
196 | .markdown-body span.align-center { | ||
197 | display: block; | ||
198 | overflow: hidden; | ||
199 | clear: both; | ||
200 | } | ||
201 | .markdown-body span.align-center>span { | ||
202 | display: block; | ||
203 | overflow: hidden; | ||
204 | margin: 13px auto 0; | ||
205 | text-align: center; | ||
206 | } | ||
207 | .markdown-body span.align-center span img { | ||
208 | margin: 0 auto; | ||
209 | text-align: center; | ||
210 | } | ||
211 | .markdown-body span.align-right { | ||
212 | display: block; | ||
213 | overflow: hidden; | ||
214 | clear: both; | ||
215 | } | ||
216 | .markdown-body span.align-right>span { | ||
217 | display: block; | ||
218 | overflow: hidden; | ||
219 | margin: 13px 0 0; | ||
220 | text-align: right; | ||
221 | } | ||
222 | .markdown-body span.align-right span img { | ||
223 | margin: 0; | ||
224 | text-align: right; | ||
225 | } | ||
226 | .markdown-body span.float-left { | ||
227 | display: block; | ||
228 | margin-right: 13px; | ||
229 | overflow: hidden; | ||
230 | float: left; | ||
231 | } | ||
232 | .markdown-body span.float-left span { | ||
233 | margin: 13px 0 0; | ||
234 | } | ||
235 | .markdown-body span.float-right { | ||
236 | display: block; | ||
237 | margin-left: 13px; | ||
238 | overflow: hidden; | ||
239 | float: right; | ||
240 | } | ||
241 | .markdown-body span.float-right>span { | ||
242 | display: block; | ||
243 | overflow: hidden; | ||
244 | margin: 13px auto 0; | ||
245 | text-align: right; | ||
246 | } | ||
247 | .markdown-body code, .markdown-body tt { | ||
248 | margin: 0 2px; | ||
249 | padding: 0px 5px; | ||
250 | border: 1px solid #eaeaea; | ||
251 | background-color: #f8f8f8; | ||
252 | border-radius: 3px; | ||
253 | } | ||
254 | .markdown-body code { | ||
255 | white-space: nowrap; | ||
256 | } | ||
257 | .markdown-body pre>code { | ||
258 | margin: 0; | ||
259 | padding: 0; | ||
260 | white-space: pre; | ||
261 | border: none; | ||
262 | background: transparent; | ||
263 | } | ||
264 | .markdown-body .highlight pre, .markdown-body pre { | ||
265 | background-color: #f8f8f8; | ||
266 | border: 1px solid #ccc; | ||
267 | font-size: 13px; | ||
268 | line-height: 19px; | ||
269 | overflow: auto; | ||
270 | padding: 6px 10px; | ||
271 | border-radius: 3px; | ||
272 | } | ||
273 | .markdown-body pre code, .markdown-body pre tt { | ||
274 | margin: 0; | ||
275 | padding: 0; | ||
276 | background-color: transparent; | ||
277 | border: none; | ||
278 | } | ||
279 | </style> | ||
280 | _EOF | ||
281 | echo "<div class='markdown-body'>" | ||
282 | markdown_py -o html5 | ||
283 | echo "</div>" | ||