Add some h-card microformat to my homepage

This commit is contained in:
Lewis Dale 2023-11-29 07:49:49 +00:00
parent 54657cac84
commit 0066fbf2b3

View File

@ -4,20 +4,20 @@ layout: base.njk
--- ---
<main class="home wrapper-lg stack-2xl"> <main class="home wrapper-lg stack-2xl">
<section class="stack-md row"> <section class="stack-md row h-card">
<h1>Hi, I'm Lewis</h1> <h1>Hi, I'm <span class="p-given-name">Lewis</span></h1>
<p class="inline-block max-w-[45ch]"> <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>. 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> </p>
{% image metadata.author.avatar, "My face", "box circle", "300px", [300] %} {% image metadata.author.avatar, "My face", "box circle u-photo", "300px", [300] %}
<p> <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. 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> </p>
<p> <p>
You can find also find me on <a href="https://social.lewisdale.dev/@lewis" rel="me" target="_blank">the Fediverse</a>, follow my reading on <a href="https://bookrastinating.com/user/lewisdaleuk" target="_blank">Bookwyrm</a>, subscribe to my <a href="/feed.xml">RSS feed</a>, or email me at <a href="mailto:hello@lewiswrites.software">hello@lewiswrites.software</a>. You can find also find me on <a href="https://social.lewisdale.dev/@lewis" rel="me" target="_blank">the Fediverse</a>, follow my reading on <a href="https://bookrastinating.com/user/lewisdaleuk" target="_blank">Bookwyrm</a>, subscribe to my <a href="/feed.xml">RSS feed</a>, or email me at <a href="mailto:hello@lewiswrites.software" class="u-email">hello@lewiswrites.software</a>.
</p> </p>
</section> </section>