prettydocs-jekyll 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/_partials/item.html +11 -0
  3. data/_includes/_sections/blog_post.html +3 -1
  4. data/_includes/_sections/items-list.html +6 -11
  5. data/_layouts/shower.html +5 -1
  6. data/_sass/vendor/_shower.scss +513 -527
  7. metadata +3 -10
  8. data/_sass/vendor/shower/fonts.scss +0 -40
  9. data/assets/fonts/Anka.Coder.Italic.woff +0 -0
  10. data/assets/fonts/Anka.Coder.woff +0 -0
  11. data/assets/fonts/OpenSans.Bold.Italic.woff +0 -0
  12. data/assets/fonts/OpenSans.Bold.woff +0 -0
  13. data/assets/fonts/OpenSans.Italic.woff +0 -0
  14. data/assets/fonts/OpenSans.Light.woff +0 -0
  15. data/assets/fonts/OpenSans.woff +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 0ff380eae7006c4419b0413d8cda03895e0a85b4
4
- data.tar.gz: ab6bbfbc2f4917ee5e489916e01a20d0fa089a1a
3
+ metadata.gz: 67bde79a627bf286ba18fd40fa8c5b2189206f7f
4
+ data.tar.gz: 676c808de5265accba1b1dd8a3b451d9db507ab3
5
5
  SHA512:
6
- metadata.gz: 892751fd894163670a6798de6c59d3f15b6fe673da406394c8fa3523ae7cfc35a186b00d9695b8778735ed41037e8c4d8dba72b821d6104af3d713e520634d73
7
- data.tar.gz: 2063fb36701f121602ba7947071fcefc31d688153c922beb8d6b6023e8cc9a9f4da6ae7e5dfd019d802988716f3249d548dd9048302e18ad3b37dbe5d69e087b
6
+ metadata.gz: 1846145bba3297b6a697d63d458aecc6f8ce60acf00a1b6330ee26f2f10f5f14b9bd71a55ae27d1fc4b82ce6ccd54801d3b42c0ba70fc840423a22e42f27ee0c
7
+ data.tar.gz: 9fb3509448b6827bd2019d58888e022215e588371dbb4aafd2bc9b2a4d36d5744fc3176045d98812b623e2d929bb4b98d45b7283c20c2b16138e9f84283622dd
data/_includes/_partials/item.html ADDED
@@ -0,0 +1,11 @@
1
+ <div class="callout-block{% if include.class %} callout-{{ include.class }}{% endif %}">
2
+ <div class="icon-holder">
3
+ <i class="{{ item.icon | default: 'fas fa-bullhorn' }}"></i>
4
+ </div>
5
+ <div class="content">
6
+ {% if include.title %}
7
+ <h4 class="callout-title">{{ include.title }}</h4>
8
+ {% endif %}
9
+ <p>{{ include.content }}</p>
10
+ </div>
11
+ </div>
data/_includes/_sections/blog_post.html CHANGED
@@ -3,9 +3,10 @@
3
3
  <div class="container">
4
4
  <div id="doc-header" class="doc-header text-center">
5
5
  <h1 class="doc-title" itemprop="name headline">
6
- <i class="icon fas fa-paper-plane"></i>
6
+ <i class="icon {{ page.icon | default: "fas fa-paper-plane" }}"></i>
7
7
  {{ page.title | escape }}
8
8
  </h1>
9
+ {% if page.author %}
9
10
  <div class="meta">
10
11
  Publicat de:
11
12
  {% if page.author.first %}
@@ -25,6 +26,7 @@
25
26
  {{ page.date | date: "%-d" }} {{ month }} {{ page.date | date: "%Y" }}
26
27
  </time>
27
28
  </div>
29
+ {% endif %}
28
30
  </div>
29
31
  <div class="doc-body">
30
32
  <div class="doc-content">
data/_includes/_sections/items-list.html CHANGED
@@ -1,16 +1,11 @@
1
1
  {% if include.items %} {% assign items = include.items %} {% endif %}
2
2
  <section class="items-list">
3
3
  {% for item in items %}
4
- <div class="callout-block{% if item.class %} callout-{{ item.class }}{% endif %}">
5
- <div class="icon-holder">
6
- <i class="{{ item.icon | default: 'fas fa-bullhorn' }}"></i>
7
- </div>
8
- <div class="content">
9
- {% if item.title %}
10
- <h4 class="callout-title">{{ item.title }}</h4>
11
- {% endif %}
12
- <p>{{ item.content }}</p>
13
- </div>
14
- </div>
4
+ {% include _partials/item.html
5
+ class=item.class
6
+ icon=item.icon
7
+ title=item.title
8
+ content=item.content
9
+ %}
15
10
  {% endfor %}
