diff options
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/Blog.astro | 22 | ||||
| -rw-r--r-- | src/layouts/Terminal.astro | 69 |
2 files changed, 0 insertions, 91 deletions
diff --git a/src/layouts/Blog.astro b/src/layouts/Blog.astro deleted file mode 100644 index aa773c2..0000000 --- a/src/layouts/Blog.astro +++ /dev/null @@ -1,22 +0,0 @@ ---- -import Markdown from "@components/Markdown.astro"; -import Head from "@components/Head.astro"; - -interface Props { - title: string; -} - -const { title } = Astro.props; ---- - -<!doctype html> -<html lang="en"> - <Head title={title} description="My blog post" /> - <body> - <main class="w-[70%] m-auto py-16"> - <Markdown> - <slot /> - </Markdown> - </main> - </body> -</html> 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> |
