nsecbunkerd/templates/redirect.handlebar
2024-01-23 13:54:15 +07:00

91 lines
3.0 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="robots" content="noindex">
<meta charset="UTF-8">
<title>Redirect</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
neutral: {
750: '#313131'
}
},
boxShadow: {
input: `
0px 1px 0px -1px var(--tw-shadow-color),
0px 1px 1px -1px var(--tw-shadow-color),
0px 1px 2px -1px var(--tw-shadow-color),
0px 2px 4px -2px var(--tw-shadow-color),
0px 3px 6px -3px var(--tw-shadow-color)
`,
highlight: `
inset 0px 0px 0px 1px var(--tw-shadow-color),
inset 0px 1px 0px var(--tw-shadow-color)
`,
},
}
}
}
</script>
<style>
body {
font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.border {
background-clip: padding-box;
}
</style>
</head>
<body
class="flex flex-col justify-center items-center min-h-screen bg-gray-100 dark:bg-neutral-800 text-neutrla-950 dark:text-neutral-50">
<div class="max-w-md mx-auto w-full px-2 md:px-4 lg:px-8">
<div class="text-xl font-semibold py-10">
{{#if callbackUrl}}
<div class="flex justify-center mb-6">
<p
class="text-neutral-950 dark:text-neutral-50 text-lg font-semibold w-full">
You are being redirected to <span
class="text-blue-500">{{callbackUrl}}</span>
</p>
</div>
<div class="flex justify-center mb-6">
<p
class="text-neutral-950 dark:text-neutral-50 text-lg font-semibold w-full">
If you are not redirected automatically, follow this <a
href="{{callbackUrl}}" class="text-blue-500">link</a>
</p>
</div>
{{else}}
<div
class="flex flex-col items-center justify-center gap-4 text-center mb-6">
<p
class="text-neutral-950 dark:text-neutral-50 text-lg font-semibold w-full">
You can close this window now.
</p>
<button
class="px-6 h-9 w-full bg-neutral-900 dark:bg-neutral-100 hover:bg-neutral-800 dark:hover:bg-neutral-200 dark:text-neutral-950 rounded-lg justify-center items-center gap-2 inline-flex text-white text-sm font-semibold"
onclick="window.close()">
Close
</button>
</div>
{{/if}}
</div>
</div>
<script>
// If callbackUrl is not provided, close the window
if (!"{{callbackUrl}}") {
window.close();
} else {
// If callbackUrl is provided, redirect to it
window.location.href = "{{callbackUrl}}";
}
</script>
</body>
</html>