quiet-comic 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d15d54b844d00bc81ef998991dc35b4f75304d93
-  data.tar.gz: c10dc0660e27c00995cd3b80f3b5ce63ba31f742
+  metadata.gz: ea648c7f10f7a1947ed9f38b667e7d0fe01ed118
+  data.tar.gz: a3afdd5c1a1d12c8d02123b93cca2c7a7100ec48
 SHA512:
-  metadata.gz: a74b38edbb38d578c7cce07674925d8eb4c6f19a88c1eecf163380e35905c19822f0e56f451e0a6c13ff0f4ef5565e32dc470ebf2d59902ba09d756fdabe167c
-  data.tar.gz: 1208210c17ae133f180152843be7585938e7d9599a49d59e67b8c5385831870e647274e4ba7e1e33f254b5241208ed0cf784e36a942c5d3d45e5c0c26305a89d
+  metadata.gz: 754dac40b3916e51e4e19ee31367ad458f895507f3476e2da4a7ea164795de54a5ca6ccb49222b2b214a10f0f7316c1546a366cfd0123ba715ff89f60d64189d
+  data.tar.gz: f8c18405a61763d8ebf1c3601e41bb18bd5ec51b57569c098156ecd49046ae786409e7731d169deca6165ca6d7043dbc65104fe19e509b7f576bd1670267498f

data/README.md

@@ -86,11 +86,12 @@ You should at minimum include the following font matter in your page:
 ```
 ---
 page_number: 1
+date: 'YYYY-MM-DD'
 image: 'path/to/comic/strip/image'
 ---
 ```
 
-Your pages will be sorted on the `page_number` variable so it must be included.
+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.
 
 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)).
 

data/_layouts/artwork.html

@@ -31,8 +31,20 @@ layout: default
     <img id="width-75" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
 
     <img id="width-100" src="{{ site.base_image_dir | relative_url }}artworks/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell">
-  </div>
 
+    <ul class="Grid-cell pager">
+      {% if page.previous %}
+        <li class="pager-previous">
+          <a href="{{ page.previous.url | relative_url}}">< Prev</a>
+        </li>
+      {% endif %}
+      {% if page.next %}
+        <li class="pager-next">
+          <a href="{{ page.next.url | relative_url}}">Next ></a>
+        </li>
+      {% endif %}
+    </ul>
+  </div>
 
   {{ content }}
 

data/_layouts/page.html

@@ -37,6 +37,19 @@ layout: default
     <img id="width-75" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
 
     <img id="width-100" src="{{ site.base_image_dir | relative_url }}pages/{{ page.image }}" alt="{{ page.title }}" class="Grid-cell main-image">
+
+    <ul class="Grid-cell pager">
+      {% if page.previous %}
+        <li class="pager-previous">
+          <a href="{{ page.previous.url | relative_url}}">< Prev</a>
+        </li>
+      {% endif %}
+      {% if page.next %}
+        <li class="pager-next">
+          <a href="{{ page.next.url | relative_url}}">Next ></a>
+        </li>
+      {% endif %}
+    </ul>
   </div>
 
   {{ content }}

data/_sass/quiet_comic.scss

@@ -27,7 +27,7 @@ $text-color-light: lighten($text-color, 40%) !default;
 $text-color-dark: darken($text-color, 40%) !default;
 $background-color: #FFF !default;
 $brand-color: hsl(205, 30%, 45%) !default;
-$link-color: lighten($brand-color, 40%) !default;
+$link-color: lighten($brand-color, 10%) !default;
 
 // header
 $min-header-height: 80px;

data/_sass/quiet_comic/components.scss

@@ -36,6 +36,10 @@ header {
         opacity: 0.5;
       }
     }
+
+    img {
+      height: 70px;
+    }
   }
 }
 
@@ -183,6 +187,10 @@ footer {
   margin-right: 2em;
 }
 
+#width-50, #width-75, #width-100 {
+  margin: 0 auto;
+}
+
 #width-50 {
   flex: 0 0 50%;
   display: none;
@@ -209,10 +217,6 @@ footer {
   }
 }
 
-.main-image {
-  margin: auto;
-}
-
 #width-100 {
   flex: 0 0 100%;
 
@@ -221,6 +225,9 @@ footer {
   }
 }
 
+.main-image {
+  margin: auto;
+}
 // comments
 .comments-container {
   margin: 5em 0;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: quiet-comic
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - tjjjwxzq