Add 404 page

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.formatOnSave": false
+}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "proto-planet",
+  "name": "website",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
@@ -13,11 +13,11 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.3",
-    "@astrojs/cloudflare": "^11.0.4",
+    "@astrojs/cloudflare": "^11.1.0",
     "@astrojs/rss": "^4.0.7",
     "@astrojs/sitemap": "^3.1.6",
     "@iconify-json/hugeicons": "^1.2.0",
-    "astro": "^4.15.6",
+    "astro": "^4.15.10",
     "astro-icon": "^1.1.1",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
@@ -25,7 +25,7 @@
     "dayjs": "^1.11.13",
     "mdast-util-to-string": "^4.0.0",
     "reading-time": "^1.5.0",
-    "sass": "^1.78.0",
+    "sass": "^1.79.4",
     "typescript": "^5.6.2"
   },
   "devDependencies": {

src/pages/404.astro

@@ -0,0 +1,18 @@
+---
+import Layout from "../layouts/BaseLayout.astro";
+---
+
+<Layout>
+	<div style="text-align:center;">
+		<h1>404</h1>
+		<p><strong>Page not found</strong></p>
+		<p>
+			<small>
+				If you see this message, please
+				<a href=`mailto:valentin@popov.link?subject=${encodeURIComponent('I found a broken page')}`>
+					let me know
+				</a>
+			</small>
+		</p>
+	</div>
+</Layout>