Events calendar for 2024 cycling

src/events/2024.11tydata.json

@@ -0,0 +1,27 @@
+{ "events": [
+    {
+        "date": "2024-05-11",
+        "name": "Macclesfield Bikeathon",
+        "location": "Macclesfield, UK",
+        "distance": "96km"
+    },
+    {
+        "date": "2024-05-12",
+        "name": "Helping Kids with Cancer Sportive 2024",
+        "location": "Bolton, UK",
+        "distance": "105km"
+    },
+    {
+        "date": "2024-07-14",
+        "name": "Manchester - Blackpool Bike Ride",
+        "location": "Manchester, UK",
+        "distance": "215km"
+    },
+    {
+        "date": "2024-09-01",
+        "name": "Manchester 100",
+        "location": "Manchester, UK",
+        "distance": "160km"
+    }
+]
+}

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>