ending for the night

7 files changed, 53 insertions, 60 deletions

diff --git a/_includes/footer.html b/_includes/footer.html
index e69de29..7e96291 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -0,0 +1,6 @@
+    </main>
+    <footer>
+        &copy; Ben Sanders, 2026
+    </footer>
+    </body>
+</html>
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
index 7f5a2f2..0e0d0df 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,6 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ben Sanders Online Space</title>
     <link rel="stylesheet" href="/assets/css/main.css">
-</head>
\ No newline at end of file
+</head>
+<body>
+    <main>
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
index a3d791f..891a40e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -3,7 +3,7 @@
                 <nav>
                     <a class="logo" href="/"><h1>Ben Sanders</h1></a>
                     <div class="nav-link">
-                        <a href="">Home</a>
+                        <a href="/">Home</a>
                         <a href="#about">About</a>
                         <a href="#gear">Gear</a>
                         <a href="#blog">Blog</a>
diff --git a/_layouts/default.html b/_layouts/default.html
index 49e2eb5..d66ca04 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,23 +1,5 @@
-<!DOCTYPE html>
-<html lang="en">
 {% include head.html %}
-<body>
-    <main>
-        <header>
-            <div class="wrap">
-                <nav>
-                    <a class="logo" href="/"><h1>Ben Sanders</h1></a>
-                    <div class="nav-link">
-                        <a href="">Home</a>
-                        <a href="#about">About</a>
-                        <a href="#gear">Gear</a>
-                        <a href="#blog">Blog</a>
-                        <a href="#photos">Photos</a>
-                        <a href="#donate">Donate</a>
-                    </div>
-                </nav>
-            </div>
-        </header>
+{% include header.html %}
         <section id="about">
             <div class="wrap about-grid">
                 <div class="profile">
@@ -75,41 +57,30 @@
         </section>
         <section id="blog">
             <div class="wrap">
-                <article>
-                    <h2>Article Title</h2>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse!
-                    </p>
-                </article>
-                <article>
-                    <h2>Article Title</h2>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse!
-                    </p>
-                </article>
-                <article>
-                    <h2>Article Title</h2>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse!
-                    </p>
-                </article>
-                <article>
-                    <h2>Article Title</h2>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse!
-                    </p>
-                </article>
-                <article>
-                    <h2>Article Title</h2>
-                    <p>
-                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe dolorum repellat ea consequuntur eum itaque accusamus sapiente assumenda eveniet. Doloribus fuga voluptate facere atque repellat nisi facilis a, eveniet esse!
-                    </p>
-                </article>
+                <h2>Blog</h2>
+                <ul>
+                    {% for post in site.posts %}
+                        <li>
+                            <a href="{{ post.url }}">{{ post.title }}</a>
+                        </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </section>
+        <section id="photos">
+            <div class="wrap photos-grid">
+                <h2>Photos</h2>
+                <p>Section Coming soon:tm:</p>
+            </div>
+        </section>
+        <section id="donate">
+            <div class="wrap donate-grid">
+                <h2>Donate</h2>
+                <p>
+                    If I have ever spoke with your online and helped you in a way that made you want to donate to me.
+                    First off, thank you and secondly I have a few places you throw a few bucks my way.
+                </p>
+                <a href="https://www.paypal.com/paypalme/thebensanders">PayPal Me</a>
             </div>
         </section>
-    </main>
-    <footer>
-        &copy; Ben Sanders, 2026
-    </footer>
-</body>
-</html>
\ No newline at end of file
+{% include footer.html %}
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index e02a27c..99db393 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1 +1,10 @@
-{{ content }}
\ No newline at end of file
+{% include head.html %}
+{% include header.html %}
+<section id="post">
+    <div class="wrap article-grid">
+        <h2>{{ page.title }}</h2>
+        <p class="meta">{{ page.author }} | {{ page.date | date_to_long_string }} | {{ page.catagories }}</p>
+        {{ content }}
+    </div>
+</section>
+{% include footer.html %}
\ No newline at end of file
diff --git a/assets/css/main.css b/assets/css/main.css
index fffdb45..c09344d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -131,8 +131,11 @@ nav {
     grid-template-columns: 1fr 1fr 1fr;
 }
 
+.wrap.article-grid p {
+  padding: 1em 0 1em 0;
+}
+
 footer {
-    background: blue;
     width: 100%;
     max-width: 1070px;
     margin: 0 auto;
diff --git a/index.md b/index.md
index 036c436..0d6905d 100644
--- a/index.md
+++ b/index.md
@@ -1,3 +1,3 @@
 ---
 layout: default
----
\ No newline at end of file
+---