blog: Move history navigation to the bottom of 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 2f5819a9a4ab457634c6bde957504ba9919eb3c2..678f9e840cfeedf5c1e666673c8ff2f765111e9f 100644 (file)
--- a/src/templates/blog/index.html
+++ b/src/templates/blog/index.html
@@ -120,10 +120,11 @@
                                                        </div>
                                                </div>
                                        </div>
-
-                                       {% module BlogHistoryNavigation() %}
                                </div>
                        </div>
+
+                       {# Show links to older years... #}
+                       {% module BlogHistoryNavigation() %}
                </div>
        </section>
 {% end block %}

diff --git a/src/templates/blog/modules/history-navigation.html b/src/templates/blog/modules/history-navigation.html
index 7ea0b643c0f1286f3acd7d3dcbe4ef6cfb1e611b..0d82502c0095b5e8251b674866dc54860e4a28f8 100644 (file)
--- a/src/templates/blog/modules/history-navigation.html
+++ b/src/templates/blog/modules/history-navigation.html
@@ -1,9 +1,13 @@
-<h5 class="title is-5">{{ _("Years") }}</h6>
+<div class="level">
+       <div class="level-left">
+               <div class="level-item">
+                       {{ _("Archive") }}
+               </div>
 
-<ul>
-       {% for year in years %}
-               <li>
-                       <a class="nav-link" href="/blog/years/{{ year }}">{{ year }}</a>
-               </li>
-       {% end %}
-</ul>
+               {% for year in years %}
+                       <div class="level-item">
+                               <a href="/blog/years/{{ year }}">{{ year }}</a>
+                       </div>
+               {% end %}
+       </div>
+</div>

diff --git a/src/templates/blog/year.html b/src/templates/blog/year.html
index 5f47069936e62c795fe0ed8957f31529b8ec278b..b9339153852db9af43ef2e545e2bdd22347ab2d0 100644 (file)
--- a/src/templates/blog/year.html
+++ b/src/templates/blog/year.html
@@ -31,10 +31,9 @@
                                <div class="column is-8">
                                        {% module BlogList(posts) %}
                                </div>
-                               <div class="column">
-                                       {% module BlogHistoryNavigation() %}
-                               </div>
                        </div>
+
+                       {% module BlogHistoryNavigation() %}
                </div>
        </section>
 {% end block %}