diff options
Diffstat (limited to 'clams-server/src')
| -rw-r--r-- | clams-server/src/main/resources/public/css/blog.css | 18 | ||||
| -rw-r--r-- | clams-server/src/main/resources/templates/blog.html | 44 |
2 files changed, 19 insertions, 43 deletions
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 %} |
