From f108e5d9f03b22a2da2bf9e68da03c4d7b47b01d Mon Sep 17 00:00:00 2001
From: James <jselby@jselby.net>
Date: Mon, 9 Jul 2018 21:25:52 +1000
Subject: [PATCH] Move per-page CSS to HTML head

---
 layouts/_default/baseof.html    | 7 ++++---
 layouts/screenshots/single.html | 5 ++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index ad65e06..64cc4ed 100755
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -22,7 +22,8 @@
     <link href="https://fonts.googleapis.com/css?family=Ubuntu|Dosis" rel="stylesheet">
     <link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
     <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
-    
+    {{- block "css" . }}{{- end }}
+
     {{ if eq (getenv "HUGO_ENV") "PRD" }}
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.Params.GoogleAnalyticsTrackingId }}"></script>
@@ -46,7 +47,7 @@
     {{- end }}
 
     {{ .Render "header" }}
-    
+
     {{ block "header" . }}{{ end }}
 
     {{ $full_width := .Params.FullWidth | default false }}
@@ -87,4 +88,4 @@
     {{- end }}
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/layouts/screenshots/single.html b/layouts/screenshots/single.html
index b87fa75..9560686 100644
--- a/layouts/screenshots/single.html
+++ b/layouts/screenshots/single.html
@@ -28,9 +28,12 @@
 </section>
 {{ end }}
 
+{{ define "css" }}
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" type="text/css" />
+{{ end }}
+
 {{ define "scripts" }}
 <script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js" type="text/javascript"></script>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css" type="text/css" />
 
 <script type="text/javascript">
     window.addEventListener("DOMContentLoaded", function() {