diff options
| author | Andrew Lee <[email protected]> | 2025-12-12 23:06:44 -0500 |
|---|---|---|
| committer | Andrew Lee <[email protected]> | 2025-12-12 23:06:44 -0500 |
| commit | 9230af4a07f43361408344439e07c2fa42bfe66a (patch) | |
| tree | 0da10f76ca028340cc29863b9de3bc0f1ad7988f /src/layouts | |
| parent | 64807b47ca636700b91095a12a23deec3692154f (diff) | |
| download | shiftos-archive-website-9230af4a07f43361408344439e07c2fa42bfe66a.tar.gz shiftos-archive-website-9230af4a07f43361408344439e07c2fa42bfe66a.tar.bz2 shiftos-archive-website-9230af4a07f43361408344439e07c2fa42bfe66a.zip | |
more css fixes; the entire site now uses the window; hover effect for close
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/Layout.astro | 5 | ||||
| -rw-r--r-- | src/layouts/Page.astro | 16 |
2 files changed, 15 insertions, 6 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index d8aa572..eeca534 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -6,6 +6,7 @@ interface Props { const { title = "ShiftOS: The Archive", description } = Astro.props; import '../styles/style.css'; +import '../styles/window.css'; --- <!DOCTYPE html> @@ -15,7 +16,7 @@ import '../styles/style.css'; <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> - + <!-- Default Metadata --> <meta name="title" content={title} /> <meta name="description" content={description} /> @@ -28,7 +29,7 @@ import '../styles/style.css'; <meta name="theme-color" content="#000000"/> <meta name="generator" content={Astro.generator} /> - + <title>{title}</title> </head> <body> diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro index c9066be..780bc8d 100644 --- a/src/layouts/Page.astro +++ b/src/layouts/Page.astro @@ -1,10 +1,18 @@ --- -import Layout from '../layouts/Layout.astro'; +import Layout from "../layouts/Layout.astro"; const { frontmatter } = Astro.props; --- <Layout title={frontmatter.title} description={frontmatter.description}> - <div class="container"> - <slot /> + <div class="window"> + <div class="titlebar"> + <p class="titlebar-text">{frontmatter.title}</p> + <div class="titlebar-buttons"> + <a href="/"><div class="titlebar-box titlebar-box-link"></div></a> + </div> + </div> + <div class="container"> + <slot /> + </div> </div> -</Layout>
\ No newline at end of file +</Layout> |