quiet-comic 0.2.3 → 0.2.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -1
- data/_layouts/artwork.html +13 -1
- data/_layouts/page.html +13 -0
- data/_sass/quiet_comic.scss +1 -1
- data/_sass/quiet_comic/components.scss +11 -4
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ea648c7f10f7a1947ed9f38b667e7d0fe01ed118
|
4
|
+
data.tar.gz: a3afdd5c1a1d12c8d02123b93cca2c7a7100ec48
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 754dac40b3916e51e4e19ee31367ad458f895507f3476e2da4a7ea164795de54a5ca6ccb49222b2b214a10f0f7316c1546a366cfd0123ba715ff89f60d64189d
|
7
|
+
data.tar.gz: f8c18405a61763d8ebf1c3601e41bb18bd5ec51b57569c098156ecd49046ae786409e7731d169deca6165ca6d7043dbc65104fe19e509b7f576bd1670267498f
|
data/README.md
CHANGED
@@ -86,11 +86,12 @@ You should at minimum include the following font matter in your page:
|
|
86
86
|
```
|
87
87
|
---
|
88
88
|
page_number: 1
|
89
|
+
date: 'YYYY-MM-DD'
|
89
90
|
image: 'path/to/comic/strip/image'
|
90
91
|
---
|
91
92
|
```
|
92
93
|
|
93
|
-
Your pages will be sorted on the `page_number` variable so it must be included.
|
94
|
+
Your pages will be sorted on the paginated index page (`/pages`) by the `page_number` variable so it must be included. Also, jekyll seems to set the `page.next` and `page-previous` using a default ordering based on date, is not configurable at the moment, so you should add a date if you want your next and prev links to work properly.
|
94
95
|
|
95
96
|
The `page_number` will be displayed on the page itself, and, depending on your config, in the pages index on the thumbnail for that page (see how to generate your thumbnail images [here](#thumbnails)).
|
96
97
|
|
data/_layouts/artwork.html
CHANGED
@@ -31,8 +31,20 @@ layout: default
|
|
31
31
|
<img id="width-75" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
|
32
32
|
|
33
33
|
<img id="width-100" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
|
34
|
-
</div>
|
35
34
|
|
35
|
+
<ul class="Grid-cell pager">
|
36
|
+
{% if page.previous %}
|
37
|
+
<li class="pager-previous">
|
38
|
+
<a href="{{ page.previous.url | relative_url}}">< Prev</a>
|
39
|
+
</li>
|
40
|
+
{% endif %}
|
41
|
+
{% if page.next %}
|
42
|
+
<li class="pager-next">
|
43
|
+
<a href="{{ page.next.url | relative_url}}">Next ></a>
|
44
|
+
</li>
|
45
|
+
{% endif %}
|
46
|
+
</ul>
|
47
|
+
</div>
|
36
48
|
|
37
49
|
{{ content }}
|
38
50
|
|
data/_layouts/page.html
CHANGED
@@ -37,6 +37,19 @@ layout: default
|
|
37
37
|
<img id="width-75" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
|
38
38
|
|
39
39
|
<img id="width-100" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
|
40
|
+
|
41
|
+
<ul class="Grid-cell pager">
|
42
|
+
{% if page.previous %}
|
43
|
+
<li class="pager-previous">
|
44
|
+
<a href="{{ page.previous.url | relative_url}}">< Prev</a>
|
45
|
+
</li>
|
46
|
+
{% endif %}
|
47
|
+
{% if page.next %}
|
48
|
+
<li class="pager-next">
|
49
|
+
<a href="{{ page.next.url | relative_url}}">Next ></a>
|
50
|
+
</li>
|
51
|
+
{% endif %}
|
52
|
+
</ul>
|
40
53
|
</div>
|
41
54
|
|
42
55
|
{{ content }}
|
data/_sass/quiet_comic.scss
CHANGED
@@ -27,7 +27,7 @@ $text-color-light: lighten($text-color, 40%) !default;
|
|
27
27
|
$text-color-dark: darken($text-color, 40%) !default;
|
28
28
|
$background-color: #FFF !default;
|
29
29
|
$brand-color: hsl(205, 30%, 45%) !default;
|
30
|
-
$link-color: lighten($brand-color,
|
30
|
+
$link-color: lighten($brand-color, 10%) !default;
|
31
31
|
|
32
32
|
// header
|
33
33
|
$min-header-height: 80px;
|
@@ -36,6 +36,10 @@ header {
|
|
36
36
|
opacity: 0.5;
|
37
37
|
}
|
38
38
|
}
|
39
|
+
|
40
|
+
img {
|
41
|
+
height: 70px;
|
42
|
+
}
|
39
43
|
}
|
40
44
|
}
|
41
45
|
|
@@ -183,6 +187,10 @@ footer {
|
|
183
187
|
margin-right: 2em;
|
184
188
|
}
|
185
189
|
|
190
|
+
#width-50, #width-75, #width-100 {
|
191
|
+
margin: 0 auto;
|
192
|
+
}
|
193
|
+
|
186
194
|
#width-50 {
|
187
195
|
flex: 0 0 50%;
|
188
196
|
display: none;
|
@@ -209,10 +217,6 @@ footer {
|
|
209
217
|
}
|
210
218
|
}
|
211
219
|
|
212
|
-
.main-image {
|
213
|
-
margin: auto;
|
214
|
-
}
|
215
|
-
|
216
220
|
#width-100 {
|
217
221
|
flex: 0 0 100%;
|
218
222
|
|
@@ -221,6 +225,9 @@ footer {
|
|
221
225
|
}
|
222
226
|
}
|
223
227
|
|
228
|
+
.main-image {
|
229
|
+
margin: auto;
|
230
|
+
}
|
224
231
|
// comments
|
225
232
|
.comments-container {
|
226
233
|
margin: 5em 0;
|