diff options
| author | Kyren223 <contact@kyren.codes> | 2026-10-06 20:46:31 +0300 |
|---|---|---|
| committer | Kyren223 <contact@kyren.codes> | 2026-10-06 20:46:31 +0300 |
| commit | ba1be9573ef20d6424ae987257a1c727c47d4b53 (patch) | |
| tree | e59ef56f19142215070d0516a9b3a110d15557b6 /src/layouts/Terminal.astro | |
| parent | ea056b6e080669ba4b6f16c2757b4e2e88ea0553 (diff) | |
Initial setup for website rewrite
Diffstat (limited to 'src/layouts/Terminal.astro')
| -rw-r--r-- | src/layouts/Terminal.astro | 69 |
1 files changed, 0 insertions, 69 deletions
diff --git a/src/layouts/Terminal.astro b/src/layouts/Terminal.astro deleted file mode 100644 index e13a8ac..0000000 --- a/src/layouts/Terminal.astro +++ /dev/null @@ -1,69 +0,0 @@ ---- -import "@styles/terminal.css"; -import Nav from "@components/Nav.astro"; -import Head from "@components/Head.astro"; - -interface Props { - path: string; -} - -// sm:w-[68.75vw] sm:h-[38vw] sm:p-[2.2vw] sm:text-[1.125vw] sm:border-[0.2vw] sm:border-solid" --> - -const { path: title } = Astro.props; ---- - -<!doctype html> -<html lang="en"> - <Head title=`${title}` description="My personal website" /> - <body> - <main - class="w-[95vw] h-[97vh] p-[2.2svh] text-[3vw] mt-[10vw] - sm:w-[68.75vw] sm:h-[35vw] sm:p-[2.2vw] sm:text-[1.125vw] sm:border-[0.2vw] sm:border-solid sm:mt-[0vw]" - > - <Nav path={title} /> - <slot /> - </main> - </body> -</html> -<style> - main { - display: block; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background: var(--background); - font-weight: 300; - } -</style> -<script> - function setTheme(theme) { - const root = document.documentElement; - - // Get current values from root - const computed = getComputedStyle(root); - const existingTheme = {}; - - const themeKeys = ["primary", "secondary", "accent", "extra", "text", "alt", "background", "font"]; - - themeKeys.forEach(key => { - existingTheme[key] = theme[key] ?? computed.getPropertyValue(`--${key}`).trim(); - root.style.setProperty(`--${key}`, existingTheme[key]); - }); - - localStorage.setItem("theme", JSON.stringify(existingTheme)); - } - - function loadTheme() { - const savedTheme = localStorage.getItem("theme"); - if (savedTheme) { - setTheme(JSON.parse(savedTheme)); - } - } - - // Attach to window so it's accessible globally - window.setTheme = setTheme; - - // Load theme on page load - loadTheme(); -</script> |
