-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.njk
53 lines (43 loc) · 1.67 KB
/
index.njk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
---
layout: base.njk
bodyClass: home
description: Hi, I'm Piet. I build things for the web. This is my website.
meta:
image:
url: "/images/piet-2020.jpg"
---
<main role="main">
<div class="h-card">
<picture class="img-circle home-image">
<source type="image/webp" srcset="/images/avatar-4-2022-400.webp">
<source type="image/jpeg" srcset="/images/avatar-4-2022-400.jpg">
<img src="/images/avatar-400.jpg" class="u-photo" alt="Piet van Zoen">
<a href="{{ site.url }}" class="p-name u-url" rel="me" hidden>Piet van Zoen</a>
</picture>
<h1 class="text-center">Hi, I'm Piet.</h1>
<p class="home-intro p-note"><span>I build things for the web.<br>This is my website.</span></p>
</div>
<div class="site-menu-home site-menu">
<nav class="site-menu-list">
<ol>
{%- for item in site.menu -%}
{%- if page.url != item.href -%}
<li>
<a href="{{ item.href }}">{{ item.name }}</a>
</li>
{%- endif -%}
{%- endfor -%}
</ol>
</nav>
</div>
<hr>
<p>Welcome! Hello! This is my little plot of the internet where I capture notes and thoughts on the things I’m interested in. (When ever I get around to writing anything.) This includes web development, all things command line, vim, cats, family, expat life, field recording, 3d printing, and general tinkering. </p>
<p>Below are some of my favourite posts. Thanks for visiting. 🙏</p>
<ul>
{%- for post in collections.featured -%}
<li><a href="{{post.url}}">{{ post.data.title }}</a></li>
{%- endfor -%}
</ul>
<strong><a href="/notes">Browse all notes</a></strong>
</main>
{% include 'footer.njk' %}