feat: add error page 404

faria-s · faria-s · commit d5dbaf03ac9d · 2024-06-17T16:32:41.000+01:00
diff --git a/config/dev.exs b/config/dev.exs
@@ -22,7 +22,7 @@ config :cesium_link, CesiumLinkWeb.Endpoint,
   http: [ip: {127, 0, 0, 1}, port: 4000],
   check_origin: false,
   code_reloader: true,
-  debug_errors: true,
+  debug_errors: false,
   secret_key_base: "6u3rGnb0UXmh9e8TXewRiiEYUFNvzvvgHTrDY0EqxJq7t44sm8gVtVO9+7AfQtQV",
   watchers: [
     esbuild: {Esbuild, :install_and_run, [:cesium_link, ~w(--sourcemap=inline --watch)]},
diff --git a/lib/cesium_link_web/controllers/error_html.ex b/lib/cesium_link_web/controllers/error_html.ex
@@ -13,7 +13,7 @@ defmodule CesiumLinkWeb.ErrorHTML do
   #   * lib/cesium_link_web/controllers/error_html/404.html.heex
   #   * lib/cesium_link_web/controllers/error_html/500.html.heex
   #
-  # embed_templates "error_html/*"
+  embed_templates "error_html/*"
 
   # The default is to render a plain text page based on
   # the template name. For example, "404.html" becomes
diff --git a/lib/cesium_link_web/controllers/error_html/404.html.heex b/lib/cesium_link_web/controllers/error_html/404.html.heex
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+    <title>404</title>
+    <link rel="stylesheet" href="/assets/app.css"/>
+    <script defer type="text/javascript" src="/assets/app.js"></script>
+  </head>
+  <body>
+    <main class="flex-auto my-60">
+      <section class="justify-center flex flex-col items-center w-full">
+        <a href="/" class="items-center justify-center">
+          <img class="w-40 my-5" src="/images/cesium.svg" alt="Cesium-Logo"/>
+        </a>
+        <p class = "text-center font-medium text-5xl">
+          404 Page not found
+        </p>
+        <p class = "text-center my-3 text-2xl">Oops! Looks like you are lost.</p>
+        <p class = "text-center my-5 text-lg">Click on the logo to turn back.</p>
+      </section>
+    </main>
+  </body> 
+</html> 
diff --git a/priv/static/images/favicon.ico b/priv/static/images/favicon.ico

Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ defmodule CesiumLinkWeb.ErrorHTML do`
`13`	`13`	`# * lib/cesium_link_web/controllers/error_html/404.html.heex`
`14`	`14`	`# * lib/cesium_link_web/controllers/error_html/500.html.heex`
`15`	`15`	`#`
`16`		`- # embed_templates "error_html/*"`
	`16`	`+ embed_templates "error_html/*"`
`17`	`17`
`18`	`18`	`# The default is to render a plain text page based on`
`19`	`19`	`# the template name. For example, "404.html" becomes`