From 8fd6f1a2739b686092bbb5806666e63f283d6510 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Mon, 22 Jan 2024 19:56:50 -0500
Subject: Add Vue.JS for Navbar; Transitions; Getting started on projects

---
 src/layouts/Page.astro | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

(limited to 'src/layouts/Page.astro')

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>
-- 
cgit v1.2.3