Bootstap migration talk.ipfire.org

[people/shoehn/ipfire.org.git] / templates / planet / index.html

diff --git a/templates/planet/index.html b/templates/planet/index.html
index 73892e27b451ebbbf599863efc93ba6e81ea6fe4..dc3fb453c49564130ae7568fe48fe5d57ff3f271 100644 (file)
--- a/templates/planet/index.html
+++ b/templates/planet/index.html
@@ -3,28 +3,28 @@
 {% block title %}{{ _("IPFire Planet") }}{% end block %}
 
 {% block container %}
+<div class="container">
+       <h2 class="display-2 text-center features-content">The Blog of the IPFire Team</h2>
+       
        {% for entry in entries %}
                {% module PlanetEntry(entry) %}
        {% end %}
-
-       <div class="container">
-               <ul class="pager">
-                       <li class="previous">
-                               <a href="?offset={{ offset }}">&larr; {{ _("Older posts") }}</a>
-                       </li>
-                       {% if offset - limit %}
-                               <li class="next">
-                                       <a href="?offset={{ offset - (2 * limit) }}">{{ _("Newer posts") }} &rarr;</a>
-                               </li>
-                       {% end %}
-               </ul>
+       
+       <div class="col-9 my-4">
+               <div class="row d-flex flex-row justify-content-between">
+                       <a href="?offset={{ offset }}">&larr; {{ _("Older posts") }}</a>
+                       <a href="?offset={{ offset - (2 * limit) }}">{{ _("Newer posts") }} &rarr;</a>
+               </div>
        </div>
 
-       <div class="btn-toolbar text-center">
-               <a class="btn btn-default" href="/hottest">{{ _("Hottest posts") }}</a>
+       <div class="btn-toolbar mb-6">
+               <div class="btn-group">
+                       <button type="button" class="btn btn-light"><a href="/hottest">{{ _("Hottest posts") }}</a></button>
 
-               {% for y in range(year, 2010, -1) %}
-                       <a class="btn btn-default" href="/year/{{ y }}">{{ y }}</a>
-               {% end %}
+                       {% for y in range(year, 2010, -1) %}
+                               <button tyle="button" class="btn btn-light"><a href="/year/{{ y }}">{{ y }}</a></button>
+                       {% end %}
+               </div>
        </div>
+</div>
 {% end block %}