jekyll 1.0.0.rc1 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of jekyll might be problematic. Click here for more details.

Files changed (72) hide show
  1. data/CONTRIBUTING.md +1 -1
  2. data/History.txt +15 -1
  3. data/Rakefile +0 -4
  4. data/bin/jekyll +3 -3
  5. data/features/pagination.feature +5 -5
  6. data/features/step_definitions/jekyll_steps.rb +1 -1
  7. data/jekyll.gemspec +9 -6
  8. data/lib/jekyll.rb +1 -2
  9. data/lib/jekyll/commands/new.rb +4 -0
  10. data/lib/jekyll/configuration.rb +3 -1
  11. data/lib/jekyll/converters/markdown/redcarpet_parser.rb +1 -0
  12. data/lib/jekyll/convertible.rb +66 -36
  13. data/lib/jekyll/deprecator.rb +9 -0
  14. data/lib/jekyll/filters.rb +17 -4
  15. data/lib/jekyll/generators/pagination.rb +17 -5
  16. data/lib/jekyll/logger.rb +3 -1
  17. data/lib/jekyll/page.rb +1 -13
  18. data/lib/jekyll/post.rb +67 -49
  19. data/lib/jekyll/site.rb +3 -3
  20. data/lib/jekyll/tags/highlight.rb +2 -0
  21. data/lib/jekyll/tags/post_url.rb +25 -7
  22. data/lib/site_template/.gitignore +1 -0
  23. data/lib/site_template/_config.yml +1 -0
  24. data/lib/site_template/_layouts/default.html +44 -36
  25. data/lib/site_template/_layouts/post.html +3 -0
  26. data/lib/site_template/css/main.css +165 -0
  27. data/site/_includes/docs_contents.html +4 -1
  28. data/site/_includes/docs_contents_mobile.html +36 -0
  29. data/site/_includes/footer.html +10 -10
  30. data/site/_includes/header.html +7 -15
  31. data/site/_includes/primary-nav-items.html +11 -0
  32. data/site/_includes/top.html +2 -1
  33. data/site/_layouts/default.html +1 -1
  34. data/site/_layouts/docs.html +4 -2
  35. data/site/_posts/2012-07-01-configuration.md +18 -8
  36. data/site/_posts/2012-07-01-contributing.md +22 -6
  37. data/site/_posts/2012-07-01-extras.md +3 -2
  38. data/site/_posts/2012-07-01-frontmatter.md +7 -2
  39. data/site/_posts/2012-07-01-home.md +4 -4
  40. data/site/_posts/2012-07-01-installation.md +6 -6
  41. data/site/_posts/2012-07-01-migrations.md +64 -23
  42. data/site/_posts/2012-07-01-pages.md +2 -2
  43. data/site/_posts/2012-07-01-pagination.md +6 -1
  44. data/site/_posts/2012-07-01-permalinks.md +6 -0
  45. data/site/_posts/2012-07-01-plugins.md +9 -1
  46. data/site/_posts/2012-07-01-resources.md +1 -4
  47. data/site/_posts/2012-07-01-structure.md +3 -1
  48. data/site/_posts/2012-07-01-templates.md +2 -1
  49. data/site/_posts/2012-07-01-troubleshooting.md +20 -2
  50. data/site/_posts/2012-07-01-upgrading.md +104 -0
  51. data/site/_posts/2012-07-01-usage.md +1 -1
  52. data/site/_posts/2012-07-01-variables.md +18 -9
  53. data/site/css/gridism.css +110 -0
  54. data/site/css/style.css +236 -101
  55. data/site/img/footer-logo.png +0 -0
  56. data/site/img/octojekyll.png +0 -0
  57. data/site/index.html +51 -43
  58. data/test/helper.rb +1 -0
  59. data/test/source/_posts/es/2008-11-21-nested.textile +8 -0
  60. data/test/test_convertible.rb +1 -1
  61. data/test/test_filters.rb +34 -11
  62. data/test/test_generated_site.rb +13 -2
  63. data/test/test_kramdown.rb +4 -2
  64. data/test/test_pager.rb +4 -2
  65. data/test/test_post.rb +2 -2
  66. data/test/test_site.rb +7 -6
  67. data/test/test_tags.rb +30 -0
  68. metadata +12 -12
  69. data/lib/site_template/css/screen.css +0 -189
  70. data/lib/site_template/images/.gitkeep +0 -0
  71. data/lib/site_template/images/rss.png +0 -0
  72. data/site/css/grid.css +0 -62
