diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-22 19:56:50 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-22 20:53:41 -0500 |
| commit | 8fd6f1a2739b686092bbb5806666e63f283d6510 (patch) | |
| tree | e378cd080f8f6882e0282e9db6a6b0c48030049b /src/layouts/Page.astro | |
| parent | 7604592b7a68fee231b63ff5123837e3eb1beaf8 (diff) | |
| download | personal-website-8fd6f1a2739b686092bbb5806666e63f283d6510.tar.gz personal-website-8fd6f1a2739b686092bbb5806666e63f283d6510.tar.bz2 personal-website-8fd6f1a2739b686092bbb5806666e63f283d6510.zip | |
Add Vue.JS for Navbar; Transitions; Getting started on projects
Diffstat (limited to 'src/layouts/Page.astro')
| -rw-r--r-- | src/layouts/Page.astro | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro index b0f202a..9b8dd8f 100644 --- a/src/layouts/Page.astro +++ b/src/layouts/Page.astro @@ -3,15 +3,31 @@ import Layout from './Default.astro'; const { title, description } = Astro.props; --- -<Layout title=`${title} | Andrew Lee` description={description}> +<Layout title=`${title} - Andrew Lee` description={description}> <header> - <h1>{title}</h1> - <h2>{description}</h2> + <h1 class="header-text">{title}</h1> + <h2 class="header-text">{description}</h2> </header> </Layout> <style> header { + display: flex; + flex-direction: column; + gap: 0.5em; + margin: 0; + padding: 0; text-align: center; } + + .header-text { + font-size: 2em; + margin: 0; + } + + h2.header-text { + font-size: 1.5em; + font-weight: 300; + } + </style> |