From 12fd8a8581e68ee1b261fd0b2b1f0ef179ea3cf1 Mon Sep 17 00:00:00 2001
From: Elias Haugsbakk <elias.haugsbakk@gmail.com>
Date: Tue, 21 Jul 2026 17:46:06 +0200
Subject: remove the featured section of the blog page

---
 .../src/main/resources/public/css/blog.css         | 18 +++------
 .../src/main/resources/templates/blog.html         | 44 +++++++---------------
 2 files changed, 19 insertions(+), 43 deletions(-)

(limited to 'clams-server/src/main')

diff --git a/clams-server/src/main/resources/public/css/blog.css b/clams-server/src/main/resources/public/css/blog.css
index d81100e..2284182 100644
--- a/clams-server/src/main/resources/public/css/blog.css
+++ b/clams-server/src/main/resources/public/css/blog.css
@@ -1,7 +1,7 @@
 .intro-text {
     text-align: center;
     max-width: 600px;
-    margin: 0 auto 60px auto;
+    margin: 0 auto 30px auto;
 }
 
 .blog-section {
@@ -9,9 +9,8 @@
 }
 
 .search-form {
-    position: absolute;
-    top: 20px;
-    right: 20px;
+    text-align: center;
+    margin-bottom: 40px;
 }
 
 .search-form input {
@@ -63,16 +62,16 @@
 
 .post-list {
     margin-top: 10px;
-    padding-left: 20px;
+    padding-left: 35px !important;
     border-left: 2px solid var(--border-color);
 }
 
 .post-list li {
-    margin-bottom: 0.65rem;
+    margin-bottom: 0.8rem;
 }
 
 .post-list a {
-    font-size: 0.9rem;
+    font-size: 1rem;
     font-weight: normal;
 }
 
@@ -132,11 +131,6 @@
 }
 
 @media (max-width: 768px) {
-    .search-form {
-        position: static;
-        text-align: center;
-        margin-bottom: 40px;
-    }
     .search-form input {
         width: 250px;
     }
diff --git a/clams-server/src/main/resources/templates/blog.html b/clams-server/src/main/resources/templates/blog.html
index 2c484a1..c4dbdad 100644
--- a/clams-server/src/main/resources/templates/blog.html
+++ b/clams-server/src/main/resources/templates/blog.html
@@ -4,8 +4,7 @@
 <main class="main-container">
     <header>
         <h1>Elias Haugsbakk's Blog</h1>
-        <p class="intro-text">This is the home page for my blog. The featured list is a diverse collection of some
-            of my writings; if you're just browsing, this might be a good place to start.</p>
+        <p class="intro-text">A collection of my writings and thoughts.</p>
 
         <form action="/blog" method="GET" class="search-form">
             <input type="text" name="search" value="{{ search_value }}" placeholder="Search posts..."
@@ -14,35 +13,18 @@
         </form>
     </header>
 
-    <div class="content-grid">
-        <div class="left-column">
-            <section id="all" class="blog-section">
-                <h2>All Posts</h2>
-                {% for group in posts_by_year %}
-                <details class="year-accordion" {% if loop.first %}open{% endif %}>
-                    <summary class="year-toggle">{{ group.key }}</summary>
-                    <ul class="post-list">
-                        {% for post in group.value %}
-                        <li><a href="/blog/{{ post.slug }}">{{ post.title }}</a></li>
-                        {% endfor %}
-                    </ul>
-                </details>
+    <section id="all" class="blog-section">
+        <h2>All Posts</h2>
+        {% for group in posts_by_year %}
+        <details class="year-accordion" {% if loop.first %}open{% endif %}>
+            <summary class="year-toggle">{{ group.key }}</summary>
+            <ul class="post-list">
+                {% for post in group.value %}
+                <li><a href="/blog/{{ post.slug }}">{{ post.title }}</a></li>
                 {% endfor %}
-            </section>
-        </div>
-
-        <div class="right-column">
-            <section id="recent" class="blog-section">
-                <h2>Featured</h2>
-                <ul class="recent-list">
-                    {% for post in featured_posts %}
-                    <li>
-                        <a href="/blog/{{ post.slug }}">{{ post.title }}</a> <span class="featured-desc">-- {{ post.summary }}</span>
-                    </li>
-                    {% endfor %}
-                </ul>
-            </section>
-        </div>
-    </div>
+            </ul>
+        </details>
+        {% endfor %}
+    </section>
 </main>
 {% endblock %}
-- 
cgit v1.2.3