Add 404 error page (#2746)

pi-hole · Nov 1, 2023 · 92be8b6 · 92be8b6
2 parents e669b99 + 30dce2e
commit 92be8b6
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 to return to <a href="<?=pihole.webhome()?>">the dashboard</a> .
+                    </p>
+            </div>
+        </section>
+    </div>
+</body>
+</html>
diff --git a/style/pi-hole.css b/style/pi-hole.css
@@ -1174,6 +1174,14 @@ table.dataTable tbody > tr > .selected {
   margin: 2px;
 }
 
+.error-headline {
+  float: none;
+  text-align: center;
+  font-size: 100px;
+  font-weight: 500;
+  padding-right: 20px;
+}
+
 .m-0 {
   margin: 0 !important;
 }