From 18287083b9d9a276d585cc231077a41b05f803d7 Mon Sep 17 00:00:00 2001
From: Graham Hall <ghall89@me.com>
Date: Fri, 9 Dec 2022 09:59:22 -0500
Subject: [PATCH] thumbnail stuff

---
 src/components/Footer.astro  | 5 +----
 src/layouts/Layout.astro     | 1 +
 src/pages/index.astro        | 5 +++++
 src/pages/posts/[slug].astro | 7 +++++++
 src/styles/global.css        | 3 +++
 5 files changed, 17 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/global.css

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index ff6d18d..ac1906d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,10 +2,7 @@
 ---
 
 <footer>
-  <p>
-    Copyright 2022 - <a href="https://ghall.dev">Graham Hall</a>
-  </p>
-  <p>
+  <p style={{ fontSize: "0.8rem" }}>
     Built with <a href="https://astro.build">Astro</a> and <a
       href="https://picocss.com">Pico.css</a
     >
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 309a0c2..edf35d7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,5 +1,6 @@
 ---
 import "@picocss/pico";
+import "../styles/global.css";
 
 import Header from "../components/Header.astro";
 import Footer from "../components/Footer.astro";
diff --git a/src/pages/index.astro b/src/pages/index.astro
index f4c5459..0644cb1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -20,6 +20,11 @@ const posts = await response.json();
     {
       posts.objects.map((post) => (
         <article>
+          {post.thumbnail ? (
+            <div style={{ marginBottom: "25px" }}>
+              <img src={post.thumbnail} alt={`Thumbnail for ${post.title}`} />
+            </div>
+          ) : null}
           <div>
             <div style={{ display: "flex", justifyContent: "space-between" }}>
               <h4>{post.title}</h4>
diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index 6b32481..453a12d 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -20,6 +20,13 @@ const post = posts.objects[0];
 
 <Layout title={post.title}>
   <article>
+    {
+      post.thumbnail ? (
+        <div style={{ marginBottom: "25px" }}>
+          <img src={post.thumbnail} alt={`Thumbnail for ${post.title}`} />
+        </div>
+      ) : null
+    }
     <div style={{ display: "flex", justifyContent: "space-between" }}>
       <h4>{post.title}</h4>
       <h5>{`🗓️ ${format(new Date(post.published_at), "MMM do, y")}`}</h5>
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..bb427b3
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,3 @@
+img {
+  border-radius: 5px;
+}