home card

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>

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>

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>

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;
     }