twk95/11ty-site
Public Access
1
0
Fork 0
Code Actions Packages Activity

feat: add custom 404 page with error message and navigation

Browse Source
This commit is contained in:
Jesus Otero Lagunes
2025-08-21 20:41:40 -04:00
parent 154d2ad93c
commit c7f3c7194b
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/404.html Normal file
View File

@@ -0,0 +1,24 @@
---
title: "404 - Page Not Found"
layout: "layout.njk"
permalink: 404.html
---
<div class="text-center py-18">
<h1 style="font-family: 'Roboto Mono', monospace;" class="text-8xl font-bold text-blue-500 mb-2">404</h1>
<h2 class="text-3xl font-semibold text-white mb-6">Route Not Found</h2>
<p class="text-lg text-gray-400 max-w-xl mx-auto mb-8">
The requested resource could not be located on our network. The packet was dropped or the destination is unreachable.
</p>
<div class="bg-gray-800 border border-gray-700 rounded-lg p-4 max-w-sm mx-auto mb-8 text-left text-sm font-mono text-gray-400">
<p>&gt; traceroute current.page</p>
<p>1 <span class="text-white">gateway.local</span> (192.168.1.1) 1.234 ms</p>
<p>2 <span class="text-white">core.router.isp</span> (10.0.0.1) 5.678 ms</p>
<p>3 * * * Request timed out.</p>
<p class="text-red-400">&gt; Error: Destination host unreachable.</p>
</div>
<a href="/" class="btn">
<i class="fas fa-home mr-2"></i>
Default Route
</a>
</div>