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

@@ -18,7 +18,7 @@
         }
     }
 
-.recent-box {
+    .recent-box {
         .recent-list {
             .recent-item {
                 position: relative;
@@ -36,7 +36,7 @@
                 }
             }
         }
-}
+    }
 
 }
 
@@ -75,11 +75,11 @@
         font-size: 16px;
     }
 
-.page-image {
+    .page-image {
         height: 380px;
-}
+    }
 
-.recent-box {
+    .recent-box {
         .recent-list {
             .recent-item {
                 position: relative;
@@ -97,9 +97,9 @@
                 }
             }
         }
-}
+    }
 
-.newsletter {
+    .newsletter {
         .newsletter-box {
             .subscribe-btn {
                 width: 80px;
@@ -107,9 +107,9 @@
                 font-size: 12px;
             }
         }
-}
+    }
 
-.about-body {
+    .about-body {
         .contact-list {
             li {
                 display: inline-block;
@@ -131,9 +131,9 @@
                 }
             }
         }
-}
+    }
 
-.author-box {
+    .author-box {
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -151,6 +151,19 @@
                 margin: 0 0 15px;
             }
         }
+    }
 }
 
+@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;
+    }
   }
 }