From 9df6f5038cdaa5fdb6a037c4999d974ba9f84c00 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Thu, 25 Jan 2024 23:45:37 -0500
Subject: Blogs in columns; New page; Removed downloads

---
 src/pages/blog/index.astro | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'src/pages/blog')

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index 94687fa..1614f2f 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -7,9 +7,10 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va
 ---
 <Page title="Blog" description="Where I post can be anything!">
    <main>
+      <!-- Add tags selection below -->
       {allBlogPosts.map((post) => (
          <article>
-            <h2><a href={`/blog/${post.slug}`}>{post.data.title}</a></h2>
+            <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1>
             <small>{formatDate(post.data.date)}</small>
             <p>{post.data.description}</p>
             <a href={`/blog/${post.slug}`}>Read more</a>
@@ -20,7 +21,7 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va
    </main>
 </Page>
 <style>
-   h2 {
+   h1 {
       margin-top: 2px;
       margin-bottom: 2px;
    }
@@ -32,4 +33,16 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.date.va
       gap: 0.5em;
       margin: 0.5em;
    }
+
+   main {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+   }
+
+   /* Mobile view */
+   @media (max-width: 992px) {
+      main {
+         grid-template-columns: 1fr;
+      }
+   }
 </style>
-- 
cgit v1.2.3