Events calendar for 2024 cycling

src/events/2024.html

@@ -0,0 +1,27 @@
+---
+title: 2024 cycling events calendar
+layout: base.njk
+---
+
+<main class="wrapper-lg events">
+    <article class="stack-lg">
+        <h1 class="text-center">{{ title }}</h1>
+        <div class="stack-lg">     
+            <p>This year I'm raising money for <a href="https://www.cyclistsfc.org.uk/">Cyclists Fighting Cancer</a>, a brilliant charity that donate bikes to children and young people who are dealing with cancer.</p>
+
+            <p>If you'd like to donate to the fundraiser, you can do so on the <a href="https://www.justgiving.com/page/lewis-dale-bikes">JustGiving page</a>.</a></p>
+            
+            <h2>The events</h2>
+            
+            <ul class="grid eventlist" role="list" data-cols="3">
+            {% for event in events %}
+                <li class="event stack-2xs">
+                    <h3>{{ event.name }}</h3>
+                    <time datetime="{{ event.date }}">{{ event.date | dateDisplay }}</time>
+                    <p>Distance: {{ event.distance }}</p>
+                </li>
+            {% endfor %}
+            </ul>
+        </div>
+    </article>
+</main>