mirror of
https://github.com/neosubhamoy/neodlp-website.git
synced 2026-02-04 15:42:22 +05:30
(chore): initial MVP release
This commit is contained in:
58
src/layouts/main.astro
Normal file
58
src/layouts/main.astro
Normal file
@@ -0,0 +1,58 @@
|
||||
---
|
||||
import '@/styles/global.css';
|
||||
import NavBar from '@/components/navbar';
|
||||
import Footer from '@/components/footer';
|
||||
import { ClientRouter } from 'astro:transitions';
|
||||
import LoadingIndicator from 'astro-loading-indicator/component';
|
||||
import { Toaster } from '@/components/ui/sonner';
|
||||
const { title, description } = Astro.props;
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<meta name="description" content={description ?? 'no description'} />
|
||||
<link rel="icon" type="image/svg+xml" href="/neodlp.svg" />
|
||||
<link rel="sitemap" href="/sitemap-index.xml" />
|
||||
<title>{title ?? 'untitled'}</title>
|
||||
<ClientRouter />
|
||||
<LoadingIndicator color='var(--foreground)' />
|
||||
</head>
|
||||
<body class="relative min-h-screen bg-white dark:bg-black">
|
||||
<NavBar client:load />
|
||||
<main class="pb-10 pt-20">
|
||||
<slot />
|
||||
</main>
|
||||
<Footer />
|
||||
<Toaster client:load />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script is:inline>
|
||||
function setDarkMode(document) {
|
||||
const getThemePreference = () => {
|
||||
if (typeof localStorage !== 'undefined' && localStorage.getItem('theme')) {
|
||||
return localStorage.getItem('theme');
|
||||
}
|
||||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'theme-light';
|
||||
};
|
||||
const isDark = getThemePreference() === 'dark';
|
||||
document.documentElement.classList[isDark ? 'add' : 'remove']('dark');
|
||||
|
||||
if (typeof localStorage !== 'undefined') {
|
||||
const observer = new MutationObserver(() => {
|
||||
const isDark = document.documentElement.classList.contains('dark');
|
||||
localStorage.setItem('theme', isDark ? 'dark' : 'theme-light');
|
||||
});
|
||||
observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
|
||||
}
|
||||
}
|
||||
|
||||
setDarkMode(document);
|
||||
|
||||
document.addEventListener('astro:before-swap', (ev) => {
|
||||
setDarkMode(ev.newDocument);
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user