blog: Make the latest post in primary colour

This should be the eye catcher on the page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/blog/index.html b/src/templates/blog/index.html
index d2b926b36738ded854bc341bcce9df88e9d25603..e5bf7b2188ea34e0607fc16369932307e3fea7dc 100644 (file)
--- a/src/templates/blog/index.html
+++ b/src/templates/blog/index.html
@@ -31,16 +31,20 @@
                        <div class="columns">
                                <div class="column is-8">
                                        {% if latest_post %}
-                                               <div class="notification has-background-primary-light">
-                                                       <h4 class="title is-4 has-text-primary">
+                                               <div class="notification is-primary">
+                                                       <h4 class="title is-4">
                                                                <a href="/blog/{{ latest_post.slug }}">
                                                                        {{ latest_post.title }}
                                                                </a>
                                                        </h4>
 
-                                                       <br>
-                                                       {{ latest_post.excerpt }}
-                                                       <a class="has-text-primary" href="/blog/{{ latest_post.slug }}">Read more</a>
+                                                       <div class="content">
+                                                               {{ latest_post.excerpt }}
+                                                       </div>
+
+                                                       <p>
+                                                               <a href="/blog/{{ latest_post.slug }}">Read more</a>
+                                                       </p>
                                                </div>
                                        {% end %}