lewisdale.dev/src/index.html
Lewis Dale 49fb70d726
All checks were successful
Build and copy to prod / build-and-copy (push) Successful in 2m9s
Add noopener noreferrer rels to all external urls
2024-05-23 07:50:33 +01:00

43 lines
2.2 KiB
HTML

---
title: Home
layout: base.njk
---
<main class="home wrapper-lg stack-2xl">
<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" rel="noopener noreferrer" target="_blank">Just Giving page</a>
</p>
</aside>
<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="noopener 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 &amp; our border collie.
</p>
<p class="p-note">
You can find also find me on <a href="https://social.lol/@lewis" rel="me noopener noreferrer" target="_blank">the Fediverse</a>, follow my reading on <a href="https://bookrastinating.com/user/lewisdaleuk" target="_blank" rel="me noopener noreferrer">Bookwyrm</a>, subscribe to my <a href="/feed/">RSS feed</a>, or email me at <a href="mailto:hello@lewiswrites.software" class="u-email">hello@lewiswrites.software</a>.
</p>
</section>
<section class="stack-md">
<h2>Recent Posts</h2>
<ul class="stack-2xs" role='list'>
{% for post in collections.posts | reverse | take(3) %}
<li><a href="{{ post.url }}">{{ post.data.title | safe }}</a> <time datetime="{{ post.date | dateToRfc3339 }}">{{ post.date | dateDisplay }}</time></li>
{% endfor %}
</ul>
<a href="/blog" class="block">View more posts</a>
</section>
</main>