16
11
  </section>
data/_layouts/shower.html CHANGED
@@ -1,5 +1,8 @@
1
+ ---
2
+ layout: compress
3
+ ---
4
+ {% capture showerify_input %}{{ content }}{% endcapture %}
1
5
  <!DOCTYPE HTML>
2
- {% capture showerify_input %}{{ content }}{% endcapture %}
3
6
  {% include _shower/showerify.html %}
4
7
  {% include _shower/setup.md %}
5
8
  <html lang="{{ lang }}">
@@ -7,6 +10,7 @@
7
10
  <title>{{ title | strip_html }}</title>
8
11
  <meta charset="utf-8">
9
12
  <meta name="viewport" content="width={% if width %}{{ width }}{% else %}792{% endif %}, user-scalable=no">
13
+ <link href="https://fonts.googleapis.com/css?family=Open+Sans:300, ,700,700i&amp;subset=latin-ext" rel="stylesheet">
10
14
  <link id="theme-style" rel="stylesheet" href="{{ "/assets/css/shower.css" | prepend: site.baseurl }}">
11
15
  </head>
12
16
  <body class="shower {{ body_class }}">
data/_sass/vendor/_shower.scss CHANGED
@@ -3,547 +3,533 @@
3
3
  // Licensed under MIT license: github.com/shower/shower/wiki/MIT-License
4
4
 
5
5
  @import 'shower/defaults';
6
- @import 'shower/fonts';
7
6
  @import 'shower/reset';
8
7
 
9
8
  .shower {
10
- counter-reset:slide;
11
- font:24px/2 'Open Sans', sans-serif;
12
- @media print {
13
- text-rendering:geometricPrecision;
14
- }
15
- a {
16
- color:$color;
17
- @include underline(currentColor, 0.09);
18
- text-decoration:none;
19
- }
20
- }
9
+ counter-reset:slide;
10
+ font:24px/2 'Open Sans', sans-serif;
11
+ @media print {
12
+ text-rendering:geometricPrecision;
13
+ }
14
+ a {
15
+ color:$color;
16
+ @include underline(currentColor, 0.09);
17
+ text-decoration:none;
18
+ }
19
+ }
21
20
 
22
- // Caption
23
- // -------------------------------
24
21
  .caption {
25
- display:none;
26
- margin:0 0 60px;
27
- padding:0 50px 0 0;
28
- color:#555;
29
- h1 {
30
- font:50px 'Open Sans Light', sans-serif;
31
- }
32
- }
22
+ display:none;
23
+ margin:0 0 60px;
24
+ padding:0 50px 0 0;
25
+ color:#555;
26
+ h1 {
27
+ font:50px 'Open Sans Light', sans-serif;
28
+ }
29
+ }
33
30
 
34
- // Badge
35
- // -------------------------------
36
31
  .badge {
37
- position:absolute;
38
- top:0;
39
- right:0;
40
- display:none;
41
- overflow:hidden;
42
- visibility:hidden;
43
- width:11em;
44
- height:11em;
45
- line-height:2.5;
46
- font-size:15px;
47
- }
48
- .badge a {
49
- position:absolute;
50
- bottom:50%;
51
- right:-50%;
52
- left:-50%;
53
- visibility:visible;
54
- background:$color;
55
- color:#FFF;
56
- text-align:center;
57
- transform-origin:50% 100%;
58
- transform:rotate(45deg) translateY(-1em);
59
- }
32
+ position:absolute;
33
+ top:0;
34
+ right:0;
35
+ display:none;
36
+ overflow:hidden;
37
+ visibility:hidden;
38
+ width:11em;
39
+ height:11em;
40
+ line-height:2.5;
41
+ font-size:15px;
42
+ }
43
+ .badge a {
44
+ position:absolute;
45
+ bottom:50%;
46
+ right:-50%;
47
+ left:-50%;
48
+ visibility:visible;
49
+ background:$color;
50
+ color:#FFF;
51
+ text-align:center;
52
+ transform-origin:50% 100%;
53
+ transform:rotate(45deg) translateY(-1em);
54
+ }
60
55
 
61
- // Region
62
- // -------------------------------
63
56
  .region {
64
- display:none;
65
- }
57
+ display:none;
58
+ }
66
59
 
