74 lines
2.2 KiB
HTML
74 lines
2.2 KiB
HTML
---
|
|
layout: "layouts/base"
|
|
permalink: /
|
|
---
|
|
|
|
{% from "macros/posts.njk" import list %}
|
|
<h1>Ahoj!</h1>
|
|
<p>Hello! My name is Devin.</p>
|
|
<p>I'm a creative developer who specializes in web and mobile development.</p>
|
|
<p>
|
|
Welcome to my little slice of the internet. I like to <a href="/posts">write</a> and catalogue things. <a href="/games">Games</a>, <a href="/books">books</a>, <a href="/movies">movies</a>, and <a href="/catalogue">and more</a>! There's a lot to explore, and I hope you have fun!
|
|
</p>
|
|
<p>
|
|
If you're interested, I have an <a href="/about">about page</a> all about me!
|
|
</p>
|
|
<section>
|
|
<header class="flow">
|
|
<h2>Favourite posts</h2>
|
|
<p>Hand-picked, curated selection of my favourite posts!</p>
|
|
</header>
|
|
{% set favouritePosts = collections.post | filterFavourites | reverse %}
|
|
{{ list(favouritePosts, "MM/DD/YYYY") }}
|
|
</section>
|
|
<section>
|
|
<header>
|
|
<h2>Recent posts</h2>
|
|
</header>
|
|
{% set recentPosts = collections.post | reverse | limit(5) %}
|
|
{{ list(recentPosts, "MM/DD/YYYY") }}
|
|
</section>
|
|
<section>
|
|
<header class="flow">
|
|
<h2>Other pages</h2>
|
|
<p>Some of my other pages you can check out!</p>
|
|
</header>
|
|
<ul class="[ cluster p-0 gap-0.5 list-none ]" role="list">
|
|
<li>
|
|
<a href="/about" class="button">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="/posts" class="button">Posts</a>
|
|
</li>
|
|
<li>
|
|
<a href="/games" class="button">Games</a>
|
|
</li>
|
|
<li>
|
|
<a href="/watching" class="button">Watching</a>
|
|
</li>
|
|
<li>
|
|
<a href="/books" class="button">Books</a>
|
|
</li>
|
|
<li>
|
|
<a href="/webrings" class="button">Webrings</a>
|
|
</li>
|
|
<li>
|
|
<a href="/uses" class="button">/uses</a>
|
|
</li>
|
|
<li>
|
|
<a href="/now" class="button">/now</a>
|
|
</li>
|
|
<li>
|
|
<a href="/colophon" class="button">Colophon</a>
|
|
</li>
|
|
<li>
|
|
<a href="/styleguide" class="button">Styleguide</a>
|
|
</li>
|
|
<li>
|
|
<a href="/contact" class="button">Contact</a>
|
|
</li>
|
|
<li>
|
|
<a href="/podroll" class="button">Podroll</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|