@@ -1,5 +1,11 @@
1
1
  /* Base */
2
2
 
3
+ * {
4
+ box-sizing: border-box;
5
+ -webkit-box-sizing: border-box;
6
+ -moz-box-sizing: border-box;
7
+ }
8
+
3
9
  body {
4
10
  font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;
5
11
  font-size: 21px;
@@ -11,6 +17,18 @@ body {
11
17
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
12
18
  }
13
19
 
20
+ .clear {
21
+ display: block;
22
+ }
23
+
24
+ .clear:after {
25
+ content: " ";
26
+ display: block;
27
+ height: 0;
28
+ clear: both;
29
+ visibility: hidden;
30
+ }
31
+
14
32
  /* Sections */
15
33
 
16
34
  body > header, body > section, body > footer {
@@ -19,34 +37,16 @@ body > header, body > section, body > footer {
19
37
  clear: both;
20
38
  }
21
39
 
22
- .content {
23
- padding: 20px 0;
24
- }
25
-
26
40
  /* Header */
27
41
 
28
- body > header {
29
- padding: 40px 0 10px;
30
- }
31
-
32
- body > header .content {
33
- padding: 0;
34
- }
35
-
36
- body > header h1 img {
37
- margin-left: -30px;
42
+ body > header h1, body > header nav {
43
+ display: inline-block;
38
44
  }
39
45
 
40
46
  body > header h1 span {
41
47
  display: none;
42
48
  }
43
49
 
44
- /* Navigation */
45
-
46
- nav {
47
- margin-top: 52px;
48
- }
49
-
50
50
  nav ul {
51
51
  padding: 0;
52
52
  margin: 0;
@@ -54,10 +54,17 @@ nav ul {
54
54
 
55
55
  nav li {
56
56
  display: inline-block;
57
- margin-left: 10px;
58
57
  }
59
58
 
60
- nav li a {
59
+ .main-nav {
60
+ margin-top: 52px;
61
+ }
62
+
63
+ .main-nav li {
64
+ margin-right: 10px;
65
+ }
66
+
67
+ .main-nav li a {
61
68
  border-radius: 5px;
62
69
  font-weight: 800;
63
70
  font-size: 14px;
@@ -69,19 +76,65 @@ nav li a {
69
76
  -webkit-transition: all .25s;
70
77
  }
71
78
 
72
- nav li a:hover {
79
+ .main-nav li a:hover {
73
80
  background: #252525;
74
81
  box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
75
82
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
76
83
  }
77
84
 
78
- nav li.current a {
85
+ .main-nav li.current a {
79
86
  background: #fc0;
80
87
  color: #222;
81
88
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
82
89
  text-shadow: 0 1px 0 rgba(255,255,255,.3);
83
90
  }
84
91
 
92
+ .mobile-nav ul {
93
+ overflow: hidden;
94
+ width: 100%;
95
+ display: table;
96
+ }
97
+
98
+ .mobile-nav a {
99
+ float: left;
100
+ width: 100%;
101
+ background: #333;
102
+ color: #fc0;
103
+ text-align: center;
104
+ text-transform: uppercase;
105
+ font-size: 14px;
106
+ font-weight: 800;
107
+ padding: 5px 0;
108
+ border-radius: 5px;
109
+ }
110
+
111
+ .mobile-nav .current a {
112
+ background: #fc0;
113
+ color: #222;
114
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 1px 5px rgba(0,0,0,.5);
115
+ text-shadow: 0 1px 0 rgba(255,255,255,.3);
116
+ }
117
+
118
+ .mobile-nav li {
119
+ display: table-cell;
120
+ width: 33.3%;
121
+ padding: 8px;
122
+ }
123
+
124
+ @media (max-width: 768px){
125
+ .main-nav ul {
126
+ text-align: right;
127
+ }
128
+ }
129
+ @media (max-width: 720px){
130
+ .main-nav .show-on-mobiles {
131
+ display: inline;
132
+ }
133
+ .main-nav .hide-on-mobiles {
134
+ display: none;
135
+ }
136
+ }
137
+
85
138
  /* Footer */
86
139
 
87
140
  body > footer {
@@ -96,50 +149,60 @@ body > footer a {
96
149
  color: #fff;
97
150
  }
98
151
 
99
- body > footer .align-right p, body > footer .align-right img {
152
+ body > footer .align-right p, body > footer img {
100
153
  display: inline-block;
101
154
  }
102
155
 
103
- body > footer .align-right img {
156
+ body > footer img {
104
157
  position: relative;
105
- top: 14px;
158
+ top: 8px;
106
159
  margin-left: 5px;
160
+ width: 100px;
161
+ height: 30px;
162
+ opacity: .8;
163
+ padding: 1px;
164
+ -webkit-transition: opacity .2s;
165
+ -moz-transition: opacity .2s;
166
+ transition: opacity .2s;
107
167
  }
108
168
 
109
- /* Utilities */
110
-
111
- .align-left {
112
- text-align: left;
169
+ body > footer a:hover img {
170
+ opacity: 1;
113
171
  }
114
172
 
115
- .align-right {
116
- text-align: right;
173
+ @media (max-width: 568px){
174
+ footer .one-third p {
175
+ margin-bottom: 0;
176
+ }
177
+ footer .two-thirds p {
178
+ margin-top: -20px;
179
+ }
117
180
  }
118
181
 
119
- .align-center {
120
- text-align: center;
121
- }
182
+ /* Intro */
122
183
 
123
- /* Sections */
124
-
125
- .intro .content {
184
+ .intro .unit {
126
185
  padding: 10px 0 40px;
127
186
  }
128
187
 
129
188
  .intro p {
130
- font-size: 3.2em;
189
+ font-size: 1.75em;
131
190
  line-height: 1em;
132
191
  margin: 0;
133
192
  }
134
193
 
135
- .features .content {
136
- padding: 20px 0 40px;
194
+ @media (min-width: 569px){
195
+ .intro p {
196
+ font-size: 3.2em;
197
+ }
137
198
  }
138
199
 
200
+ /* Quickstart */
201
+
139
202
  .quickstart {
140
203
  background: #3F1F1F;
141
204
  color: #fff;
142
- margin: 60px 0 80px;
205
+ margin: 60px 0;
143
206
  box-shadow: inset 0 3px 10px rgba(0,0,0,.4);
144
207
  }
145
208
 
@@ -147,80 +210,46 @@ body > footer .align-right img {
147
210
  padding: 0px 0;
148
211
  }
149
212
 
150
- .quickstart .code {
151
- margin: -30px 0;
152
- float: right;
153
- }
154
-
155
213
  .quickstart h4 {
156
- margin: 48px 0 0;
157
- font-size: 28px;
214
+ font-size: 24px;
215
+ line-height: 24px;
216
+ margin-top: 20px;
158
217
  text-shadow: 0 1px 3px rgba(0,0,0,.8);
159
218
  }
160
219
 
161
- .free-hosting .content {
162
- /*margin-bottom: 40px;*/
163
- position: relative;
164
- }
165
-
166
- .free-hosting .pane {
167
- background: #444;
168
- border-radius: 10px;
169
- padding: 40px 70px 30px;
170
- /*color: #222;*/
171
- text-shadow: none;
172
- }
173
-
174
- .free-hosting img {
175
- float: left;
176
- margin: -20px 40px -40px -20px;
177
- }
178
-
179
- .free-hosting h2 {
180
- /*font-weight: 800;*/
181
- }
182
- .free-hosting p,
183
- .free-hosting a {
184
- font-weight: inherit;
220
+ .quickstart .code {
221
+ font-size: 12px;
222
+ display: block;
223
+ margin: 0 0 -30px;
185
224
  }
186
225
 
187
- .free-hosting p {
188
- margin: 0.75em;
189
- }
190
-
191
- .free-hosting a {
192
- /*color: #c00;*/
193
- }
194
-
195
- .free-hosting .content:after {
196
- content: " ";
197
- float: right;
198
- background: url(../img/footer-arrow.png) top left no-repeat;
199
- width: 73px;
200
- height: 186px;
201
- position: absolute;
202
- right: 30px;
203
- bottom: -60px;
226
+ @media (min-width: 768px){
227
+ .quickstart .code {
228
+ font-size: 18px;
229
+ margin: -30px 0;
230
+ float: right;
231
+ }
232
+ .quickstart h4 {
233
+ margin: 50px 0 0;
234
+ text-align: center;
235
+ }
204
236
  }
205
237
 
206
238
  /* Code */
207
239
 
208
240
  .quickstart .code {
209
241
  display: block;
210
- background: #3d3d3d;
211
- border-radius: 5px;
242
+ padding: 0;
212
243
  font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
213
244
  line-height: 1.3em;
214
- box-shadow: 0 5px 30px rgba(0,0,0,.3);
215
245
  }
216
246
 
217
247
  .quickstart .code .title {
218
248
  display: block;
219
249
  text-align: center;
220
- margin: 0;
250
+ margin: 0 20px;
221
251
  padding: 5px 0;
222
- border-top-left-radius: 5px;
223
- border-top-right-radius: 5px;
252
+ border-radius: 5px 5px 0 0;
224
253
  box-shadow: box-shadow: 0 3px 10px rgba(0,0,0,.5);
225
254
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
226
255
  font-size: 16px;
@@ -242,6 +271,10 @@ body > footer .align-right img {
242
271
  .quickstart .code .shell {
243
272
  padding: 20px;
244
273
  text-shadow: none;
274
+ margin: 0 20px;
275
+ background: #3d3d3d;
276
+ border-radius: 0 0 5px 5px;
277
+ box-shadow: 0 5px 30px rgba(0,0,0,.3);
245
278
  }
246
279
 
247
280
  .quickstart .code .line {
@@ -270,6 +303,62 @@ body > footer .align-right img {
270
303
  color: #888;
271
304
  }
272
305
 
306
+ /* Free Hosting */
307
+
308
+ .free-hosting .pane {
309
+ background: #444;
310
+ border-radius: 10px;
311
+ text-shadow: none;
312
+ position: relative;
313
+ padding: 0 20px 30px;
314
+ }
315
+
316
+ .free-hosting img {
317
+ margin: -30px 0 0;
318
+ width: 180px;
319
+ height: 150px;
320
+ }
321
+
322
+ .free-hosting h2 {
323
+ font-size: 28px;
324
+ }
325
+
326
+ .free-hosting p,
327
+ .free-hosting a {
328
+ font-size: 16px;
329
+ }
330
+
331
+ .free-hosting p {
332
+ margin: .75em 0;
333
+ }
334
+
335
+ @media (min-width: 768px){
336
+ .free-hosting img {
337
+ float: left;
338
+ margin: -20px -30px -30px -50px;
339
+ width: 300px;
340
+ height: 251px;
341
+ }
342
+ .free-hosting .pane-content {
343
+ margin-top: 35px;
344
+ padding-right: 30px;
345
+ }
346
+ .free-hosting p,
347
+ .free-hosting a {
348
+ font-size: 18px;
349
+ }
350
+ .free-hosting .pane:after {
351
+ content: " ";
352
+ float: right;
353
+ background: url(../img/footer-arrow.png) top left no-repeat;
354
+ width: 73px;
355
+ height: 186px;
356
+ position: absolute;
357
+ right: 0;
358
+ bottom: -30px;
359
+ }
360
+ }
361
+
273
362
  /* Documentation */
274
363
 
275
364
  .docs .content {
@@ -279,9 +368,24 @@ body > footer .align-right img {
279
368
  .docs article {
280
369
  background: #444;
281
370
  border-radius: 10px;
282
- padding: 40px 40px 30px;
371
+ padding: 20px;
372
+ margin: 0 10px;
283
373
  box-shadow: 0 3px 10px rgba(0,0,0,.1);
284
374
  min-height: 800px;
375
+ font-size: 16px;
376
+ }
377
+
378
+ @media (max-width: 568px){
379
+ .docs article {
380
+ margin: 0;
381
+ }
382
+ }
383
+
384
+ @media (min-width: 768px){
385
+ .docs article {
386
+ padding: 40px 40px 30px;
387
+ font-size: 21px;
388
+ }
285
389
  }
286
390
 
287
391
  .docs aside {
@@ -328,6 +432,7 @@ body > footer .align-right img {
328
432
  padding-top: 40px;
329
433
  position: relative;
330
434
  background: url(../img/article-footer.png) top center no-repeat;
435
+ margin: 40px -20px 10px;
331
436
  }
332
437
 
333
438
  .section-nav > div {
@@ -391,6 +496,9 @@ body > footer .align-right img {
391
496
  cursor: default;
392
497
  }
393
498
 
499
+ .docs-nav-mobile select {
500
+ width: 100%;
501
+ }
394
502
 
395
503
  /* Code Highlighting */
396
504
 
@@ -401,11 +509,17 @@ pre, code {
401
509
  margin: 0;
402
510
  padding: 0;
403
511
  font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace;
404
- font-size: 16px;
512
+ font-size: 14px;
405
513
  padding: 0 .5em;
406
514
  line-height: 1.8em;
407
515
  }
408
516
 
517
+ @media (min-width: 768px){
518
+ pre, code {
519
+ font-size: 16px;
520
+ }
521
+ }
522
+
409
523
  .highlight, p > pre, p > code, p > nobr > code, li > code {
410
524
  background: #333;
411
525
  color: #fff;
@@ -421,7 +535,6 @@ pre, code {
421
535
  overflow: scroll;
422
536
  }
423
537
 
424
-
425
538
  /* HTML Elements */
426
539
 
427
540
  h1, h2, h3, h4, h5, h6 {
@@ -586,7 +699,7 @@ code.option, code.flag, code.filter, code.output {
586
699
 
587
700
  .note {
588
701
  margin: 30px 0;
589
- margin-left: -50px;
702
+ margin-left: -30px;
590
703
  padding: 20px 20px 24px;
591
704
  padding-left: 50px;
592
705
  border-radius: 0px 5px 5px 0px;
@@ -603,6 +716,18 @@ code.option, code.flag, code.filter, code.output {
603
716
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d42', endColorstr='#5c4e35',GradientType=0 );
604
717
  }
605
718
 
719
+ @media (max-width: 568px){
720
+ .note {
721
+ margin-right: -30px;
722
+ }
723
+ }
724
+
725
+ @media (min-width: 768px){
726
+ .note {
727
+ margin-left: -50px;
728
+ }
729
+ }
730
+
606
731
  .note:before {
607
732
  content: "";
608
733
  position: absolute;
@@ -695,3 +820,13 @@ code.option, code.flag, code.filter, code.output {
695
820
  font-weight: bold;
696
821
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
697
822
  }
823
+
824
+ /* Responsive tables */
825
+
826
+ @media (max-width: 768px){
827
+ .mobile-side-scroller {
828
+ overflow-x: scroll;
829
+ margin: 0 -40px;
830
+ padding: 0 10px;
831
+ }
832
+ }