Style a basic 404 pasge

web/static/index.css

@@ -450,3 +450,25 @@ footer {
     font-size: 10px;
     text-align: center;
 }
+
+/* 404 NOT FOUND */
+
+.not-found-container {
+    min-height: 90vh;
+    display: flex;
+    align-items: center;
+}
+
+.not-found-container .box {
+    text-align: center;
+}
+
+.not-found-container .box div {
+    padding: 20px;
+}
+
+#notFoundImg {
+    max-width: 80%;
+    display: block;
+    margin: auto;
+}

web/views/404.templ

@@ -1,9 +1,17 @@
 package views
 
+import "github.com/dominicf2001/comfychan/web/views/shared"
+
 templ NotFound() {
-	<div class="container not-found">
+	@shared.Layout() {
-		<h1>404</h1>
+		<div class="container not-found-container">
-		<p>Comfychan couldn’t find that page.</p>
+			<div class="box">
-		<img src="/static/media/comfy-404.png" alt="404 mascot"/>
+				<h2>404 not found.</h2>
+				<div>
+					<img id="notFoundImg" src="/static/media/404/1.jpg" alt="404 mascot"/>
 				</div>
+				<p><a class="link-button" href="javascript:history.back()">[Go back]</a></p>
+			</div>
+		</div>
+	}
 }