initial commit

2026-01-11 05:04:29 -06:00
commit 0877cc10bd
65 changed files with 5009 additions and 0 deletions
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import '~/assets/css/base.css';
+
+const { accent, neutral, hinting } = useTheme()
+
+// by default, disable hinting
+if (Number.isNaN(Number(hinting.value))) hinting.value = '0';
+
+useHead({
+    htmlAttrs: {
+        style: `--color-accent: var(--accent-${accent.value}, var(--accent-violet)); --color-accent-hover: var(--accent-${accent.value}-hover, var(--accent-violet-hover)); --neutral-dark: var(--neutral-${neutral.value}-dark, var(--neutral-zinc-dark)); --neutral-light: var(--neutral-${neutral.value}-light, var(--neutral-zinc-light)); --accent-hinting: ${hinting.value}%; --base-hinting: calc(100% - var(--accent-hinting));`
+    }
+})
+
+if (import.meta.client) {
+    watchEffect(() => {
+        document.documentElement.style.setProperty('--color-accent', `var(--accent-${accent.value}, var(--accent-violet))`)
+        document.documentElement.style.setProperty('--color-accent-hover', `var(--accent-${accent.value}-hover, var(--accent-violet-hover))`)
+        document.documentElement.style.setProperty('--neutral-dark', `var(--neutral-${neutral.value}-dark, var(--neutral-zinc-dark))`)
+        document.documentElement.style.setProperty('--neutral-light', `var(--neutral-${neutral.value}-light, var(--neutral-zinc-light))`)
+        document.documentElement.style.setProperty('--accent-hinting', `${hinting.value}%`)
+    })
+}
+</script>
+
+<template>
+    <NuxtLayout>
+        <NuxtPage />
+    </NuxtLayout>
+    <NuxtRouteAnnouncer />
+</template>
+
+<style>
+#__nuxt {
+    height: 100%;
+    display: flex;
+}
+</style>