Automatically filter events by date

Author: fbiville

_data/events.yml

@@ -1,11 +1,15 @@
-upcoming:
-past:
-  - name: Paris 2021
-    url: https://paris2021.hack-commit-pu.sh/
-    img: hcp-paris-2021.png
-  - name: Paris 2020
-    url: https://paris2020.hack-commit-pu.sh/
-    img: hcp-paris-2020.png
-  - name: Paris 2019
-    url: https://paris2019.hack-commit-pu.sh/
-    img: hcp-paris-2019.png
+- name: Paris 2021
+  url: https://paris2021.hack-commit-pu.sh/
+  img: hcp-paris-2021.png
+  # 2021-05-29 19:00:00+0200
+  end_timestamp_millis: 1622307600
+- name: Paris 2020
+  url: https://paris2020.hack-commit-pu.sh/
+  img: hcp-paris-2020.png
+  # 2020-06-27 19:00:00+0200
+  end_timestamp_millis: 1593277200
+- name: Paris 2019
+  url: https://paris2019.hack-commit-pu.sh/
+  img: hcp-paris-2019.png
+  # 2019-06-15 19:00:00+0200
+  end_timestamp_millis: 1560618000

_includes/past.html

@@ -6,7 +6,9 @@
 					<h2 class="section-heading">Past events</h2>
 					<hr class="light">
 				</div>
-				{% include _events.html events=site.data.events.past %}
+                {% assign now = 'now' | date: '%s' | to_integer %}
+                {% assign past_events = site.data.events | where_exp:"event", "event.end_timestamp_millis < now" %}
+                {% include _events.html events=past_events %}
             </div>
         </div>
     </div>

_includes/upcoming.html

@@ -11,7 +11,9 @@ <h2 class="section-heading">Upcoming events</h2>
                     <p>Follow our <a rel="noopener" target="_blank" class="page-scroll" href="https://twitter.com/{{site.twitter_username}}">Twitter account</a> to stay in touch!</p>
                 </div>
                 {% else %}
-				{% include _events.html events=site.data.events.upcoming %}
+                {% assign now = 'now' | date: '%s' | to_integer %}
+                {% assign upcoming_events = site.data.events | where_exp:"event", "event.end_timestamp_millis >= now" %}
+                {% include _events.html events=upcoming_events %}
                 {% endif %}
             </div>
         </div>