From 72f5b613602b2ae22dc075c068e5aa78afc5a77e Mon Sep 17 00:00:00 2001
From: Caleb Braaten <git@cbraaten.dev>
Date: Wed, 31 Jan 2024 04:57:27 -0800
Subject: [PATCH] Semantic HTML Outline for Blog Page

---
 src/frontend/index.tsx      |  2 --
 src/frontend/pages/blog.tsx | 46 +++++++++++++++++++++++++++++++++++--
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/frontend/index.tsx b/src/frontend/index.tsx
index 4dbd919..1c19ea0 100644
--- a/src/frontend/index.tsx
+++ b/src/frontend/index.tsx
@@ -18,8 +18,6 @@ export function Index(path: string) {
                 <main>
                     {selectPage(path)}
                 </main>
-                <h1>Hello</h1>
-                <button hx-get="/content/post">Click Me</button>
             </body>
         </html>
     )
diff --git a/src/frontend/pages/blog.tsx b/src/frontend/pages/blog.tsx
index a34a0ed..7111fd5 100644
--- a/src/frontend/pages/blog.tsx
+++ b/src/frontend/pages/blog.tsx
@@ -1,8 +1,50 @@
 export function Blog(){
     return (
         <div>
-            <h1>Blog</h1>
-            <p>And a post</p>
+            <section>
+                <article>
+                    <h2>Blog Post Title</h2>
+                    <div>Posted on January 1, 2024</div>
+                    <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
+                    <a href="/post/3">Read More</a>
+                </article>
+
+                <article>
+                    <h2>Another Blog Post Title</h2>
+                    <div>Posted on December 1, 2023</div>
+                    <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.</p>
+                    <a href="/post/2">Read More</a>
+                </article>
+
+                <article>
+                    <h2>The First Blog Post</h2>
+                    <div>Posted on November 1, 2023</div>
+                    <p>Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.</p>
+                    <a href="/post/1">Read More</a> 
+                </article>
+            </section>
+            <aside>
+                <div>
+                    <h3>About Me</h3>
+                    <p>I'm a software engineer</p>
+                
+                    <h3>Connect with me</h3>
+                    <ul>
+                        <li>Twitter</li>
+                        <li>GitHub</li>
+                        <li>LinkedIn</li>
+                    </ul>
+                </div>
+                <div>
+                    <h3>Categories</h3>
+                    <ul>
+                        <li>Web Development</li>
+                        <li>UI/UX Design</li>
+                        <li>Productivity</li>
+                        <li>Career</li>
+                    </ul>
+                </div>
+            </aside>
         </div>
     )
 }