From 613e7eab14a2bd15e57753b38f93bbe19648759b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 1 Mar 2026 18:17:23 +0000
Subject: [PATCH 1/2] Initial plan


From 285c6e445c5d60993cf2a3edd04a8aca25e8cf7a Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 1 Mar 2026 18:19:46 +0000
Subject: [PATCH 2/2] Add blog subpage with example post and nav link from home
 page

Co-authored-by: hgarfer <611512+hgarfer@users.noreply.github.com>
---
 _layouts/home.html               |  1 +
 _layouts/post.html               | 18 ++++++++
 _posts/2026-03-01-hello-world.md | 21 ++++++++++
 _sass/main.scss                  | 72 ++++++++++++++++++++++++++++++++
 blog.html                        | 32 ++++++++++++++
 5 files changed, 144 insertions(+)
 create mode 100644 _layouts/post.html
 create mode 100644 _posts/2026-03-01-hello-world.md
 create mode 100644 blog.html

diff --git a/_layouts/home.html b/_layouts/home.html
index 0a9d0fc..7da9db1 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -6,6 +6,7 @@
     <header class="site-header">
         <h1 class="site-title">{{ site.title }}</h1>
         <nav class="site-nav">
+            <a href="{{ '/blog.html' | relative_url }}" class="nav-link">Blog</a>
             <a href="{{ '/contact.html' | relative_url }}" class="nav-link">Contact</a>
         </nav>
     </header>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..81ca078
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,18 @@
+---
+layout: default
+---
+
+<div class="container">
+    <header class="site-header">
+        <h1 class="site-title">{{ page.title }}</h1>
+        <p class="blog-post-meta">{{ page.date | date: "%B %-d, %Y" }}</p>
+        <nav class="site-nav">
+            <a href="{{ '/' | relative_url }}" class="nav-link">Home</a>
+            <a href="{{ '/blog.html' | relative_url }}" class="nav-link">Blog</a>
+        </nav>
+    </header>
+
+    <div class="blog-post-content">
+        {{ content }}
+    </div>
+</div>
diff --git a/_posts/2026-03-01-hello-world.md b/_posts/2026-03-01-hello-world.md
new file mode 100644
index 0000000..2457d37
--- /dev/null
+++ b/_posts/2026-03-01-hello-world.md
@@ -0,0 +1,21 @@
+---
+layout: post
+title: "Hello World"
+date: 2026-03-01
+---
+
+Welcome to my blog! This is my first post, and I'm excited to share some thoughts and experiences here.
+
+## What to expect
+
+I plan to write about topics that interest me, including:
+
+- **Software engineering** – lessons learned, tools I enjoy, and things I find interesting.
+- **Side projects** – updates on personal projects and experiments.
+- **Reflections** – occasional thoughts on the industry and beyond.
+
+## Getting started
+
+Building this site has been a fun exercise in keeping things simple. Jekyll makes it easy to focus on content while keeping the underlying structure clean and minimal — which aligns well with my taste in design.
+
+Stay tuned for more posts. Thanks for stopping by!
diff --git a/_sass/main.scss b/_sass/main.scss
index f72d580..f1c6ee0 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -44,6 +44,10 @@ body {
 
 .site-nav {
     margin-top: 1rem;
+    display: flex;
+    gap: 0.5rem;
+    justify-content: center;
+    flex-wrap: wrap;
 }
 
 .nav-link {
@@ -176,6 +180,74 @@ body {
     }
 }
 
+/* Blog styles */
+.blog-list {
+    width: 100%;
+    max-width: 700px;
+}
+
+.blog-post-preview {
+    border-bottom: 1px solid #e0e0e0;
+    padding: 1.5rem 0;
+}
+
+.blog-post-preview:last-child {
+    border-bottom: none;
+}
+
+.blog-post-title {
+    font-size: 1.4rem;
+    font-weight: 400;
+    margin-bottom: 0.4rem;
+}
+
+.blog-post-title a {
+    color: #333333;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.blog-post-title a:hover {
+    color: #666666;
+}
+
+.blog-post-meta {
+    font-size: 0.85rem;
+    color: #999999;
+    margin-bottom: 0.75rem;
+}
+
+.blog-post-excerpt {
+    font-size: 0.95rem;
+    color: #555555;
+    line-height: 1.7;
+}
+
+.blog-post-content {
+    width: 100%;
+    max-width: 700px;
+    line-height: 1.8;
+}
+
+.blog-post-content h2,
+.blog-post-content h3 {
+    font-weight: 400;
+    margin: 1.5rem 0 0.75rem;
+}
+
+.blog-post-content p {
+    margin-bottom: 1rem;
+}
+
+.blog-post-content ul,
+.blog-post-content ol {
+    margin: 0.75rem 0 1rem 1.5rem;
+}
+
+.blog-post-content li {
+    margin-bottom: 0.4rem;
+}
+
 /* Print styles */
 @media print {
     .social-link {
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..80d7f40
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,32 @@
+---
+layout: default
+title: Blog
+---
+
+<div class="container">
+    <header class="site-header">
+        <h1 class="site-title">Blog</h1>
+        <nav class="site-nav">
+            <a href="{{ '/' | relative_url }}" class="nav-link">Home</a>
+            <a href="{{ '/contact.html' | relative_url }}" class="nav-link">Contact</a>
+        </nav>
+    </header>
+
+    <div class="blog-list">
+        {% if site.posts.size > 0 %}
+            {% for post in site.posts %}
+            <article class="blog-post-preview">
+                <h2 class="blog-post-title">
+                    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+                </h2>
+                <p class="blog-post-meta">{{ post.date | date: "%B %-d, %Y" }}</p>
+                {% if post.excerpt %}
+                <p class="blog-post-excerpt">{{ post.excerpt | strip_html | truncate: 200 }}</p>
+                {% endif %}
+            </article>
+            {% endfor %}
+        {% else %}
+            <p style="text-align: center; color: #666;">No posts yet. Check back soon!</p>
+        {% endif %}
+    </div>
+</div>