From 3292d580071d28c2d242c57081520d35f5f3b42c Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Thu, 9 Nov 2017 21:31:18 +0000
Subject: [PATCH] Add image hack for better display

---
 layouts/partials/content.html   | 10 +++++-----
 layouts/partials/list_item.html |  2 +-
 static/src/scss/style.scss      |  3 ++-
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/layouts/partials/content.html b/layouts/partials/content.html
index 3af4094..49ad0aa 100644
--- a/layouts/partials/content.html
+++ b/layouts/partials/content.html
@@ -1,17 +1,17 @@
 {{ if .Params.image }}
-<img class="mb-3" src="{{ .Params.image }}" style="width: 100%; max-height: 30vh"/>
+  <div class="mb-3 image" data-image="{{ .Params.image }}" style="width: 100%; height: 30vh"></div>
 {{ end }}
 <h1 class="display-5">{{ .Title }}</h1>
 <h5 class="my-3">{{ .Params.subtitle }}</h5>
 <p>
   {{ if .Params.date }}
-  <span class="pr-4" title='{{ .Date.Format "January 2 2006" }}'>{{ .Date.Format "2006-01-02" }}</span>
+    <span class="pr-4" title='{{ .Date.Format "January 2 2006" }}'>{{ .Date.Format "2006-01-02" }}</span>
   {{ end }}
 
   {{ range .Params.tags }}
-  <a href="/tags/{{ urlize . }}" class="badge badge-dark mr-2" style="font-size: 1rem">
-    <i class="fa fa-tag"></i> {{ . }}
-  </a>
+    <a href="/tags/{{ urlize . }}" class="badge badge-dark mr-2" style="font-size: 1rem">
+      <i class="fa fa-tag"></i> {{ . }}
+    </a>
   {{ end }}
 </p>
 <hr />
diff --git a/layouts/partials/list_item.html b/layouts/partials/list_item.html
index e1c3b76..ebc40d7 100644
--- a/layouts/partials/list_item.html
+++ b/layouts/partials/list_item.html
@@ -2,7 +2,7 @@
   {{ if .Params.image }}
     <div class="d-none d-md-block align-self-center img-wrapper mr-3">
       <a href="{{ .Permalink }}">
-        <img src="{{ .Params.image }}" alt="{{ .Title }} image" />
+        <div class="image" data-image="{{ .Params.image }}"></div>
       </a>
     </div>
   {{ end }}
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 491c2b7..67130a3 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -145,8 +145,9 @@ footer {
     width: 20%;
   }
 
-  img {
+  .image {
     width: 100%;
+    height: 10vh;
   }
 }