From 4fd4373ed0ac6fc6198c023f0edf4ee155438033 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Tue, 27 Feb 2024 23:57:56 +0100
Subject: [PATCH] Blog post header improvements

---
 axum_server/styles/output.css        | 37 ++++++++++++++++++++++++++++
 axum_server/templates/post_list.html | 15 +++++------
 2 files changed, 45 insertions(+), 7 deletions(-)

diff --git a/axum_server/styles/output.css b/axum_server/styles/output.css
index 897e522..571bb61 100644
--- a/axum_server/styles/output.css
+++ b/axum_server/styles/output.css
@@ -582,10 +582,34 @@ video {
   margin-right: 1rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.mx-2 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
+
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
 
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
 .block {
   display: block;
 }
@@ -693,6 +717,11 @@ video {
   line-height: 2.25rem;
 }
 
+.text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
 .font-medium {
   font-weight: 500;
 }
@@ -701,6 +730,14 @@ video {
   font-weight: 600;
 }
 
+.font-bold {
+  font-weight: 700;
+}
+
+.font-extrabold {
+  font-weight: 800;
+}
+
 .italic {
   font-style: italic;
 }
diff --git a/axum_server/templates/post_list.html b/axum_server/templates/post_list.html
index c81f3b0..9eccdcc 100644
--- a/axum_server/templates/post_list.html
+++ b/axum_server/templates/post_list.html
@@ -1,13 +1,13 @@
 {% extends "base.html" %} {% block content %} {% if posts.len() == 0 %}
 <p class="no-posts">You've found void in the space.</p>
 {% else %}
-<h1>{# if filters.tags #} {# <em>{filters.tags}</em> #} Blog posts</h1>
-
-{#if filters.tags#}
-<div class="{seeAllClass}">
-  <a href="/blog">See all posts</a>
-</div>
-{% endif%}
+<h1 class="mx-6 mt-3 text-4xl text-blue-900 font-extrabold">
+{% if let Some(t) = tag %}
+<em>{{t}}</em> 
+{% else %}
+ Blog posts
+{% endif %}
+</h1>
 
 <ul>
   {% for post in posts %}
@@ -19,4 +19,5 @@
   {% endfor %}
 </ul>
 
+{% endif %}
 {% endblock %}