Add section about my charity cycle

This commit is contained in:
Lewis Dale 2023-02-25 14:11:27 +00:00
parent 4e221c8984
commit 8446ebc5cf
2 changed files with 19 additions and 2 deletions

View File

@ -70,3 +70,13 @@ footer {
padding: var(--space-size-l) 0 var(--space-size-s);
width: 100%;
}
aside {
background-color: var(--color-slate-800);
border: 5px solid var(--color-coolGray-600);
border-radius: 10px;
height: fit-content;
max-width: 50ch;
padding: var(--space-size-xs);
}

View File

@ -6,12 +6,19 @@ layout: base.njk
<main class="home wrapper-lg stack-2xl">
<section class="stack-md row">
<h1>Hi, I'm Lewis</h1>
<aside>
I'm raising money for The Christie by taking part in the Manchester - Blackpool 100km.
I'd be grateful for any donations - you can donate via my <a href="https://justgiving.co.uk/fundraising/lewis-dale-bikes">Just Giving page</a>
</aside>
{% image metadata.author.avatar, "My face", "box circle", "300px", [300] %}
<p class="inline-block max-w-[45ch]">
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">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", "300px", [300] %}
<p>
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.
</p>