blog: Cleanup markup on index 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 7ad55b3606f2055d8fbe0d2a487539182c782dfc..d2b926b36738ded854bc341bcce9df88e9d25603 100644 (file)
--- a/src/templates/blog/index.html
+++ b/src/templates/blog/index.html
@@ -7,12 +7,6 @@
 {% end %}
 
 {% block container %}
-       <!--<div class="header">
-               <div class="container">
-                       <h1>{{ _("IPFire Blog") }}</h1>
-               </div>
-       </div>-->
-
        <section class="hero has-background-primary-light">
                <div class="hero-body">
                        <div class="container">
@@ -21,17 +15,13 @@
                                                <li>
                                                        <a href="/">Home</a>
                                                </li>
-                                               <li>
-                                                       <a href="/blog">Blog</a>
+                                               <li class="is-active">
+                                                       <a href="#" aria-current="page">{{ _("Blog") }}</a>
                                                </li>
                                        </ul>
                                </nav>
-                               <h1 class="title is-1">
-                                       {{ _("IPFire Blog") }}
-                               </h1>
-                               <p class="subtitle">
 
-                               </p>
+                               <h1 class="title is-1">{{ _("IPFire Blog") }}</h1>
                        </div>
                </div>
        </section>
@@ -42,9 +32,12 @@
                                <div class="column is-8">
                                        {% if latest_post %}
                                                <div class="notification has-background-primary-light">
-                                                       <a class="title is-4 has-text-primary" href="/blog/{{ latest_post.slug }}">
-                                                               {{ latest_post.title }}
-                                                       </a>
+                                                       <h4 class="title is-4 has-text-primary">
+                                                               <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>