add pagination boilerplate

_layouts/recent_feed.njk

@@ -13,8 +13,13 @@
         </div>
     {% endif %}
     <div id="feed">
+        {% if paginated %}
+            {% set cycling = paginated | i18n_filter %}
+        {% else %}
+            {% set cycling = collections[cycling_tag] | i18n_filter %}
+        {% endif %}
         {% set current_year = 0 %}
-        {% for post in collections[cycling_tag] | i18n_filter %}
+        {% for post in cycling %}
             {% set post_year = post.date | date("yyyy") %}
             {% if post_year != current_year %}
                 <h2 class="year-title">{{ post_year }}</h2>
@@ -37,6 +42,7 @@
                 <p class="post-link"><a href="{{ post.url | locale_url_resolve }}">{{ "read-more" | i18n }}</a></p>
             </div>
         {% endfor %}
+        {# TODO: handle pagination buttons #}
         <div class="end-of-feed">
             <a href="https://www.youtube.com/watch?v=mB5YeQFw1S4" target="_blank">
                 <div id="tv"></div>

css/main.scss

@@ -440,7 +440,8 @@ body {
     #blog-sidebar {
         display: flex;
         flex-direction: column;
-        width: 240px;
+        width: 280px;
+        margin: 25px 12px 0px 12px;
 
         p,
         li {
@@ -462,7 +463,7 @@ body {
         }
 
         .true-content {
-            margin: 6px ($sm - 5%) 6px $sm;
+            padding: 6px ($sm - 8%) 6px $sm;
         }
 
         .blog-avatar-wrapper {
@@ -490,7 +491,7 @@ body {
     #feed {
         width: 100%;
         margin: 12px;
-        padding: 0px 12%;
+        padding: 0px 12% 0px 6%;
         .year-title {
             font-size: $h4size;
             text-align: center;

en/blog/index.md

@@ -3,6 +3,10 @@ title: blog
 layout: recent_feed
 cycling_tag: posts
 sidebar: blog
+pagination:
+  data: collections.posts
+  size: 6
+  alias: paginated
 flight:
     img: /img/gifcities/mimi.gif
     url: /

es/blog/index.md

@@ -3,9 +3,13 @@ title: blog
 layout: recent_feed
 cycling_tag: posts
 sidebar: blog
+pagination:
+  data: collections.posts
+  size: 6
+  alias: paginated
 flight:
-    img: /img/gifcities/mimi.gif
-    url: /
+  img: /img/gifcities/mimi.gif
+  url: /
 ---
 # blog