diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-01 16:32:41 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-01 16:32:41 -0500 |
| commit | a0485ad26353a08562c13c14ea9de73fd705f9de (patch) | |
| tree | 1bc499c572e3642b769f7391f493d972a8a749d9 /src/layouts | |
| parent | 0349923dd0a970f009ce7ca54881f8c398c67100 (diff) | |
| download | personal-website-a0485ad26353a08562c13c14ea9de73fd705f9de.tar.gz personal-website-a0485ad26353a08562c13c14ea9de73fd705f9de.tar.bz2 personal-website-a0485ad26353a08562c13c14ea9de73fd705f9de.zip | |
Initial Rewrite
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/Layout.astro | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro new file mode 100644 index 0000000..23e3efb --- /dev/null +++ b/src/layouts/Layout.astro @@ -0,0 +1,79 @@ +--- +interface Props { + title: string; +} + +const { title } = Astro.props; +import Navbar from '../components/Navbar.astro'; +--- + +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="description" content="Astro description" /> + <meta name="viewport" content="width=device-width" /> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + <meta name="generator" content={Astro.generator} /> + <title>{title}</title> + </head> + <body> + <Navbar /> + <slot /> + <footer> + <p>© Copyright 2018-2024</p> + </footer> + </body> +</html> +<style is:global> + :root { + --accent: 136, 58, 234; + --accent-light: 224, 204, 250; + --accent-dark: 49, 10, 101; + --accent-gradient: linear-gradient( + 45deg, + rgb(var(--accent)), + rgb(var(--accent-light)) 30%, + white 60% + ); + } + html { + font-family: "Exo 2", system-ui, sans-serif; + background: #1B291F; + color: #FFFFFF; + } + + .home { + text-align: center; + } + + .avatar { + border-radius: 50%; + } + + h1 { + font-weight: 500; + font-size: 2.3rem; + } + + footer { + text-align: center; + font-size: 1.3em; + padding: 1rem; + } + + code { + font-family: + Menlo, + Monaco, + Lucida Console, + Liberation Mono, + DejaVu Sans Mono, + Bitstream Vera Sans Mono, + Courier New, + monospace; + } +</style> |