47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
---
|
|
title: Home
|
|
layout: base.njk
|
|
---
|
|
|
|
<main class="home 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>
|
|
<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. I work for <a href="https://triptease.com" target="_blank" rel="noopener noreferrer" class="p-org">Triptease</a> as a Senior Software Engineer.
|
|
</p>
|
|
{% image metadata.author.avatar, "My face", "box circle u-photo", "300px", [300] %}
|
|
|
|
<p class="p-note">
|
|
I mostly blog about cycling, software development, and the occasional post about movies & TV.
|
|
</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>, or subscribe to my <a href="/feed/">RSS feed</a>.
|
|
</p>
|
|
|
|
</section>
|
|
<div class="grid" data-grid-cols="2">
|
|
<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>
|
|
<section class="stack-md">
|
|
<h2>Popular posts</h2>
|
|
|
|
<ul class="stack-2xs" role='list'>
|
|
{% for post in postMetrics | take(3) | metricsToPosts(collections.posts) %}
|
|
<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>
|
|
</div>
|
|
</main>
|