Add 404 error page

Signed-off-by: DL6ER <[email protected]>
pi-hole · Oct 14, 2023 · 1159824 · 1159824
1 parent 6c3d45c
commit 1159824
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/error404.lp b/error404.lp
@@ -0,0 +1,26 @@
+<? --[[
+*  Pi-hole: A black hole for Internet advertisements
+*  (c) 2023 Pi-hole, LLC (https://pi-hole.net)
+*  Network-wide ad blocking via your own hardware.
+*
+*  This file is copyright under the latest version of the EUPL.
+*  Please see LICENSE file for your rights under this license.
+--]]
+
+mg.include('scripts/pi-hole/lua/header.lp','r')
+?>
+<body class="hold-transition layout-boxed login-page">
+    <div class="box login-box">
+        <section style="padding: 15px;">
+                <h2 class="error-headline text-yellow">404</h2>
+                <div class="error-content">
+                    <h3><i class="fa fa-warning text-yellow"></i> Oops! Page not found.</h3>
+                    <p>
+                        We could not find the page you were looking for.<br>
+                        Meanwhile, you may want toreturn to <a href="/">the dashboard</a> .
+                    </p>
+            </div>
+        </section>
+    </div>
+</body>
+</html>
diff --git a/style/pi-hole.css b/style/pi-hole.css
@@ -1173,3 +1173,11 @@ table.dataTable tbody > tr > .selected {
 .button-pad {
   margin: 2px;
 }
+
+.error-headline {
+  float: none;
+  text-align: center;
+  font-size: 100px;
+  font-weight: 500;
+  padding-right: 20px;
+}