mirror of
https://github.com/glenndehaan/unifi-voucher-site.git
synced 2026-03-31 06:24:00 -04:00
69 lines
4.3 KiB
Plaintext
69 lines
4.3 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en" class="h-full bg-gray-100 dark:bg-gray-900">
|
|
<head>
|
|
<meta name="format-detection" content="telephone=no">
|
|
|
|
<title>Error | UniFi Voucher</title>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
|
|
|
|
<meta name="description" content="UniFi Voucher Site is a web-based platform for generating and managing UniFi network guest vouchers">
|
|
<meta name="author" content="Glenn de Haan">
|
|
|
|
<meta property="og:title" content="Error | UniFi Voucher"/>
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:description" content="UniFi Voucher Site is a web-based platform for generating and managing UniFi network guest vouchers"/>
|
|
|
|
<link rel="manifest" href="<%= baseUrl %>/manifest.json">
|
|
<link rel="shortcut icon" href="<%= baseUrl %>/images/favicon.ico">
|
|
<link rel="apple-touch-icon" href="<%= baseUrl %>/images/icon/logo_256x256.png">
|
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="theme-color" content="#139CDA">
|
|
|
|
<link rel="preload" href="<%= baseUrl %>/images/logo.png" as="image">
|
|
<link rel="preload" href="<%= baseUrl %>/dist/style.css" as="style">
|
|
<link href="<%= baseUrl %>/dist/style.css" rel="stylesheet">
|
|
</head>
|
|
<body class="h-full">
|
|
<div class="grid min-h-full place-items-center px-6 py-24 sm:py-32 lg:px-8">
|
|
<div class="text-center">
|
|
<img class="mx-auto h-24 w-auto" alt="UniFi Voucher Site Logo" src="<%= baseUrl %>/images/logo.png">
|
|
<h1 class="mt-5 text-3xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-5xl">Error</h1>
|
|
<p class="mt-4 text-base leading-7 text-gray-600 dark:text-gray-400">Sorry, an unexpected error occurred.</p>
|
|
<pre class="max-w-72 sm:max-w-lg mt-4 text-left text-xs text-gray-600 dark:text-gray-400 overflow-x-auto rounded-md border bg-white dark:bg-white/5 border-gray-300 dark:border-white/10 px-3 py-2 placeholder-gray-400 shadow-sm">
|
|
<%= error %>
|
|
</pre>
|
|
<div class="mt-10 flex items-center justify-center gap-x-6">
|
|
<a href="<%= baseUrl %>/" class="rounded-md bg-sky-700 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-sky-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-sky-700">Go back home</a>
|
|
</div>
|
|
<p class="mt-10 text-center text-sm text-gray-500 dark:text-gray-400">
|
|
<a href="https://github.com/glenndehaan/unifi-voucher-site" aria-label="GitHub Project Link" target="_blank" rel="noreferrer noopener" class="hover:text-gray-600 dark:hover:text-gray-500">
|
|
<svg class="inline-block w-10" viewBox="0 0 42 42" fill="currentColor">
|
|
<path d="M21,0.5c-11.6,0-21,9.4-21,21c0,9.3,6,17.1,14.4,19.9c1.1,0.2,1.4-0.5,1.4-1c0-0.5,0-1.8,0-3.6C9.9,38.1,8.7,34,8.7,34c-1-2.4-2.3-3.1-2.3-3.1c-1.9-1.3,0.1-1.3,0.1-1.3c2.1,0.1,3.2,2.2,3.2,2.2c1.9,3.2,4.9,2.3,6.1,1.7c0.2-1.4,0.7-2.3,1.3-2.8c-4.7-0.5-9.6-2.3-9.6-10.4c0-2.3,0.8-4.2,2.2-5.6c-0.2-0.5-0.9-2.7,0.2-5.6c0,0,1.8-0.6,5.8,2.2c1.7-0.5,3.5-0.7,5.3-0.7c1.8,0,3.6,0.2,5.3,0.7c4-2.7,5.8-2.2,5.8-2.2c1.1,2.9,0.4,5,0.2,5.6c1.3,1.5,2.2,3.3,2.2,5.6c0,8.1-4.9,9.8-9.6,10.4c0.8,0.6,1.4,1.9,1.4,3.9c0,2.8,0,5.1,0,5.8c0,0.6,0.4,1.2,1.4,1C36,38.7,42,30.8,42,21.5C42,9.9,32.6,0.5,21,0.5z"></path>
|
|
</svg>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="application/javascript">
|
|
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
document.querySelector('html').setAttribute('style', 'color-scheme: dark;');
|
|
}
|
|
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
|
|
const newColorScheme = event.matches ? "dark" : "light";
|
|
|
|
if(newColorScheme === 'light') {
|
|
document.querySelector('html').removeAttribute('style');
|
|
} else {
|
|
document.querySelector('html').setAttribute('style', 'color-scheme: dark;');
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|