From 4921fb824948e1bb773df52db7cc05596e2d117e Mon Sep 17 00:00:00 2001
From: Anna Wiggins <annabunches@gmail.com>
Date: Mon, 6 Nov 2023 22:22:09 +0000
Subject: [PATCH] Clean up and apply custom styles properly.

---
 hugo.toml                |  2 +-
 layouts/_default/li.html | 14 ++++++++++++++
 static/css/custom.css    |  3 ++-
 3 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 layouts/_default/li.html

diff --git a/hugo.toml b/hugo.toml
index 7466f42..77b14bf 100644
--- a/hugo.toml
+++ b/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 = ""
diff --git a/layouts/_default/li.html b/layouts/_default/li.html
new file mode 100644
index 0000000..06a0b67
--- /dev/null
+++ b/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>
diff --git a/static/css/custom.css b/static/css/custom.css
index e89f145..8259b18 100644
--- a/static/css/custom.css
+++ b/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 {