Try and add my face

This commit is contained in:
Lewis Dale 2023-02-07 20:21:08 +00:00
parent 422dfebe5d
commit c9a21c9060
4 changed files with 12 additions and 2 deletions

View File

@ -62,7 +62,7 @@ header {
} }
p { p {
line-height: 1.4; line-height: 1.6;
max-width: 50ch; max-width: 50ch;
} }

View File

@ -0,0 +1,4 @@
.box {
aspect-ratio: 1;
height: auto;
}

BIN
src/images/me.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

@ -6,15 +6,21 @@ layout: base.njk
<main class="home wrapper-lg stack-2xl"> <main class="home wrapper-lg stack-2xl">
<section class="stack-md"> <section class="stack-md">
<h1>Hi, I'm Lewis</h1> <h1>Hi, I'm Lewis</h1>
<p> <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="/blog/category/basic">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">Triptease</a> as a Senior Software Engineer, and on the side I'm learning Rust by building a <a href="/blog/category/basic">Sinclair BASIC Interpreter</a>.
</p> </p>
<div class="inline-block max-w-[10rem] ml-[2rem]">
{% image "src/images/me.jpg", "My face", "box circle" %}
</div>
<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://dapchat.online/@lewisdaleuk" rel="me" target="blank">Mastodon</a>, follow my reading on <a href="https://bookrastinating.com/user/lewisdaleuk">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://dapchat.online/@lewisdaleuk" rel="me" target="blank">Mastodon</a>, follow my reading on <a href="https://bookrastinating.com/user/lewisdaleuk">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>.
</p> </p>
</section> </section>
<section> <section>
<h2>Recent Posts</h2> <h2>Recent Posts</h2>