Clean up and apply custom styles properly.

hugo.toml

@@ -9,7 +9,7 @@ googleAnalytics = "G-QFK0K7MGCJ"
 
 [params]
   paginate = 10
-  customCSS = ["/css/custom.css"]
+  custom_css = ["/css/custom.css"]
   dateFormat = "2006-01-02"
   # Disqus shortname
 #  disqus = ""

layouts/_default/li.html

@@ -0,0 +1,14 @@
+<article class="c-article p-list-article">
+  <header>
+    <h2 class="c-title c-article__title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+    <p class="c-article__meta">
+      {{ partial "timestamp.html" . }}
+    </p>
+  </header>
+  <div class="c-article__summary">
+    {{ .Summary | safeHTML }}
+  </div>
+  {{ if .Truncated }}
+  <a href="{{ .Permalink }}" class="c-article__btn p-list-article__btn">Read more</a>
+  {{ end }}
+</article>

static/css/custom.css

@@ -2,8 +2,9 @@ body {
   color: #000000;
 }
 
-.c-article__summary {
+.c-article__summary p {
   color: #000000;
+  margin: 16px;
 }
 
 .c-article__meta {