fix: add past class for events that have past

eleventy.config.js

@@ -9,22 +9,28 @@ const webcal = require('./src/_filters/webcal')
 const { upcoming, limit, next } = require('./src/_filters/collections')
 
 const showDate = require('./src/_methods/showDate')
+const isPast = require('./src/_methods/isPast')
 
 module.exports = config => {
   config.addPlugin(EleventyHtmlBasePlugin)
 
+  // filters…
   config.addFilter('date', date)
   config.addFilter('absoluteUrl', absoluteUrl)
   config.addFilter('validTags', validTags)
   config.addFilter('webcal', webcal)
+  config.addFilter('isPast', isPast)
 
   // collections…
   config.addFilter('limit', limit)
   config.addFilter('upcoming', upcoming)
   config.addFilter('next', next)
 
+  // methods…
   config.addNunjucksGlobal('showDate', showDate)
+  config.addNunjucksGlobal('isPast', isPast)
 
+  // shortcodes…
   config.addShortcode('year', () => new Date().getFullYear())
 
   config.addPassthroughCopy({

src/_layouts/games.njk

@@ -20,7 +20,7 @@ layout: base.njk
     </thead>
     <tbody>
         {% for game in collections[tag] %}
-            <tr class="vevent">
+            <tr class="vevent {{ 'past' if isPast(game) }}">
                 <td class="datetime">
                     {% if showDate(game.data.date, loop.index0, collections[tag]) %}
                         <span class="day">{{ game.data.date | date('ddd DD MMM') }}</span>

src/_methods/isPast.js

@@ -0,0 +1,3 @@
+const { DateTime } = require('luxon')
+
+module.exports = post => DateTime.fromISO(post.data.endDate || post.data.date) <= DateTime.now()