404.njk

---
permalink: 404.html
---

{% extends 'layouts/default.njk' %}
{% from "partials/card.njk" import card %}

{% set codeinjection_head = doc.codeinjection_head %}
{% set codeinjection_foot = doc.codeinjection_foot %}

{% set title = "Developer News | 404 - Page not found" %}

{% block content %}
    <div class="error-template">
        <main id="site-main" class="site-main outer">
            <div class="inner">
                <section class="error-message" data-test-label="error-message">
                    <h1 class="error-code">404</h1>
                    <p class="error-description">{% t '404.page-not-found' %}</p>
                    <a class="error-link" data-test-label="error-link" href="{{ site.url }}">{% t '404.go-to-front-page' %} →</a>
                </section>
            </div>
        </main>
        <aside class="outer">
            <div class="inner">
                <div class="post-feed">
                    {% for post in datasource.posts.slice(0, 4) %}
                        {{ card(post, loop.index0) }}
                    {% endfor %}
                </div>
            </div>
        </aside>
    </div>
{% endblock %}