404.html

---
title: '404'
permalink: "/404.html"
layout: container
lang: en
---

<div class="flex flex-column flex-row-ns justify-between-ns items-center-ns">
    <div>
        <h1 class="mt0">Error 404</h1>
        <p><strong>The page isn’t here anymore.</strong></p>
        <p>I probably moved it while cleaning up.</p>
        <p>Check out some of the other pages!</p>
    </div>
    
    <a href="/" class="dim mt5 mt0-ns w-40-ns" style="transform: rotate(-5deg);">
        {% assign image_count = 0 %}
        {% for image in site.static_files %}
            {% if image.path contains 'assets/hero-grid' and image_count < 4 %}
            <div class="fl w-50">
                <div class="db aspect-ratio aspect-ratio--1x1">
                <span role="img" aria-label="" style="background-image:url({{image.path}});" class="bg-center cover aspect-ratio--object"></span>
                </div>
            </div>
            {% assign image_count = image_count | plus: 1 %}
            {% endif %}
        {% endfor %}
    </a>
</div>