Ajout de la pagination

static/css/style.css

@@ -54,10 +54,28 @@ a {
   color: white;
 }
 
+a:hover {
+  color: #121224;
+  background-color: white;
+}
+
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Open Sans', sans-serif;
 }
 
+#base-pagenation {
+  margin-left: 20%;
+  margin-right: 20%;
+  margin-bottom: 2em;
+  display: flex;
+  justify-content: space-between;
+  align-self: flex-end;
+}
+
+#base-next {
+  text-align: right;
+}
+
 /* Parametres pour macro de prévisualisation d’articles */
 
 .pre-art  * {
@@ -89,11 +107,21 @@ h1, h2, h3, h4, h5, h6 {
   text-decoration: none;
 }
 
+.author:hover {
+  color: #121224;
+  background-color: #6A89CC;
+}
+
 .category:link {
   color: #2DCF29;
   text-decoration: none;
 }
 
+.category:hover {
+  color: #121224;
+  background-color: #2DCF29;
+}
+
 .continue:link {
   background-color: #3C5DA4;
   border-radius: 50px;
@@ -208,6 +236,10 @@ pre * {
   margin-right: 20px;
 }
 
+[class^="icone-"]:hover {
+  color:grey;
+}
+
 .icone-mastodon:before {
   content: "\e900";
 }

templates/author.html

@@ -17,5 +17,6 @@
     </div>
 
     {{ macro.listArticles(articles_page.object_list) }}
+    {{ macro.paginationArt(articles_previous_page, articles_next_page) }}
 
 {% endblock content %}

templates/category.html

@@ -7,5 +7,5 @@
     </div>
 
 {{ macro.listArticles(articles_page.object_list) }}
-
+{{ macro.paginationArt(articles_previous_page, articles_next_page) }}                                                                                                 
 {% endblock content %}

templates/index.html

@@ -3,5 +3,6 @@
 {% block content %}
 
 {{ macro.listArticles(articles_page.object_list) }}
+{{ macro.paginationArt(articles_previous_page, articles_next_page) }}
 
 {% endblock content %}

templates/macros.html

@@ -18,3 +18,15 @@
     </div>
 {% endfor %}
 {%- endmacro %}
+
+{% macro paginationArt(prev, next) -%}
+    <div id="base-pagenation">
+        {% if prev is not none %} 
+        <p id="base-prev"><a href="{{ SITEURL }}/{{ prev.url }}">Articles récents</a></p>
+        {% endif %}
+
+        {% if next is not none %} 
+        <p id="base-next"><a href="{{ SITEURL }}/{{ next.url }}">Ancients articles</a></p>
+        {% endif %}
+    </div>
+{%- endmacro %}