---
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>