Blog post header improvements

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;
 }

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>
+<h1 class="mx-6 mt-3 text-4xl text-blue-900 font-extrabold">
-
+{% if let Some(t) = tag %}
-{#if filters.tags#}
+<em>{{t}}</em> 
-<div class="{seeAllClass}">
+{% else %}
-  <a href="/blog">See all posts</a>
+ Blog posts
-</div>
+{% endif %}
-{% endif%}
+</h1>
 
 <ul>
   {% for post in posts %}
@@ -19,4 +19,5 @@
   {% endfor %}
 </ul>
 
+{% endif %}
 {% endblock %}