First pass at prettying up blog list

content/blog/2018-03-16-i-opt-out-too.markdown

@@ -5,6 +5,8 @@ date:	2018-03-16
 categories:
 - about me
 - life
+images:
+- "/img/1*RO-tbOgBBK6ksl1w6NXbKg.jpeg"
 ---
 
 > “I opt out of all of the bullshit I never signed up for to begin with.”
@@ -74,5 +76,3 @@ Starting today, I consciously hit *‘unsubscribe’* on Society.
 I know [Brian Brewington](https://medium.com/u/b0f2a24f7463) is with me. I know that [Where Angels Fear](https://medium.com/u/6c8bcd0d1a65) will be glad of the riot. I know that [Gaëlane](https://medium.com/u/e3ddbb5fdbd5) has the hang of this already. Regardless…are *you* with me?
 
 ### Are you ready to **live?**
-
-  

content/blog/2018-04-06-hearts-can-be-thawed.markdown

@@ -4,6 +4,8 @@ title:	"Hearts can be..."
 date:	2018-04-06
 categories:
 - poetic
+images:
+- "/img/jilbert-ebrahimi-pVEcNabAg9o-unsplash.jpg"
 ---
 <div style="max-width: 600px; margin-left: auto; margin-right: auto;">
 {{< image url="/img/jilbert-ebrahimi-pVEcNabAg9o-unsplash.jpg" caption="*Photo by [Jilbert Ebrahimi](https://unsplash.com/@jilburr?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/broken?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText)*" class="full-width" >}}

content/blog/2018-04-07-a-love-letter-to-the-infernal-combustion-engine.markdown

@@ -7,6 +7,8 @@ categories:
 - life
 - fiction
 - love
+images:
+- "/img/1*e39CbqcpCNOKbH-dPX6KZg.jpeg"
 ---
 
 She flew.
@@ -44,5 +46,3 @@ They screamed to live.
 <hr>
 
 [**Out Where The Desert Breaks.** *An Engine Roars.*](https://medium.com/@scottcarnahan/out-where-the-desert-breaks-7fda7b4d8ede "https://medium.com/@scottcarnahan/out-where-the-desert-breaks-7fda7b4d8ede")[](https://medium.com/@scottcarnahan/out-where-the-desert-breaks-7fda7b4d8ede) *Originally intended to be a piece for *[*Scene and Heard*](https://medium.com/the-scene-heard)*’s ‘Highlights’ submission call. It now doesn’t know quite what it wants to be. Regardless I shall set it free.*
-
-  

content/blog/2018-07-07-chasing-the-edge.markdown

@@ -6,6 +6,8 @@ categories:
 - life
 - poetic
 - me
+images:
+- /img/1*CoN8gAcwONSumYsaadY8HQ.jpeg
 ---
 
 ![](/img/1*CoN8gAcwONSumYsaadY8HQ.jpeg)

content/blog/2018-07-08-clawmarks-on-my-memories.markdown

@@ -6,6 +6,8 @@ categories:
 - life
 - memory
 - me
+images:
+- /img/1*QiRpt7tqra3moEbFQwtsnA.jpeg
 ---
 {{< image url="/img/1*QiRpt7tqra3moEbFQwtsnA.jpeg" caption="*Photo by [Andy Tootell](https://unsplash.com/photos/oRhhb0f2Kic?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/search/photos/scratch?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)*" >}}
 

content/blog/2018-10-08-you-are.markdown

@@ -3,6 +3,8 @@ layout: post
 title: "You are…"
 date: 2018-10-08
 categories: poetic
+images:
+- /img/1*JpjpU2gIO2RmIVUfHfiwmw.jpeg
 ---
 <div style="max-width: 600px; margin-left: auto; margin-right: auto;">
 {{< image url="/img/1*JpjpU2gIO2RmIVUfHfiwmw.jpeg" caption="*Photo by [Elijah O’Donnell](https://unsplash.com/photos/Kaw6v5cBV0I?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/search/photos/star-human?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)*" class="full-width" >}}

layouts/_default/list.html

@@ -2,14 +2,24 @@
 <article style="padding-top: 2em;">
 	{{.Content}}
 </article>
-<div class="contained">
-    <h3 style="color: black;">Posts:</h3>
-    <ul>
+<div class="contained" style="max-width: 50%; padding-bottom: 2em;">
+    <h3>Posts:</h3>
+    <div style="display: grid; grid-gap: 1em; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));">
     {{ range .Pages }}
-        <li style="padding-top: 1em;">
-            <a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a>
-        </li>
+        <div style="border: 1px solid #00ADFF; border-radius: 10px;">
+            {{ if .Params.images }}
+            <img src="{{ index .Params.images 0}}" style="border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; height: 15em; object-fit: cover;"/>
+            {{ else }}
+            <img src="/img/1*ug9TIbMQlsa4SGxbs0kwgw.jpeg" style="border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; height: 15em; object-fit: cover; filter: grayscale(50%); -webkit-filter: grayscale(50%);"/>
+            {{ end }}
+            <a href="{{.Permalink}}" style="padding: 1em; display: inline-block;">{{.Date.Format "02/01/2006"}} | "{{.Title}}"</a>
+            <div style="padding-left: 1em; padding-right: 1em;">
+                {{ .Summary }}...
+                <p style="text-align: right;"><a href="{{.Permalink}}">Read More</a></p>
+            </div>
+            <p style="text-align: right; padding: 1em;"><small>Reading Time: {{ .ReadingTime }}m</small></p>
+        </div>
     {{ end }}
-    </ul>
+    </div>
 </div>
 {{ end }}