Images

_layouts/post.html

@@ -22,6 +22,9 @@ layout: default
               {% if forloop.last != true %}|{% endif %}
               {% endfor %}
               {% endif %}
+              {% if page.pdf %}<br />
+              <a class="pdf" href="{{site.baseurl}}/assets/pdf/{{page.pdf}}"><i class="fa fa-print" aria-hidden="true"></i> Print version</a>
+              {% endif %}
           </div>
         </div>
         {{page.content | markdownify}}

_posts/2017-09-03-overclassification.md

@@ -9,7 +9,7 @@ counts:
     words: 13794
 description: A chronically neat otter's life is thrown into disarray when she takes
     a homeless ringtail in from the cold.
-img: null
+img: overclassification.jpg
 layout: post
 tags:
 - Sawtooth

assets/css/sass/_media.scss

@@ -152,5 +152,18 @@
             }
         }
     }
-
+}
+
+@media print {
+    .main-nav {
+        display: none;
+    }
+
+    html, body {
+        height: auto;
+    }
+
+    .page-content {
+        box-shadow: none;
+    }
 }

assets/css/sass/parts/post-page.scss

@@ -29,7 +29,7 @@
       color: $white;
   }
 
-  &.with-image {
+  .with-image & {
       margin-top: -80px;
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
@@ -37,9 +37,10 @@
 
   & > p {
       margin: 0;
-      &:not(first-of-type) {
       text-indent: 2em;
   }
+  p:first-of-type, hr + p {
+      text-indent: 0em;
   }
 }
 
@@ -63,6 +64,10 @@
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 300;
+
+    .pdf {
+        text-decoration: none;
+    }
   }
 }