From d07c87a78109399677ada202aad879a9a7c30eca Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Wed, 31 Jan 2024 22:09:35 -0500
Subject: forgot to give guidelines the card design; blog tweaks

---
 src/layouts/BlogPost.astro     | 10 +++++++---
 src/layouts/PageMarkdown.astro |  8 ++++++++
 src/pages/blog/[...slug].astro | 11 +++--------
 3 files changed, 18 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 5849f90..a08dd15 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -10,9 +10,7 @@ const { title, description, date } = Astro.props;
     </header>
     <div class="container">
         <main>
-            <article>
-                <slot />
-            </article>
+            <slot />
         </main>
     </div>
 </Layout>
@@ -27,6 +25,12 @@ const { title, description, date } = Astro.props;
         padding: 0 0 1em;
     }
 
+    main {
+        background-color: #3B513B;
+        padding: 1.2em;
+        border-radius: 20px;
+    }
+
     .header-text {
         font-size: 2em;
         margin: 0;
diff --git a/src/layouts/PageMarkdown.astro b/src/layouts/PageMarkdown.astro
index f6e76ab..89bd0f8 100644
--- a/src/layouts/PageMarkdown.astro
+++ b/src/layouts/PageMarkdown.astro
@@ -41,6 +41,14 @@ const { frontmatter } = Astro.props;
         margin: 1em 10em 1em 10em;
     }
 
+    article {
+        background-color: #3B513B;
+        padding: 1.3em;
+        border-radius: 20px;
+        gap: 0.5em;
+        margin: 0.5em;
+    }
+
     @media (max-width: 992px) {
         .container {
             margin: 10px 20px 10px 20px;
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 8713ab5..790a920 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -19,13 +19,8 @@ const { Content } = await entry.render();
 <Page title={entry.data.title} description={entry.data.description} date={formatDate(entry.data.date)}>
     <main>
         <a href="/blog" class="back-link">← All articles</a>
-        <Content />
+        <article>
+            <Content />
+        </article>
     </main>
 </Page>
-<style>
-    main {
-        background-color: #3B513B;
-        padding: 1.2em;
-        border-radius: 20px;
-    }
-</style>
-- 
cgit v1.2.3