year.html: converted to bulma

diff --git a/src/templates/blog/year.html b/src/templates/blog/year.html
index 5d36007e2b449bf5c8de8abcf9b8c411f7bdb4ea..719790d7554f9a886fbde91779fe4d89c3e8ec47 100644 (file)
--- a/src/templates/blog/year.html
+++ b/src/templates/blog/year.html
@@ -2,12 +2,39 @@
 
 {% block title %}{{ _("Posts in %s") % year }}{% end block %}
 
-{% block main %}
-       <div class="card">
-               <div class="card-body">
-                       <h5>{{ _("Posts in %s") % year }}</h5>
-
-                       {% module BlogList(posts) %}
+{% block container %}
+       <section class="hero has-background-primary-light">
+               <div class="hero-body">
+                       <div class="container">
+                               <nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+                                       <ul>
+                                               <li>
+                                                       <a href="/">Home</a>
+                                               </li>
+                                               <li>
+                                                       <a href="/blog">Blog</a>
+                                               </li>
+                                               <li class="is-active">
+                                                       <a href="#" aria-current="page">{{ year }}</a>
+                                               </li>
+                                       </ul>
+                               </nav>
+                               <h1 class="title is-1">
+                                       {{ _("Posts in %s") % year }}
+                               </h1>
+                       </div>
+               </div>
+       </section>
+       <section class="section">
+               <div class="container">
+                       <div class="columns">
+                               <div class="column is-8">
+                                       {% module BlogList(posts) %}
+                               </div>
+                               <div class="column">
+                                       {% module BlogHistoryNavigation() %}
+                               </div>
+                       </div>
                </div>
-       </div>
-{% end block %}
+       </section>
+{% end block %}
\ No newline at end of file