67
- // Slide
68
- // -------------------------------
69
60
  .slide {
70
- position:relative;
71
- width:$width;
72
- height:$height;
73
- background:#FFF;
74
- color:#000;
75
- -webkit-print-color-adjust:exact;
76
- -webkit-text-size-adjust:none;
77
- -moz-text-size-adjust:none;
78
- -ms-text-size-adjust:none;
79
- @media print {
80
- page-break-before:always;
81
- }
82
- // Number
83
- &:after {
84
- position:absolute;
85
- right:0;
86
- bottom:45px;
87
- left:0;
88
- color:#AAA;
89
- counter-increment:slide;
90
- content:counter(slide);
91
- text-align:center;
92
- line-height:1;
93
- }
94
- // Inner
95
- > div {
96
- position:absolute;
97
- top:0;
98
- left:0;
99
- overflow:hidden;
100
- padding:$top $right 0 $left;
101
- width:$width - $left - $right;
102
- height:$height - $top;
103
- }
104
- }
61
+ position:relative;
62
+ width:$width;
63
+ height:$height;
64
+ background:#FFF;
65
+ color:#000;
66
+ -webkit-print-color-adjust:exact;
67
+ -webkit-text-size-adjust:none;
68
+ -moz-text-size-adjust:none;
69
+ -ms-text-size-adjust:none;
70
+ @media print {
71
+ page-break-before:always;
72
+ }
73
+
74
+ &:after {
75
+ position:absolute;
76
+ right:0;
77
+ bottom:45px;
78
+ left:0;
79
+ color:#AAA;
80
+ counter-increment:slide;
81
+ content:counter(slide);
82
+ text-align:center;
83
+ line-height:1;
84
+ }
85
+
86
+ > div {
87
+ position:absolute;
88
+ top:0;
89
+ left:0;
90
+ overflow:hidden;
91
+ padding:$top $right 0 $left;
92
+ width:$width - $left - $right;
93
+ height:$height - $top;
94
+ }
95
+ }
105
96
 
