---
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>