From 3219ef084b723c802f6b09111107c6ab7bdd95d2 Mon Sep 17 00:00:00 2001
From: ghost <noreply@localhost>
Date: Wed, 29 Dec 2021 01:02:54 +0200
Subject: [PATCH] implement 404 page

---
 src/application/controller/error/404.php |  2 ++
 src/application/view/error/404.phtml     | 26 +++++++++++++++++++++---
 src/public/css/common.css                |  4 ++++
 3 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/application/controller/error/404.php b/src/application/controller/error/404.php
index 0f38df8..002bfb3 100644
--- a/src/application/controller/error/404.php
+++ b/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');
\ No newline at end of file
diff --git a/src/application/view/error/404.phtml b/src/application/view/error/404.phtml
index 23badb9..0ccdf71 100644
--- a/src/application/view/error/404.phtml
+++ b/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') ?>
\ No newline at end of file
+<?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') ?>
\ No newline at end of file
diff --git a/src/public/css/common.css b/src/public/css/common.css
index 5b9b764..99cead7 100644
--- a/src/public/css/common.css
+++ b/src/public/css/common.css
@@ -112,6 +112,10 @@ textarea {
   font-size: 26px
 }
 
+.f-size-65 {
+  font-size: 65px
+}
+
 .f-normal {
   font-weight: normal
 }