From dbb82f69041dcf6cfbe0e778e272a5fa04960c7d Mon Sep 17 00:00:00 2001
From: Joseph Hutchinson <hutch7995@gmail.com>
Date: Thu, 26 Apr 2018 22:52:01 -0400
Subject: [PATCH] home card

---
 layouts/_default/li.html        |  2 +-
 layouts/_default/single-li.html |  2 +-
 layouts/partials/home-card.html |  4 ++++
 static/css/style.css            | 17 +++++++----------
 4 files changed, 13 insertions(+), 12 deletions(-)
 create mode 100644 layouts/partials/home-card.html

diff --git a/layouts/_default/li.html b/layouts/_default/li.html
index 7144872..1a0e1b0 100644
--- a/layouts/_default/li.html
+++ b/layouts/_default/li.html
@@ -11,7 +11,7 @@
     <div class="card-subtext muted-text">
       <p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
       <p style="margin: 0 1em 0 0;">|</p>
-      <p style="margin: 0 1em 0 0;">#{{ .Params.tags }}</p>
+      <p style="margin: 0 1em 0 0;">#{{ .Params.categories }}</p>
     </div>
   </article>
 </a>
\ No newline at end of file
diff --git a/layouts/_default/single-li.html b/layouts/_default/single-li.html
index 0d9b066..7288dda 100644
--- a/layouts/_default/single-li.html
+++ b/layouts/_default/single-li.html
@@ -12,7 +12,7 @@
     <div class="card-subtext muted-text">
       <p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
       <p style="margin: 0 1em 0 0;">|</p>
-      <p style="margin: 0 1em 0 0;">#{{ .Params.category}}</p>
+      <p style="margin: 0 1em 0 0;">#{{ .Params.categories }}</p>
     </div>
   </article>
 </a>
\ No newline at end of file
diff --git a/layouts/partials/home-card.html b/layouts/partials/home-card.html
new file mode 100644
index 0000000..45b8b34
--- /dev/null
+++ b/layouts/partials/home-card.html
@@ -0,0 +1,4 @@
+<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" 
+  href="/" class="card home-card" rel="bookmark" >
+  Home
+</a>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index 55156d9..cd3e639 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -3,7 +3,7 @@ body {
                  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     color: #3A3B3C;
     font-size: 1.1em;
-    background-color: #f0f1f2;
+    background-color: #ecedef;
     margin: 0;
     padding: 0;
     display: flex;
@@ -68,7 +68,7 @@ strong {
     box-shadow: 0 0.15em 0.3em 0 rgba(0, 0, 0, 0.16), 0 0.15em 0.3em -0.04em rgba(0, 0, 0, 0.23);
 }
 .list-header {
-    margin: 9em 0;
+    margin: 8em 0 6em 0;
     text-align: center;
 }
 .list-header-title {
@@ -84,11 +84,11 @@ strong {
     margin: 0;
 }
 .card-container {
-    max-width: 46rem;
+    max-width: 47rem;
 }
 .card {
     display: block;
-    margin: 2rem 0;
+    margin: 2.2rem 0;
     box-sizing: border-box;
     background-color: white;
     text-decoration: none;
@@ -103,7 +103,7 @@ strong {
     font-weight: bold;
     text-align: center;
     color: white;
-    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),url(../img/antony-xia-522597-unsplash.jpg) center center no-repeat;
+    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../img/city.jpg) center center no-repeat;
     object-fit: cover;
 }
 .blog-card {
@@ -161,7 +161,7 @@ strong {
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    max-width: 46rem;
+    max-width: 47rem;
 }
 .button {
     padding: 0.5em 0.6em;
@@ -271,15 +271,12 @@ footer {
         font-size: 1.125rem;
     }
     .list-header {
-        margin: 8em 0;
+        margin: 8em 0 6em 0;
     }
     .list-header-title {
         font-weight: normal;
         font-size: 4.2em;
     }
-    .card-columns {
-        grid-gap: 2em;
-    }
     .card {
         border-radius: 0.2rem;
     }