97 lines
3.4 KiB
HTML
97 lines
3.4 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
||
/>
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||
<title>
|
||
404 Error Page | TailAdmin - Tailwind CSS Admin Dashboard Template
|
||
</title>
|
||
<link rel="icon" href="favicon.ico"><link href="style.css" rel="stylesheet"></head>
|
||
<body
|
||
x-data="{ page: 'page404', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }"
|
||
x-init="
|
||
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
||
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
||
:class="{'dark bg-gray-900': darkMode === true}"
|
||
>
|
||
<!-- ===== Preloader Start ===== -->
|
||
<div
|
||
x-show="loaded"
|
||
x-init="window.addEventListener('DOMContentLoaded', () => {setTimeout(() => loaded = false, 500)})"
|
||
class="fixed left-0 top-0 z-999999 flex h-screen w-screen items-center justify-center bg-white dark:bg-black"
|
||
>
|
||
<div
|
||
class="h-16 w-16 animate-spin rounded-full border-4 border-solid border-brand-500 border-t-transparent"
|
||
></div>
|
||
</div>
|
||
<script>
|
||
fetch("/api/login/isauth.php")
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
if (!data.auth) {
|
||
window.location.href = "/login.php";
|
||
}
|
||
})
|
||
</script>
|
||
<!-- ===== Preloader End ===== -->
|
||
|
||
<!-- ===== Page Wrapper Start ===== -->
|
||
<div
|
||
class="relative z-1 flex min-h-screen flex-col items-center justify-center overflow-hidden p-6"
|
||
>
|
||
<!-- ===== Common Grid Shape Start ===== -->
|
||
<div class="absolute right-0 top-0 -z-1 w-full max-w-[250px] xl:max-w-[450px]">
|
||
<img src="src/images/shape/grid-01.svg" alt="grid" />
|
||
</div>
|
||
<div
|
||
class="absolute bottom-0 left-0 -z-1 w-full max-w-[250px] rotate-180 xl:max-w-[450px]"
|
||
>
|
||
<img src="src/images/shape/grid-01.svg" alt="grid" />
|
||
</div>
|
||
|
||
<!-- ===== Common Grid Shape End ===== -->
|
||
|
||
<!-- Centered Content -->
|
||
<div class="mx-auto w-full max-w-[242px] text-center sm:max-w-[472px]">
|
||
<h1
|
||
class="mb-8 text-title-md font-bold text-gray-800 dark:text-white/90 xl:text-title-2xl"
|
||
>
|
||
ERROR
|
||
</h1>
|
||
|
||
<img src="src/images/error/404.svg" alt="404" class="dark:hidden" />
|
||
<img
|
||
src="src/images/error/404-dark.svg"
|
||
alt="404"
|
||
class="hidden dark:block"
|
||
/>
|
||
|
||
<p
|
||
class="mb-6 mt-10 text-base text-gray-700 dark:text-gray-400 sm:text-lg"
|
||
>
|
||
We can’t seem to find the page you are looking for!
|
||
</p>
|
||
|
||
<a
|
||
href="index.html"
|
||
class="inline-flex items-center justify-center rounded-lg border border-gray-300 bg-white px-5 py-3.5 text-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200"
|
||
>
|
||
Back to Home Page
|
||
</a>
|
||
</div>
|
||
<!-- Footer -->
|
||
<p
|
||
class="absolute bottom-6 left-1/2 -translate-x-1/2 text-center text-sm text-gray-500 dark:text-gray-400"
|
||
>
|
||
© <span id="year"></span> - TailAdmin
|
||
</p>
|
||
</div>
|
||
|
||
<!-- ===== Page Wrapper End ===== -->
|
||
<script defer src="bundle.js"></script></body>
|
||
</html>
|