modify: 404 500 page

Nuung · Nuung · commit 8d0c06f5cede · 2023-11-16T19:16:57.000+09:00
diff --git a/nginx/pages/404.html b/nginx/pages/404.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>404 Not Found</title>
+    <style>
+      body {
+        text-align: center;
+        padding: 150px;
+        font-family: "Arial", sans-serif;
+        background-color: #f4f4f4;
+        color: #333;
+      }
+
+      h1 {
+        font-size: 50px;
+        margin-bottom: 20px;
+      }
+
+      p {
+        font-size: 20px;
+        margin-bottom: 30px;
+      }
+
+      a {
+        font-size: 18px;
+        text-decoration: none;
+        color: #0077cc;
+      }
+
+      a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>404 Not Found</h1>
+    <p>Sorry, the page you're looking for doesn't exist.</p>
+    <a href="/">Go Home</a>
+  </body>
+</html>
diff --git a/nginx/pages/500.html b/nginx/pages/500.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>500 Internal Server Error</title>
+    <style>
+      body {
+        text-align: center;
+        padding: 150px;
+        font-family: "Arial", sans-serif;
+        background-color: #f4f4f4;
+        color: #333;
+      }
+
+      h1 {
+        font-size: 50px;
+        margin-bottom: 20px;
+      }
+
+      p {
+        font-size: 20px;
+        margin-bottom: 30px;
+      }
+
+      a {
+        font-size: 18px;
+        text-decoration: none;
+        color: #0077cc;
+      }
+
+      a:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <h1>500 Internal Server Error</h1>
+    <p>Oops! Something went wrong on our end.</p>
+    <p>Please try again later or contact support if the problem persists.</p>
+    <a href="/">Go Home</a>
+    <a href="mailto:hyeon.wo.dev@gmail.com">Contact Support</a>
+  </body>
+</html>
