events.md

layout	title	permalink
page	Events	/events/

This page holds a list of all the lovely Hacktoberfest events in Nottingham 🙃

{% assign sorted_events = site.data.events | sort: 'date' | reverse %} {% for event in sorted_events %} {% capture nowunix %}{{ 'now' | date: '%s' }}{% endcapture %} {% capture eventtime %}{{ event.date | date: '%s' }}{% endcapture %}

{% assign day = event.date | date: "%-d" %} {% case day %} {% when '1' or '21' or '31' %}{{ day }}st {% when '2' or '22' %}{{ day }}nd {% when '3' or '23' %}{{ day }}rd {% else %}{{ day }}th {% endcase %}

{{ event.title }}

{{ event.description }}

{% endfor %}

<script> const events = document.querySelectorAll('.event'); const now = new Date(); // Loop through events events.forEach(event => { const endDate = new Date(event.dataset.endDate); // If end date is in the past, add class to style it if (now > endDate) { event.classList.add('event--done'); } }) </script>