blogdown 0.0.2 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +27 -26
- data/blogdown.gemspec +2 -0
- data/features/server.feature +8 -0
- data/features/step_definitions/blogdown_steps.rb +15 -0
- data/lib/blogdown/app.rb +35 -0
- data/lib/blogdown/cli.rb +11 -3
- data/lib/blogdown/exceptions.rb +0 -1
- data/lib/blogdown/file_pipeline.rb +14 -3
- data/lib/blogdown/version.rb +3 -3
- data/lib/blogdown.rb +4 -0
- data/lib/public/images/body-bg.png +0 -0
- data/lib/public/images/highlight-bg.jpg +0 -0
- data/lib/public/images/hr.png +0 -0
- data/lib/public/images/octocat-icon.png +0 -0
- data/lib/public/images/tar-gz-icon.png +0 -0
- data/lib/public/images/zip-icon.png +0 -0
- data/{spec/fixtures/output/hello.html → lib/public/javascripts/main.js} +0 -0
- data/lib/public/stylesheets/print.css +226 -0
- data/lib/public/stylesheets/pygment_trac.css +69 -0
- data/lib/public/stylesheets/stylesheet.css +371 -0
- data/lib/views/base.erb +42 -0
- data/lib/views/home.erb +19 -0
- data/lib/views/post.erb +438 -0
- data/spec/blogdown/blogdown_spec.rb +11 -5
- metadata +34 -8
- data/features/file_pipeline.feature +0 -10
- data/features/step_definitions/file_pipeline_steps.rb +0 -18
|
@@ -0,0 +1,371 @@
|
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
+
v2.0 | 20110126
|
|
3
|
+
License: none (public domain)
|
|
4
|
+
*/
|
|
5
|
+
html, body, div, span, applet, object, iframe,
|
|
6
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
7
|
+
a, abbr, acronym, address, big, cite, code,
|
|
8
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
9
|
+
small, strike, strong, sub, sup, tt, var,
|
|
10
|
+
b, u, i, center,
|
|
11
|
+
dl, dt, dd, ol, ul, li,
|
|
12
|
+
fieldset, form, label, legend,
|
|
13
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
14
|
+
article, aside, canvas, details, embed,
|
|
15
|
+
figure, figcaption, footer, header, hgroup,
|
|
16
|
+
menu, nav, output, ruby, section, summary,
|
|
17
|
+
time, mark, audio, video {
|
|
18
|
+
margin: 0;
|
|
19
|
+
padding: 0;
|
|
20
|
+
border: 0;
|
|
21
|
+
font-size: 100%;
|
|
22
|
+
font: inherit;
|
|
23
|
+
vertical-align: baseline;
|
|
24
|
+
}
|
|
25
|
+
/* HTML5 display-role reset for older browsers */
|
|
26
|
+
article, aside, details, figcaption, figure,
|
|
27
|
+
footer, header, hgroup, menu, nav, section {
|
|
28
|
+
display: block;
|
|
29
|
+
}
|
|
30
|
+
body {
|
|
31
|
+
line-height: 1;
|
|
32
|
+
}
|
|
33
|
+
ol, ul {
|
|
34
|
+
list-style: none;
|
|
35
|
+
}
|
|
36
|
+
blockquote, q {
|
|
37
|
+
quotes: none;
|
|
38
|
+
}
|
|
39
|
+
blockquote:before, blockquote:after,
|
|
40
|
+
q:before, q:after {
|
|
41
|
+
content: '';
|
|
42
|
+
content: none;
|
|
43
|
+
}
|
|
44
|
+
table {
|
|
45
|
+
border-collapse: collapse;
|
|
46
|
+
border-spacing: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* LAYOUT STYLES */
|
|
50
|
+
body {
|
|
51
|
+
font-size: 1em;
|
|
52
|
+
line-height: 1.5;
|
|
53
|
+
background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat;
|
|
54
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, serif;
|
|
55
|
+
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
|
|
56
|
+
color: #6d6d6d;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
a {
|
|
60
|
+
color: #d5000d;
|
|
61
|
+
}
|
|
62
|
+
a:hover {
|
|
63
|
+
color: #c5000c;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
header {
|
|
67
|
+
padding-top: 35px;
|
|
68
|
+
padding-bottom: 25px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
header h1 {
|
|
72
|
+
font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900;
|
|
73
|
+
letter-spacing: -1px;
|
|
74
|
+
font-size: 48px;
|
|
75
|
+
color: #303030;
|
|
76
|
+
line-height: 1.2;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
header h2 {
|
|
80
|
+
letter-spacing: -1px;
|
|
81
|
+
font-size: 24px;
|
|
82
|
+
color: #aaa;
|
|
83
|
+
font-weight: normal;
|
|
84
|
+
line-height: 1.3;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
#container {
|
|
88
|
+
background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat;
|
|
89
|
+
min-height: 595px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.inner {
|
|
93
|
+
width: 620px;
|
|
94
|
+
margin: 0 auto;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
#container .inner img {
|
|
98
|
+
max-width: 100%;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
#downloads {
|
|
102
|
+
margin-bottom: 40px;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
a.button {
|
|
106
|
+
-moz-border-radius: 30px;
|
|
107
|
+
-webkit-border-radius: 30px;
|
|
108
|
+
border-radius: 30px;
|
|
109
|
+
border-top: solid 1px #cbcbcb;
|
|
110
|
+
border-left: solid 1px #b7b7b7;
|
|
111
|
+
border-right: solid 1px #b7b7b7;
|
|
112
|
+
border-bottom: solid 1px #b3b3b3;
|
|
113
|
+
color: #303030;
|
|
114
|
+
line-height: 25px;
|
|
115
|
+
font-weight: bold;
|
|
116
|
+
font-size: 15px;
|
|
117
|
+
padding: 12px 8px 12px 8px;
|
|
118
|
+
display: block;
|
|
119
|
+
float: left;
|
|
120
|
+
width: 179px;
|
|
121
|
+
margin-right: 14px;
|
|
122
|
+
background: #fdfdfd; /* Old browsers */
|
|
123
|
+
background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */
|
|
124
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
|
|
125
|
+
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
|
|
126
|
+
background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */
|
|
127
|
+
background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */
|
|
128
|
+
background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */
|
|
129
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
|
|
130
|
+
-webkit-box-shadow: 10px 10px 5px #888;
|
|
131
|
+
-moz-box-shadow: 10px 10px 5px #888;
|
|
132
|
+
box-shadow: 0px 1px 5px #e8e8e8;
|
|
133
|
+
}
|
|
134
|
+
a.button:hover {
|
|
135
|
+
border-top: solid 1px #b7b7b7;
|
|
136
|
+
border-left: solid 1px #b3b3b3;
|
|
137
|
+
border-right: solid 1px #b3b3b3;
|
|
138
|
+
border-bottom: solid 1px #b3b3b3;
|
|
139
|
+
background: #fafafa; /* Old browsers */
|
|
140
|
+
background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */
|
|
141
|
+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
|
|
142
|
+
background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
|
|
143
|
+
background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */
|
|
144
|
+
background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */
|
|
145
|
+
background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */
|
|
146
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
a.button span {
|
|
150
|
+
padding-left: 50px;
|
|
151
|
+
display: block;
|
|
152
|
+
height: 23px;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
#download-zip span {
|
|
156
|
+
background: transparent url(../images/zip-icon.png) 12px 50% no-repeat;
|
|
157
|
+
}
|
|
158
|
+
#download-tar-gz span {
|
|
159
|
+
background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat;
|
|
160
|
+
}
|
|
161
|
+
#view-on-github span {
|
|
162
|
+
background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat;
|
|
163
|
+
}
|
|
164
|
+
#view-on-github {
|
|
165
|
+
margin-right: 0;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
code, pre {
|
|
169
|
+
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
|
|
170
|
+
color: #222;
|
|
171
|
+
margin-bottom: 30px;
|
|
172
|
+
font-size: 14px;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
code {
|
|
176
|
+
background-color: #f2f2f2;
|
|
177
|
+
border: solid 1px #ddd;
|
|
178
|
+
padding: 0 3px;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
pre {
|
|
182
|
+
padding: 20px;
|
|
183
|
+
background: #303030;
|
|
184
|
+
color: #f2f2f2;
|
|
185
|
+
text-shadow: none;
|
|
186
|
+
overflow: auto;
|
|
187
|
+
}
|
|
188
|
+
pre code {
|
|
189
|
+
color: #f2f2f2;
|
|
190
|
+
background-color: #303030;
|
|
191
|
+
border: none;
|
|
192
|
+
padding: 0;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
ul, ol, dl {
|
|
196
|
+
margin-bottom: 20px;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
/* COMMON STYLES */
|
|
201
|
+
|
|
202
|
+
hr {
|
|
203
|
+
height: 1px;
|
|
204
|
+
line-height: 1px;
|
|
205
|
+
margin-top: 1em;
|
|
206
|
+
padding-bottom: 1em;
|
|
207
|
+
border: none;
|
|
208
|
+
background: transparent url('../images/hr.png') 50% 0 no-repeat;
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
strong {
|
|
212
|
+
font-weight: bold;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
em {
|
|
216
|
+
font-style: italic;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
table {
|
|
220
|
+
width: 100%;
|
|
221
|
+
border: 1px solid #ebebeb;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
th {
|
|
225
|
+
font-weight: 500;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
td {
|
|
229
|
+
border: 1px solid #ebebeb;
|
|
230
|
+
text-align: center;
|
|
231
|
+
font-weight: 300;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
form {
|
|
235
|
+
background: #f2f2f2;
|
|
236
|
+
padding: 20px;
|
|
237
|
+
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
|
|
241
|
+
/* GENERAL ELEMENT TYPE STYLES */
|
|
242
|
+
|
|
243
|
+
h1 {
|
|
244
|
+
font-size: 32px;
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
h2 {
|
|
248
|
+
font-size: 22px;
|
|
249
|
+
font-weight: bold;
|
|
250
|
+
color: #303030;
|
|
251
|
+
margin-bottom: 8px;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
h3 {
|
|
255
|
+
color: #d5000d;
|
|
256
|
+
font-size: 18px;
|
|
257
|
+
font-weight: bold;
|
|
258
|
+
margin-bottom: 8px;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
h4 {
|
|
262
|
+
font-size: 16px;
|
|
263
|
+
color: #303030;
|
|
264
|
+
font-weight: bold;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
h5 {
|
|
268
|
+
font-size: 1em;
|
|
269
|
+
color: #303030;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
h6 {
|
|
273
|
+
font-size: .8em;
|
|
274
|
+
color: #303030;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
p {
|
|
278
|
+
font-weight: 300;
|
|
279
|
+
margin-bottom: 20px;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
a {
|
|
283
|
+
text-decoration: none;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
p a {
|
|
287
|
+
font-weight: 400;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
blockquote {
|
|
291
|
+
font-size: 1.6em;
|
|
292
|
+
border-left: 10px solid #e9e9e9;
|
|
293
|
+
margin-bottom: 20px;
|
|
294
|
+
padding: 0 0 0 30px;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
ul li {
|
|
298
|
+
list-style: disc inside;
|
|
299
|
+
padding-left: 20px;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
ol li {
|
|
303
|
+
list-style: decimal inside;
|
|
304
|
+
padding-left: 3px;
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
dl dt {
|
|
308
|
+
color: #303030;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
footer {
|
|
312
|
+
background: transparent url('../images/hr.png') 0 0 no-repeat;
|
|
313
|
+
margin-top: 40px;
|
|
314
|
+
padding-top: 20px;
|
|
315
|
+
padding-bottom: 30px;
|
|
316
|
+
font-size: 13px;
|
|
317
|
+
color: #aaa;
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
footer a {
|
|
321
|
+
color: #666;
|
|
322
|
+
}
|
|
323
|
+
footer a:hover {
|
|
324
|
+
color: #444;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
/* MISC */
|
|
328
|
+
.clearfix:after {
|
|
329
|
+
clear: both;
|
|
330
|
+
content: '.';
|
|
331
|
+
display: block;
|
|
332
|
+
visibility: hidden;
|
|
333
|
+
height: 0;
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
.clearfix {display: inline-block;}
|
|
337
|
+
* html .clearfix {height: 1%;}
|
|
338
|
+
.clearfix {display: block;}
|
|
339
|
+
|
|
340
|
+
/* #Media Queries
|
|
341
|
+
================================================== */
|
|
342
|
+
|
|
343
|
+
/* Smaller than standard 960 (devices and browsers) */
|
|
344
|
+
@media only screen and (max-width: 959px) {}
|
|
345
|
+
|
|
346
|
+
/* Tablet Portrait size to standard 960 (devices and browsers) */
|
|
347
|
+
@media only screen and (min-width: 768px) and (max-width: 959px) {}
|
|
348
|
+
|
|
349
|
+
/* All Mobile Sizes (devices and browser) */
|
|
350
|
+
@media only screen and (max-width: 767px) {
|
|
351
|
+
header {
|
|
352
|
+
padding-top: 10px;
|
|
353
|
+
padding-bottom: 10px;
|
|
354
|
+
}
|
|
355
|
+
#downloads {
|
|
356
|
+
margin-bottom: 25px;
|
|
357
|
+
}
|
|
358
|
+
#download-zip, #download-tar-gz {
|
|
359
|
+
display: none;
|
|
360
|
+
}
|
|
361
|
+
.inner {
|
|
362
|
+
width: 94%;
|
|
363
|
+
margin: 0 auto;
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
|
|
368
|
+
@media only screen and (min-width: 480px) and (max-width: 767px) {}
|
|
369
|
+
|
|
370
|
+
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
|
|
371
|
+
@media only screen and (max-width: 479px) {}
|
data/lib/views/base.erb
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
6
|
+
<link href='https://fonts.googleapis.com/css?family=Chivo:900' rel='stylesheet' type='text/css'>
|
|
7
|
+
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
|
|
8
|
+
<link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen">
|
|
9
|
+
<link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print">
|
|
10
|
+
<!--[if lt IE 9]>
|
|
11
|
+
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
12
|
+
<![endif]-->
|
|
13
|
+
<title>blogdown</title>
|
|
14
|
+
</head>
|
|
15
|
+
|
|
16
|
+
<body>
|
|
17
|
+
<div id="container">
|
|
18
|
+
<div class="inner">
|
|
19
|
+
|
|
20
|
+
<header>
|
|
21
|
+
<h1>Blogging Down</h1>
|
|
22
|
+
</header>
|
|
23
|
+
|
|
24
|
+
<section id="downloads" class="clearfix">
|
|
25
|
+
<a href="https://github.com/gernest/blogdown" id="view-on-github" class="button"><span>View on GitHub</span></a>
|
|
26
|
+
</section>
|
|
27
|
+
|
|
28
|
+
<hr>
|
|
29
|
+
|
|
30
|
+
<section id="main_content">
|
|
31
|
+
<%= yield %>
|
|
32
|
+
</section>
|
|
33
|
+
|
|
34
|
+
<footer>
|
|
35
|
+
Brought to you with love
|
|
36
|
+
</footer>
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</body>
|
|
42
|
+
</html>
|
data/lib/views/home.erb
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
<div id="home">
|
|
2
|
+
<div id="files">
|
|
3
|
+
<ul>
|
|
4
|
+
<% built_files.each do |file| %>
|
|
5
|
+
<li>
|
|
6
|
+
<a href="/post/<%= file.basename.to_s.gsub('.md.html', '') %>">
|
|
7
|
+
<%= file.basename.to_s %>
|
|
8
|
+
</a>
|
|
9
|
+
<button id="copy-file">
|
|
10
|
+
copy
|
|
11
|
+
</button>
|
|
12
|
+
<button>
|
|
13
|
+
view
|
|
14
|
+
</button>
|
|
15
|
+
</li>
|
|
16
|
+
<% end %>
|
|
17
|
+
</ul>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|