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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: d15d54b844d00bc81ef998991dc35b4f75304d93
4
- data.tar.gz: c10dc0660e27c00995cd3b80f3b5ce63ba31f742
3
+ metadata.gz: ea648c7f10f7a1947ed9f38b667e7d0fe01ed118
4
+ data.tar.gz: a3afdd5c1a1d12c8d02123b93cca2c7a7100ec48
5
5
  SHA512:
6
- metadata.gz: a74b38edbb38d578c7cce07674925d8eb4c6f19a88c1eecf163380e35905c19822f0e56f451e0a6c13ff0f4ef5565e32dc470ebf2d59902ba09d756fdabe167c
7
- data.tar.gz: 1208210c17ae133f180152843be7585938e7d9599a49d59e67b8c5385831870e647274e4ba7e1e33f254b5241208ed0cf784e36a942c5d3d45e5c0c26305a89d
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
 
@@ -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 }}
@@ -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, 40%) !default;
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;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: quiet-comic
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.3
4
+ version: 0.2.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - tjjjwxzq