From 879482f1c68efdac46895285b95eeac88de0b6a3 Mon Sep 17 00:00:00 2001
From: Rito Rhymes <rito@ritovision.com>
Date: Sat, 25 Apr 2026 09:41:10 -0400
Subject: [PATCH] Add themed 404 page

---
 sass/assets/css/style.scss | 16 ++++++++++++++++
 templates/404.html         | 39 ++++++++++++++++++++++++++++++++++++++
 templates/base.html        |  2 ++
 3 files changed, 57 insertions(+)
 create mode 100644 templates/404.html

diff --git a/sass/assets/css/style.scss b/sass/assets/css/style.scss
index 4bf4052..fcbc78c 100644
--- a/sass/assets/css/style.scss
+++ b/sass/assets/css/style.scss
@@ -104,6 +104,22 @@ pre,code {
   background-color: initial;
 }
 
+.not-found-page {
+  display: flex;
+  align-items: center;
+  min-height: 60vh;
+}
+
+.not-found-page .post {
+  width: 100%;
+}
+
+.not-found-code {
+  font-size: 50px;
+  line-height: 1;
+  margin-bottom: 0.75rem;
+}
+
 .eiptable .title {
   width: 67%;
 }
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..0bbcd35
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,39 @@
+{% extends "base.html" %}
+
+{% block title -%}
+404 Not Found | {{ config.title -}}
+{% endblock title %}
+
+{% block extra_head %}
+<meta property="og:title" content="404 Not Found | {{ config.title }}" />
+<meta property="og:type" content="website" />
+<script type="application/ld+json">
+	{
+		"@type": "WebPage",
+		"url": "{{ get_url(path='/404.html', trailing_slash=false) | safe }}",
+		"name": "404 Not Found | {{ config.title }}",
+		"description": "{{ config.description }}",
+		"@context": "https://schema.org"
+	}
+</script>
+{% endblock extra_head %}
+
+{% block content %}
+<section class="not-found-page" aria-labelledby="not-found-title">
+	<article class="post">
+		<header class="post-header">
+			<p class="post-meta not-found-code">404</p>
+			<h1 class="post-title" id="not-found-title">Page not found</h1>
+		</header>
+		<div class="post-content">
+			<p>The page you requested does not exist or may have moved.</p>
+			<p>You can return to the homepage, browse proposal lists, or use search to find the document you need.</p>
+			<p>
+				<a href="{{ get_url(path='/', trailing_slash=false) }}">Return home</a>
+				<span aria-hidden="true"> · </span>
+				<a href="{{ get_url(path='/status/', trailing_slash=false) }}">Browse proposals</a>
+			</p>
+		</div>
+	</article>
+</section>
+{% endblock content %}
diff --git a/templates/base.html b/templates/base.html
index 22155e5..b557440 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,7 +16,9 @@
 		<link rel="apple-touch-icon" href="/assets/images/apple-touch-icon.png" />
 
 		<meta property="og:site_name" content="{{ config.title }}" />
+		{% if current_url %}
 		<link property="og:url" href="{{ current_url }}" />
+		{% endif %}
 
 		{% block extra_head %}
 		<meta property="og:title" content="{{ config.title }}" />