Events calendar for 2024 cycling

src/index.html

@@ -7,11 +7,20 @@ layout: base.njk
 	<section class="stack-md row h-card">
     <h1><a href="https://{{ metadata.site.domain }}" rel="me" class="u-url">Hi, I'm <span class="p-given-name">Lewis</span></a></h1>
 
+		<aside class="callout stack-2xs">
+			<p>I'm raising money for Cyclists Fighting Cancer this summer.</p>
+
+			<p>
+				Check out the <a href="/events/2024">events calendar</a>, or if you would like to donate you can do so on the <a href="https://justgiving.co.uk/page/lewis-dale-bikes">Just Giving page</a>
+			</p>
+		</aside>
+
+		{% image metadata.author.avatar, "My face", "box circle u-photo", "300px", [300] %}
+
 		<p class="inline-block max-w-[45ch] p-note">
 			I'm a software engineer who loves building things for the web. I consider myself a generalist, but on a given day I'll probably be working with Typescript, HTML and CSS, and on occasion a touch of .NET. I work for <a href="https://triptease.com" target="_blank" rel="noreferrer" class="p-org">Triptease</a> as a Senior Software Engineer, and on the side I'm learning Rust by building a <a href="/post/creating-a-sinclair-basic-interpreter/">Sinclair BASIC Interpreter</a/>.
 		</p>
 
-		{% image metadata.author.avatar, "My face", "box circle u-photo", "300px", [300] %}
 	
     <p class="p-note">
 			When I'm not working I love cycling, reading fiction (mostly sci-fi and ghost stories), and spending time with my family & our border collie.