From 46469d1d5218b56e2b418a34e39cfe6457c6ef66 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=93scar=20N=C3=A1jera?= <hello@oscarnajera.com>
Date: Sun, 8 Jul 2018 20:48:17 +0200
Subject: Post main image

---
 layouts/_default/single.html | 11 ++++++-----
 layouts/partials/head.html   |  3 +++
 2 files changed, 9 insertions(+), 5 deletions(-)

(limited to 'layouts')

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 69c5806..57adda2 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,16 +1,17 @@
 {{ define "main" }}
 <article>
-    <div class="w-100 bg-green">
-        <header class="dt pa5 mw7 center">
-            <h1 class="f1 tc black-90">
+    <div class="w-100 vh-50 dt bg-center cover bg-gray"
+    style="background-image:url({{ .Params.coverimage }})">
+        <header class="dt pa5 mw7 center post-header white">
+            <h1 class="f1 tc">
                 {{ .Title }}</h1>
 
-            <div class="gray tracked">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
+            <div class="f4 tracked">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
         </header>
     </div>
 
     <div id="content" class="mw7 center">
-        <div class="f5 lh-copy pv4 ph2 black-80">
+        <div class="f4 lh-copy pv4 ph2 black-70">
             {{ .Content }}
         </div>
 
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 0dfeedd..011b43d 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -12,6 +12,9 @@
 
 <!-- CSS -->
 <style>
+ .post-header {
+ text-shadow: 0 2px 1px rgba(0,0,0,0.9);}
+
  pre {
      background: #3f3f3f;
      color: #dcdcdc;
-- 
cgit v1.2.3