blogdown 0.0.2 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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) {}
@@ -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>
@@ -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>