Add latest post link to homepage

layouts/index.html

@@ -11,6 +11,16 @@
           <input name="q" type="text" class="form-control" id="search-input" placeholder="Search" title="Press enter to search">
         </div>
       </form>
+
+      {{ with index .Site.Pages.ByPublishDate.Reverse 0 }}
+        <div class="latest-post">
+          <strong>Latest Post</strong>:
+          <a class="colour-invert" href="{{ .RelPermalink }}">
+            {{ .Title }}
+            <i class="fas fa-angle-right"></i>
+          </a>
+        </div>
+      {{ end }}
     </div>
   </header>
 {{ end }}

static/src/scss/style.scss

@@ -113,6 +113,16 @@ table td {
       color: transparentize($body-color, 0.2);
     }
   }
+
+  .latest-post {
+    @include border-radius($input-border-radius-sm);
+
+    display: inline-block;
+    margin-top: 3rem;
+    background-color: transparentize($black, 0.2);
+    padding: ($spacer * 0.25) $spacer;
+    color: $body-color;
+  }
 }
 
 footer {