improve blog

templates/note.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+{% import 'macros/card.html' as macro_card -%}
+
+{% block content %}
+    {% for page in paginator.pages %}
+<article class="media note p-4" >
+  <div class="media-content media-flex" style="overflow-y: clip;">
+        <a href="#" class="" style="width: 100%">
+          <h2 class="title is-2">{{ page.title }}</h2>
+          <h4 class="subtitle">{{ page.date }}</h4>
+          <div class="content has-text-justified">
+              {{ page.summary | markdown | safe }}
+          </div>
+        </a>
+        <div class="buttons mt-1">
+         {% for tag in page.taxonomies.Tag %}
+                        <a class="button is-small is-info is-light is-rounded" href="{{ get_url(path="Tag/")  }}/{{ tag }}"> {{ tag }}</a>
+        {% endfor %}</a>
+        </div>
+  </article>
+{% endfor %}
+    </div>
+    
+<nav class="pagination is-rounded is-centered" role="navigation" aria-label="pagination">
+  <ul class="pagination-list">
+    {% if paginator.current_index > 2 %}
+    <li><a href="{{ paginator.first }}" class="pagination-link" aria-label="Page 1">1</a></li>
+    {% endif %}
+    {% if paginator.current_index > 3 %}
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    {% endif %}
+    {% if paginator.previous %}
+    <li><a class="pagination-link" href="{{ paginator.previous }}" aria-label="Page {{ paginator.current_index -1 }}">{{ paginator.current_index - 1 }}</a></li>
+    {% endif %}
+    <li><a class="pagination-link is-current" aria-label="Page {{ paginator.current_index }}" aria-current="page">{{ paginator.current_index }}</a></li>
+    {% if paginator.next %}
+    <li><a class="pagination-link" href="{{ paginator.next }}" aria-label="Page {{ paginator.current_index +1 }}">{{ paginator.current_index + 1 }}</a></li>
+    {% endif %}
+    {% if paginator.current_index + 2 < paginator.number_pagers %}
+    <li><span class="pagination-ellipsis">&hellip;</span></li>
+    {% endif %}
+    {% if paginator.current_index < paginator.number_pagers - 1 %}
+    <li><a  href="{{ paginator.last }}" class="pagination-link" aria-label="Page {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
+    {% endif %}
+  </ul>
+</nav>
+{% endblock content %}