The web framework for content-driven websites

Banner

Bookmarks

2 items
---
import { ViewTransitions } from "astro:transitions";
import {
 SEO,
 Navbar,
 Footer,
 BackToTop,
 DarkmodeScript,
 AnalyticsHead,
 AnalyticsBody,
 type SEOProps,
} from "@common/index";

import "@styles/_main.pcss";

const seoProps = Astro.props as SEOProps;
---

<!DOCTYPE html>
<html lang="en-US">
 <head>
  <DarkmodeScript />
  <SEO {...seoProps} />
  <script src="@lib/core"></script>
  <ViewTransitions />
  <AnalyticsHead />
 </head>
 <body
  class:list={[
   { "debug-screens": import.meta.env.NODE_ENV === "development" },
  ]}
 >
  <AnalyticsBody />
  <Navbar />
  <main><slot /></main>
  <Footer />
  <BackToTop />
 </body>
</html>