Initial design based off original website, some things still to do

2025-08-08 17:48:11 +09:30
parent d38c8fc694
commit ae3c38be17
185 changed files with 6799 additions and 1877 deletions
--- a/src/layouts/MainHead.astro
+++ b/src/layouts/MainHead.astro
@@ -0,0 +1,36 @@
+---
+import site from "../data/site";
+
+import { ClientRouter } from "astro:transitions";
+
+import Analytics from "@components/Analytics.astro";
+import SEO from "@components/SEO.astro";
+import ThemeManager from "@components/ThemeManager.astro";
+
+const { title, subtitle, description } = Astro.props;
+
+// if a title is provided, use it as follows "title | site.title - site.suffix". If no title is provided, instead do "site.title - site.suffix"
+const headTitle: string =
+  (title ? `${title}${subtitle ? ` - ${subtitle}` : ""} | ` : "") +
+  (site.title != title ? `${site.title}` : "");
+const headDescription: string = description || site.description;
+---
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="generator" content={Astro.generator} />
+  <title>{headTitle}</title>
+  <meta name="description" content={headDescription} />
+
+  <link rel="icon" type="image/png" href="/favicon.png" />
+  <link rel="apple-touch-icon" href="/favicon.png" />
+
+  <SEO title={headTitle} description={headDescription} />
+
+  <ThemeManager defaultTheme="auto" />
+
+  <Analytics />
+
+  <ClientRouter />
+</head>