1
0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 11:37:06 +02:00
immich/web/src/app.html
faupau 137d246d6a
fix(web): show noscript message when js not enabled (#2274)
* show noscript message when js not enabled

* remove comment

* fix typo

---------

Co-authored-by: faupau03 <paul.paffe@gmx.net>
2023-04-18 06:06:59 -05:00

48 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
<script>
/**
* Prevent FOUC on page load.
*/
const theme = localStorage.getItem('color-theme') || 'dark';
if (theme === 'light') {
document.documentElement.classList.remove('dark');
}
</script>
</head>
<body class="bg-immich-bg dark:bg-immich-dark-bg">
<noscript>
<section
class="h-screen w-screen absolute z-[1000] flex place-items-center place-content-center p-4 bg-immich-bg dark:bg-immich-dark-bg"
>
<div
class="flex flex-col gap-4 border bg-white dark:bg-immich-dark-gray dark:border-immich-dark-gray p-8 shadow-sm w-full max-w-lg rounded-3xl"
>
<div class="flex flex-col place-items-center place-content-center gap-4 py-4">
<img
src="/src/lib/assets/immich-logo.svg"
alt="Immich Logo"
draggable="false"
class="h-24 w-24"
/>
<h1 class="text-2xl text-immich-primary dark:text-immich-dark-primary font-medium">
Welcome to Immich
</h1>
</div>
<div>
<p class="dark:text-immich-dark-fg text-center">
To use Immich, you must enable JavaScript or use a JavaScript compatible browser.
</p>
</div>
</div>
</section>
</noscript>
<div>%sveltekit.body%</div>
</body>
</html>