106
- // Elements
107
- // -------------------------------
108
97
  .slide {
109
- // Header
110
- h2 {
111
- margin:0 0 58px;
112
- font:48px/1 'Open Sans Light', sans-serif;
113
- }
114
- // Text
115
- p {
116
- margin:0 0 48px;
117
- }
118
- p.note {
119
- color:#AAA;
120
- }
121
- b, strong {
122
- font-weight:bold;
123
- }
124
- i, em {
125
- font-style:italic;
126
- }
127
- code, kbd, samp {
128
- padding:5px 7px 1px;
129
- background:rgba(#000, 0.08);
130
- color:#000;
131
- line-height:1;
132
- font-family:'Anka Coder', monospace;
133
- }
134
- mark {
135
- padding:2px 7px;
136
- background:$yellow;
137
- color:#000;
138
- }
139
- sub, sup {
140
- position: relative;
141
- line-height:0;
142
- font-size:75%;
143
- }
144
- sub {
145
- bottom:-0.25em;
146
- }
147
- sup {
148
- top:-0.5em;
149
- }
150
- // Quote
151
- blockquote {
152
- font-style:italic;
153
- &:before {
154
- position:absolute;
155
- margin:-49px 0 0 -100px;
156
- color:#DDD;
157
- content:'\201C';
158
- line-height:1;
159
- font-size:200px;
160
- }
161
- & + figcaption {
162
- margin:-48px 0 48px;
163
- font-style:italic;
164
- font-weight:bold;
165
- }
166
- }
167
- // Lists
168
- ol, ul {
169
- margin:0 0 48px;
170
- counter-reset:list;
171
- li {
172
- text-indent:-2em;
173
- &:before {
174
- display:inline-block;
175
- width:2em;
176
- color:#AAA;
177
- text-align:right;
178
- }
179
- }
180
- ol, ul {
181
- margin:0 0 0 2em;
182
- }
183
- }
184
- ul > li:before {
185
- content:'\2022\00A0\00A0\2009';
186
- }
187
- ul > li:lang(ru):before {
188
- content:'\2014\00A0\2009';
189
- }
190
- ol > li:before {
191
- counter-increment:list;
192
- content:counter(list)'.\00A0\2009';
193
- }
194
- // Code
195
- pre {
196
- margin:0 0 45px;
197
- padding:3px 0 0;
198
- counter-reset:code;
199
- white-space:normal;
200
- tab-size:4;
201
- code {
202
- display:block;
203
- padding:0;
204
- background:none;
205
- white-space:pre;
206
- line-height:2;
207
- &:before {
208
- position:absolute;
209
- margin-left:-50px;
210
- color:#AAA;
211
- counter-increment:code;
212
- content:counter(code, decimal-leading-zero)'.';
213
- }
214
- &:only-child:before {
215
- content:'';
216
- }
217
- }
218
- // Mark
219
- mark {
220
- padding:5px 7px 1px;
221
- &.important {
222
- background:$color;
223
- color:#FFF;
224
- }
225
- &.comment {
226
- padding:0;
227
- background:none;
228
- color:#AAA;
229
- }
230
- }
231
- }
232
- // Table
233
- table {
234
- margin:0 0 50px;
235
- width:100%;
236
- border-collapse:collapse;
237
- border-spacing:0;
238
- th, td {
239
- @include underline($color, 0.055);
240
- }
241
- th {
242
- text-align:left;
243
- font-weight:bold;
244
- }
245
- &.striped {
246
- tr:nth-child(even) {
247
- background:mix($color, #FFF, 8%);
248
- }
249
- }
250
- }
251
- // Cover Shout
252
- &.cover,
253
- &.shout {
254
- z-index:1;
255
- &:after {
256
- content:'';
257
- }
258
- }
259
- // Cover
260
- &.cover {
261
- background:#000;
262
- @mixin cover {
263
- img, svg, video,
264
- object, canvas, iframe {
265
- @content;
266
- }
267
- }
268
- @include cover {
269
- position:absolute;
270
- top:0;
271
- left:0;
272
- z-index:-1;
273
- }
274
- &.w {
275
- @include cover {
276
- top:50%;
277
- width:100%;
278
- transform:translateY(-50%);
279
- }
280
- }
281
- &.h {
282
- @include cover {
283
- left:50%;
284
- height:100%;
285
- transform:translateX(-50%);
286
- }
287
- }
288
- &.w.h {
289
- @include cover {
290
- top:0;
291
- left:0;
292
- transform:none;
293
- }
294
- }
295
- }
296
- // Shout
297
- &.shout {
298
- background:$color;
299
- h2 {
300
- position:absolute;
301
- top:50%;
302
- left:128px;
303
- right:96px;
304
- color:#FFF;
305
- font-size:100px;
306
- transform:translateY(-50%);
307
- a {
308
- @include underline(currentColor, 0.055);
309
- color:#FFF;
310
- }
311
- }
312
- }
313
- // Place
314
- .place {
315
- position:absolute;
316
- top:50%;
317
- left:50%;
318
- transform:translate(-50%, -50%);
319
- &.t.l, &.t.r, &.b.r, &.b.l {
320
- transform:none;
321
- }
322
- &.t, &.b {
323
- transform:translate(-50%, 0);
324
- }
325
- &.l, &.r {
326
- transform:translate(0, -50%);
327
- }
328
- &.t, &.t.l, &.t.r {
329
- top:0;
330
- }
331
- &.r {
332
- right:0;
333
- left:auto;
334
- }
335
- &.b, &.b.r, &.b.l {
336
- top:auto;
337
- bottom:0;
338
- }
339
- &.l {
340
- left:0;
341
- }
342
- }
343
- // Notes
344
- footer {
345
- position:absolute;
346
- left:0;
347
- right:0;
348
- bottom:-$height;
349
- z-index:1;
350
- display:none;
351
- padding:21px $right 4px $left;
352
- background:$yellow;
353
- box-shadow:0 0 0 2px rgba(#000, 0.05);
354
- transition:bottom 0.3s;
355
- p {
356
- margin:0 0 16px;
357
- }
358
- mark {
359
- background:rgba(#FFF, 0.7);
360
- }
361
- }
362
- &:hover footer {
363
- bottom:0;
364
- }
365
- }
98
+ h2 {
99
+ margin:0 0 58px;
100
+ font:48px/1 'Open Sans Light', sans-serif;
101
+ }
102
+
103
+ p {
104
+ margin:0 0 48px;
105
+ }
106
+ p.note {
107
+ color:#AAA;
108
+ }
109
+ b, strong {
110
+ font-weight:bold;
111
+ }
112
+ i, em {
113
+ font-style:italic;
114
+ }
115
+ code, kbd, samp {
116
+ padding:5px 7px 1px;
117
+ background:rgba(#000, 0.08);
118
+ color:#000;
119
+ line-height:1;
120
+ font-family:'Anka Coder', monospace;
121
+ }
122
+ mark {
123
+ padding:2px 7px;
124
+ background:$yellow;
125
+ color:#000;
126
+ }
127
+ sub, sup {
128
+ position: relative;
129
+ line-height:0;
130
+ font-size:75%;
131
+ }
132
+ sub {
133
+ bottom:-0.25em;
134
+ }
135
+ sup {
136
+ top:-0.5em;
137
+ }
138
+
139
+ blockquote {
140
+ font-style:italic;
141
+ &:before {
142
+ position:absolute;
143
+ margin:-49px 0 0 -100px;
144
+ color:#DDD;
145
+ content:'\201C';
146
+ line-height:1;
147
+ font-size:200px;
148
+ }
149
+ & + figcaption {
150
+ margin:-48px 0 48px;
151
+ font-style:italic;
152
+ font-weight:bold;
153
+ }
154
+ }
155
+
156
+ ol, ul {
157
+ margin:0 0 48px;
158
+ counter-reset:list;
159
+ li {
160
+ text-indent:-2em;
161
+ &:before {
162
+ display:inline-block;
163
+ width:2em;
164
+ color:#AAA;
165
+ text-align:right;
166
+ }
167
+ }
168
+ ol, ul {
169
+ margin:0 0 0 2em;
170
+ }
171
+ }
172
+
173
+ ul > li:before {
174
+ content:'\2022\00A0\00A0\2009';
175
+ }
176
+ ul > li:lang(ru):before {
177
+ content:'\2014\00A0\2009';
178
+ }
179
+ ol > li:before {
180
+ counter-increment:list;
181
+ content:counter(list)'.\00A0\2009';
182
+ }
183
+
184
+ pre {
185
+ margin:0 0 45px;
186
+ padding:3px 0 0;
187
+ counter-reset:code;
188
+ white-space:normal;
189
+ tab-size:4;
190
+ code {
191
+ display:block;
192
+ padding:0;
193
+ background:none;
194
+ white-space:pre;
195
+ line-height:2;
196
+ &:before {
197
+ position:absolute;
198
+ margin-left:-50px;
199
+ color:#AAA;
200
+ counter-increment:code;
201
+ content:counter(code, decimal-leading-zero)'.';
202
+ }
203
+ &:only-child:before {
204
+ content:'';
205
+ }
206
+ }
207
+
208
+ mark {
209
+ padding:5px 7px 1px;
210
+ &.important {
211
+ background:$color;
212
+ color:#FFF;
213
+ }
214
+ &.comment {
215
+ padding:0;
216
+ background:none;
217
+ color:#AAA;
218
+ }
219
+ }
220
+ }
221
+
222
+ table {
223
+ margin:0 0 50px;
224
+ width:100%;
225
+ border-collapse:collapse;
226
+ border-spacing:0;
227
+ th, td {
228
+ @include underline($color, 0.055);
229
+ }
230
+ th {
231
+ text-align:left;
232
+ font-weight:bold;
233
+ }
234
+ &.striped {
235
+ tr:nth-child(even) {
236
+ background:mix($color, #FFF, 8%);
237
+ }
238
+ }
239
+ }
240
+
241
+ &.cover,
242
+ &.shout {
243
+ z-index:1;
244
+ &:after {
245
+ content:'';
246
+ }
247
+ }
248
+
249
+ &.cover {
250
+ background:#000;
251
+ @mixin cover {
252
+ img, svg, video,
253
+ object, canvas, iframe {
254
+ @content;
255
+ }
256
+ }
257
+ @include cover {
258
+ position:absolute;
259
+ top:0;
260
+ left:0;
261
+ z-index:-1;
262
+ }
263
+ &.w {
264
+ @include cover {
265
+ top:50%;
266
+ width:100%;
267
+ transform:translateY(-50%);
268
+ }
269
+ }
270
+ &.h {
271
+ @include cover {
272
+ left:50%;
273
+ height:100%;
274
+ transform:translateX(-50%);
275
+ }
276
+ }
277
+ &.w.h {
278
+ @include cover {
279
+ top:0;
280
+ left:0;
281
+ transform:none;
282
+ }
283
+ }
284
+ }
285
+
286
+ &.shout {
287
+ background:$color;
288
+ h2 {
289
+ position:absolute;
290
+ top:50%;
291
+ left:128px;
292
+ right:96px;
293
+ color:#FFF;
294
+ font-size:100px;
295
+ transform:translateY(-50%);
296
+ a {
297
+ @include underline(currentColor, 0.055);
298
+ color:#FFF;
299
+ }
300
+ }
301
+ }
302
+
303
+ .place {
304
+ position:absolute;
305
+ top:50%;
306
+ left:50%;
307
+ transform:translate(-50%, -50%);
308
+ &.t.l, &.t.r, &.b.r, &.b.l {
309
+ transform:none;
310
+ }
311
+ &.t, &.b {
312
+ transform:translate(-50%, 0);
313
+ }
314
+ &.l, &.r {
315
+ transform:translate(0, -50%);
316
+ }
317
+ &.t, &.t.l, &.t.r {
318
+ top:0;
319
+ }
320
+ &.r {
321
+ right:0;
322
+ left:auto;
323
+ }
324
+ &.b, &.b.r, &.b.l {
325
+ top:auto;
326
+ bottom:0;
327
+ }
328
+ &.l {
329
+ left:0;
330
+ }
331
+ }
332
+
333
+ footer {
334
+ position:absolute;
335
+ left:0;
336
+ right:0;
337
+ bottom:-$height;
338
+ z-index:1;
339
+ display:none;
340
+ padding:21px $right 4px $left;
341
+ background:$yellow;
342
+ box-shadow:0 0 0 2px rgba(#000, 0.05);
343
+ transition:bottom 0.3s;
344
+ p {
345
+ margin:0 0 16px;
346
+ }
347
+ mark {
348
+ background:rgba(#FFF, 0.7);
349
+ }
350
+ }
351
+ &:hover footer {
352
+ bottom:0;
353
+ }
354
+ }
366
355
 
367
- // Screen
368
356
  @media screen {
369
- // List
370
- .shower.list {
371
- position:absolute;
372
- clip:rect(0, auto, auto, 0); // Having fun with IE10
373
- padding:50px 0 50px 50px;
374
- background:desaturate(lighten($color, 30%), 60%);
375
- text-align:center;
376
- // Outfit
377
- .caption,
378
- .badge {
379
- display:block;
380
- }
381
- // Slide
382
- .slide {
383
- // Gap between slides
384
- $gap:50px;
385
- position:relative;
386
- top:$height/2 - $gap;
387
- display:inline-block;
388
- margin:($gap - $height/2) ($gap - $width/2) 0 0;
389
- text-align:left;
390
- transform-origin:0 0;
391
- transform:scale(0.5);
392
- @media (max-width:$break) {
393
- top:$height/2 + $height/4 - $gap;
394
- margin:($gap - ($height/2 + $height/4)) ($gap - ($width/2 + $width/4)) 0 0;
395
- transform:scale(0.25);
396
- }
397
- // Frame
398
- &:before {
399
- position:absolute;
400
- top:0;
401
- left:0;
402
- z-index:-1;
403
- width:$width/2;
404
- height:$height/2;
405
- box-shadow:0 0 0 1px #DDD;
406
- content:'';
407
- transform-origin:0 0;
408
- transform:scale(2);
409
- @media (max-width:$break) {
410
- width:$width/4;
411
- height:$height/4;
412
- transform:scale(4);
413
- }
414
- }
415
- // Number
416
- &:after {
417
- top:100%;
418
- bottom:auto;
419
- padding-top:50px;
420
- @media (max-width:$break) {
421
- width:$width/2;
422
- transform-origin:0 0;
423
- transform:scale(2);
424
- }
425
- }
426
- // Hover
427
- &:hover:before {
428
- box-shadow:
429
- 0 0 0 1px #EEE,
430
- 0 0 0 12px rgba(#FFF, 0.5);
431
- }
432
- // Current
433
- &:target {
434
- &:before {
435
- box-shadow:
436
- 0 0 10px 0 darken($color, 5%),
437
- 0 0 0 12px $color;
438
- }
439
- &:after {
440
- color:$color;
441
- }
442
- }
443
- // Inner
444
- > div {
445
- &:before {
446
- position:absolute;
447
- top:0;
448
- right:0;
449
- bottom:0;
450
- left:0;
451
- z-index:2;
452
- content:'';
453
- }
454
- }
455
- // Cover Shout
456
- &.cover,
457
- &.shout {
458
- &:after {
459
- content:counter(slide);
460
- }
461
- }
462
- // Notes
463
- footer {
464
- display:block;
465
- }
466
- }
467
- }
468
- // Full
469
- .shower.full {
470
- position:absolute;
471
- top:50%;
472
- left:50%;
473
- overflow:hidden;
474
- margin:(-$height/2) 0 0 (-$width/2);
475
- width:$width;
476
- height:$height;
477
- background:#000;
478
- // Debug
479
- &.debug:after {
480
- position:absolute;
481
- top:0;
482
- right:0;
483
- bottom:0;
484
- left:0;
485
- z-index:2;
486
- background:url(../images/grid-#{$ratio}.svg) no-repeat;
487
- content:'';
488
- }
489
- // Region
490
- .region {
491
- @include offscreen;
492
- display:block;
493
- }
494
- // Slide
495
- .slide {
496
- position:absolute;
497
- top:0;
498
- left:0;
499
- margin-left:150%;
500
- // Next
501
- .next {
502
- visibility:hidden;
503
- &.active {
504
- visibility:visible;
505
- }
506
- }
507
- // Current
508
- &:target {
509
- margin:0;
510
- }
511
- // Shout
512
- &.shout {
513
- &.right, &.up {
514
- h2 {
515
- opacity:0;
516
- transition:all 0.4s ease-out;
517
- }
518
- &:target h2 {
519
- opacity:1;
520
- transform:translateX(0) translateY(-50%);
521
- }
522
- }
523
- &.right h2 {
524
- transform:translateX(-100%) translateY(-50%);
525
- }
526
- &.up h2 {
527
- transform:translateX(0) translateY(100%);
528
- }
529
- }
530
- }
531
- // Progress
532
- .progress {
533
- position:absolute;
534
- bottom:0;
535
- left:0;
536
- z-index:1;
537
- width:0;
538
- height:8px;
539
- background:$color;
540
- transition:width 0.2s linear;
541
- }
542
- }
543
- }
357
+ .shower.list {
358
+ position:absolute;
359
+ clip:rect(0, auto, auto, 0); // Having fun with IE10
360
+ padding:50px 0 50px 50px;
361
+ background:desaturate(lighten($color, 30%), 60%);
362
+ text-align:center;
363
+
364
+ .caption,
365
+ .badge {
366
+ display:block;
367
+ }
368
+
369
+ .slide {
370
+ // Gap between slides
371
+ $gap:50px;
372
+ position:relative;
373
+ top:$height/2 - $gap;
374
+ display:inline-block;
375
+ margin:($gap - $height/2) ($gap - $width/2) 0 0;
376
+ text-align:left;
377
+ transform-origin:0 0;
378
+ transform:scale(0.5);
379
+ @media (max-width:$break) {
380
+ top:$height/2 + $height/4 - $gap;
381
+ margin:($gap - ($height/2 + $height/4)) ($gap - ($width/2 + $width/4)) 0 0;
382
+ transform:scale(0.25);
383
+ }
384
+
385
+ &:before {
386
+ position:absolute;
387
+ top:0;
388
+ left:0;
389
+ z-index:-1;
390
+ width:$width/2;
391
+ height:$height/2;
392
+ box-shadow:0 0 0 1px #DDD;
393
+ content:'';
394
+ transform-origin:0 0;
395
+ transform:scale(2);
396
+ @media (max-width:$break) {
397
+ width:$width/4;
398
+ height:$height/4;
399
+ transform:scale(4);
400
+ }
401
+ }
402
+
403
+ &:after {
404
+ top:100%;
405
+ bottom:auto;
406
+ padding-top:50px;
407
+ @media (max-width:$break) {
408
+ width:$width/2;
409
+ transform-origin:0 0;
410
+ transform:scale(2);
411
+ }
412
+ }
413
+
414
+ &:hover:before {
415
+ box-shadow:
416
+ 0 0 0 1px #EEE,
417
+ 0 0 0 12px rgba(#FFF, 0.5);
418
+ }
419
+
420
+ &:target {
421
+ &:before {
422
+ box-shadow:
423
+ 0 0 10px 0 darken($color, 5%),
424
+ 0 0 0 12px $color;
425
+ }
426
+ &:after {
427
+ color:$color;
428
+ }
429
+ }
430
+
431
+ > div {
432
+ &:before {
433
+ position:absolute;
434
+ top:0;
435
+ right:0;
436
+ bottom:0;
437
+ left:0;
438
+ z-index:2;
439
+ content:'';
440
+ }
441
+ }
442
+
443
+ &.cover,
444
+ &.shout {
445
+ &:after {
446
+ content:counter(slide);
447
+ }
448
+ }
449
+ // Notes
450
+ footer {
451
+ display:block;
452
+ }
453
+ }
454
+ }
455
+
456
+ .shower.full {
457
+ position:absolute;
458
+ top:50%;
459
+ left:50%;
460
+ overflow:hidden;
461
+ margin:(-$height/2) 0 0 (-$width/2);
462
+ width:$width;
463
+ height:$height;
464
+ background:#000;
465
+
466
+ &.debug:after {
467
+ position:absolute;
468
+ top:0;
469
+ right:0;
470
+ bottom:0;
471
+ left:0;
472
+ z-index:2;
473
+ background:url(../images/grid-#{$ratio}.svg) no-repeat;
474
+ content:'';
475
+ }
476
+
477
+ .region {
478
+ @include offscreen;
479
+ display:block;
480
+ }
481
+
482
+ .slide {
483
+ position:absolute;
484
+ top:0;
485
+ left:0;
486
+ margin-left:150%;
487
+
488
+ .next {
489
+ visibility:hidden;
490
+ &.active {
491
+ visibility:visible;
492
+ }
493
+ }
494
+
495
+ &:target {
496
+ margin:0;
497
+ }
498
+
499
+ &.shout {
500
+ &.right, &.up {
501
+ h2 {
502
+ opacity:0;
503
+ transition:all 0.4s ease-out;
504
+ }
505
+ &:target h2 {
506
+ opacity:1;
507
+ transform:translateX(0) translateY(-50%);
508
+ }
509
+ }
510
+ &.right h2 {
511
+ transform:translateX(-100%) translateY(-50%);
512
+ }
513
+ &.up h2 {
514
+ transform:translateX(0) translateY(100%);
515
+ }
516
+ }
517
+ }
518
+
519
+ .progress {
520
+ position:absolute;
521
+ bottom:0;
522
+ left:0;
523
+ z-index:1;
524
+ width:0;
525
+ height:8px;
526
+ background:$color;
527
+ transition:width 0.2s linear;
528
+ }
529
+ }
530
+ }
544
531
 
545
- // Print
546
532
  @page {
547
- margin:0;
548
- size:$width $height;
549
- }
533
+ margin:0;
534
+ size:$width $height;
535
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: prettydocs-jekyll
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Alexandru Coman
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2018-02-19 00:00:00.000000000 Z
11
+ date: 2018-02-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -94,6 +94,7 @@ files:
94
94
  - _data/default/contact.yml
95
95
  - _data/default/faqs.yml
96
96
  - _data/default/timeline.yml
97
+ - _includes/_partials/item.html
97
98
  - _includes/_partials/post.html
98
99
  - _includes/_partials/social-buttons.html
99
100
  - _includes/_partials/toc.html
@@ -139,7 +140,6 @@ files:
139
140
  - _sass/vendor/_shower.scss
140
141
  - _sass/vendor/_timeline.scss
141
142
  - _sass/vendor/shower/defaults.scss
142
- - _sass/vendor/shower/fonts.scss
143
143
  - _sass/vendor/shower/reset.scss
144
144
  - _sass/vendor/shower/screen.scss
145
145
  - _sass/vendor/timeline/functions/desaturated-lighten.scss
@@ -164,13 +164,6 @@ files:
164
164
  - _sass/vendor/timeline/variables.scss
165
165
  - assets/css/main.scss
166
166
  - assets/css/shower.scss
167
- - assets/fonts/Anka.Coder.Italic.woff
168
- - assets/fonts/Anka.Coder.woff
169
- - assets/fonts/OpenSans.Bold.Italic.woff
170
- - assets/fonts/OpenSans.Bold.woff
171
- - assets/fonts/OpenSans.Italic.woff
172
- - assets/fonts/OpenSans.Light.woff
173
- - assets/fonts/OpenSans.woff
174
167
  - assets/images/empty.gif
175
168
  - assets/images/favicon.ico
176
169
  - assets/js/main.js
data/_sass/vendor/shower/fonts.scss DELETED
@@ -1,40 +0,0 @@
1
- // Bright theme for Shower HTML presentation engine: github.com/shower/shower
2
- // Copyright © 2010–2015 Vadim Makeev, pepelsbey.net
3
- // Licensed under MIT license: github.com/shower/shower/wiki/MIT-License
4
-
5
- // Open Sans
6
- @font-face {
7
- font-family:'Open Sans';
8
- src:url(../fonts/OpenSans.woff) format('woff');
9
- }
10
- @font-face {
11
- font-weight:bold;
12
- font-family:'Open Sans';
13
- src:url(../fonts/OpenSans.Bold.woff) format('woff');
14
- }
15
- @font-face {
16
- font-style:italic;
17
- font-family:'Open Sans';
18
- src:url(../fonts/OpenSans.Italic.woff) format('woff');
19
- }
20
- @font-face {
21
- font-style:italic;
22
- font-weight:bold;
23
- font-family:'Open Sans';
24
- src:url(../fonts/OpenSans.Bold.Italic.woff) format('woff');
25
- }
26
- @font-face {
27
- font-family:'Open Sans Light';
28
- src:url(../fonts/OpenSans.Light.woff) format('woff');
29
- }
30
-
31
- // Anka Coder
32
- @font-face {
33
- font-family:'Anka Coder';
34
- src:url(../fonts/Anka.Coder.woff) format('woff');
35
- }
36
- @font-face {
37
- font-style:italic;
38
- font-family:'Anka Coder';
39
- src:url(../fonts/Anka.Coder.Italic.woff) format('woff');
40
- }
data/assets/fonts/Anka.Coder.woff DELETED
Binary file
data/assets/fonts/OpenSans.woff DELETED
Binary file