Add blog overview page

config.toml

@@ -49,6 +49,10 @@ skip_prefixes = [
 #url =
 #alt =
 
+[[extra.main_menu_item]]
+path = "@/blog/_index.md"
+title = "Blog"
+
 [extra.repo.web]
 tree = "https://edugit.org/Teckids/team-pr/teckids.org/-/tree/master/content"
 issues = "https://edugit.org/Teckids/team-pr/teckids.org/-/issues"

content/blog/_index.md

@@ -5,5 +5,6 @@ template = "blog/overview.html"
 page_template = "blog/post.html"
 
 sort_by = "date"
+paginate_by = 15
 generate_feeds = true
 +++

sass/_menu.scss

@@ -62,12 +62,12 @@
 }
 
 @include mixins.desktop {
-    #main-menu > div > .navbar-item > a {
+    #main-menu > div > .navbar-item > a, #main-menu > div > a.navbar-item {
         color: white;
         font-weight: bold;
     }
 
-    #main-menu > div > .navbar-item > a:hover {
+    #main-menu > div > .navbar-item > a:hover, #main-menu > div > a.navbar-item:hover {
         color: teckids.$orange;
     }
 }

templates/blog/overview.html

 {% extends "base.html" %}
 
+{% block rdfa_type %}schema:Blog{% endblock %}
+
 {% block main %}
-    <div class="my-4">
-            <div class="section">
-                <div class="content container">
-                  Foo
-                </div>
-            </div>
-    </div>
+  {% set title = "Teckids-Blog – Seite " ~ paginator.current_index ~ " von " ~ paginator.number_pagers %}
+  {% set posts = paginator.pages %}
+  {% set count = paginator.paginate_by %}
+  {% include "blog/section.html" %}
+
+  {% if paginator.number_pagers > 1 %}
+  <nav class="pagination is-centered section" role="navigation" aria-label="pagination">
+    <a href="{{ paginator.previous }}" class="pagination-previous">Vorherige</a>
+    <a href="{{ paginator.next }}" class="pagination-next">Nächste</a>
+    <ul class="pagination-list">
+      <li><a href="{{ paginator.first }}" class="pagination-link {% if paginator.current_index == 1 %}is-current{% endif %}" aria-label="Seite 1">1</a></li>
+      {% set range_start = paginator.current_index - 3 %}
+      {% if range_start < 2 %}{% set range_start = 2 %}{% endif %}
+      {% set range_end = paginator.current_index + 3 %}
+      {% if range_end > paginator.number_pagers - 1 %}{% set range_end = paginator.number_pagers - 1 %}{% endif %}
+      {% if range_start > 2 %}
+        <li><span class="pagination-ellipsis">&hellip;</span></li>
+      {% endif %}
+      {% for pn in range(start=range_start, end=range_end + 1) %}
+      <li><a href="{{ paginator.base_url ~ pn ~ "/" }}" class="pagination-link {% if pn == paginator.current_index %}is-current{% endif %}" aria-label="Seite {{ pn }}">{{ pn }}</a></li>      
+      {% endfor %}
+      {% if range_end < paginator.number_pagers - 1 %}
+        <li><span class="pagination-ellipsis">&hellip;</span></li>
+      {% endif %}
+      <li><a href="{{ paginator.last }}" class="pagination-link {% if paginator.current_index == paginator.number_pagers %}is-current{% endif %}" aria-label="Seite {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
+    </ul>
+  </nav>
+  {% endif %}
 {% endblock %}

templates/menu.html

@@ -37,6 +37,10 @@
                     {% include "menu/gemeinschaft.html" %}
                 </div>
             </div>
+
+            {% for item in config.extra.main_menu_item %}
+              <a href="{{ get_url(path=item.path) }}" class="navbar-item is-hoverable">{{ item.title }}</a>
+            {% endfor %}
         </div>
     </div>
 </nav>