Batch recent activity six at a time

templates/home.html

@@ -12,7 +12,7 @@
       <span>Recent Activity</span>
       <span>Sorted by date</span>
     </div>
-    <div class="timeline">
+    <div class="timeline" id="recent-activity-list" data-activity-feed data-batch-size="6">
       {% set entries = [] %}
       {% for section_id in ['projects', 'articles', 'blog'] %}
         {% for item in site.get('/' ~ section_id).children %}
@@ -30,7 +30,7 @@
         {% endif %}
       {% endfor %}
       {% for item in entries|sort(attribute='date', reverse=true) %}
-        <article class="timeline-entry accent-{{ item.kicker|lower }}">
+        <article class="timeline-entry accent-{{ item.kicker|lower }}" data-activity-item>
           <div class="entry-meta">
             <span class="label">{{ item.kicker }}</span>
             <time datetime="{{ item.date }}">{{ item.date|dateformat('YYYY.MM.dd') }}</time>
@@ -41,5 +41,9 @@
         </article>
       {% endfor %}
     </div>
+    <div class="activity-controls" data-activity-controls hidden>
+      <p class="activity-status" data-activity-status aria-live="polite"></p>
+      <button class="activity-more-button" type="button" data-activity-more aria-controls="recent-activity-list">Show 6 more</button>
+    </div>
   </div>
 </section>