implement 404 page

src/application/controller/error/404.php

@@ -1,3 +1,5 @@
 <?php
 
+header('HTTP/1.0 404 Not Found');
+
 require(PROJECT_DIR . '/application/view/error/404.phtml');

src/application/view/error/404.phtml

@@ -1,3 +1,23 @@
-<?php require(PROJECT_DIR . '/application/controller/common/header.php') ?>
-404
-<?php require(PROJECT_DIR . '/application/controller/common/footer.php') ?>
+<?php include(PROJECT_DIR . '/application/controller/common/header.php') ?>
+<div class="bg-c-2 bg-img-2 c-1 of-hidden">
+  <div class="mw-1024 mx-auto">
+    <div class="nav float-left h-48 lh-48">
+      <div class="px-16">
+        <a class="c-1 f-size-18" href="<?php echo PROJECT_HOST ?>">Twisterarmy <i><?php echo _('Cloud') ?></i></a>
+      </div>
+    </div>
+    <div class="nav bg-c-2 bg-img-2 float-right t-right h-48 lh-48">
+      <div class="px-16">
+        <a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server" target="_blank"><i class="bi bi-github"></i></a>
+        <a class="c-1 ml-16" href="https://github.com/twisterarmy/cloud-server/issues" target="_blank"><i class="bi bi-question-circle"></i></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="mw-1024 mx-auto of-hidden">
+  <div class="mw-360 mx-auto my-100 bg-c-4 b-r-3 py-28 px-24">
+    <h1 class="f-size-65 f-normal mb-20 t-center"><?php echo _('404') ?></h1>
+    <p class="t-center"><?php echo _('Page not Found') ?></p>
+  </div>
+</div>
+<?php include(PROJECT_DIR . '/application/controller/common/footer.php') ?>

src/public/css/common.css

@@ -112,6 +112,10 @@ textarea {
   font-size: 26px
 }
 
+.f-size-65 {
+  font-size: 65px
+}
+
 .f-normal {
   font-weight: normal
 }