From 9735f3bd1d8f823402814116464f1e3ae344e3e9 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Tue, 2 Jan 2024 01:35:01 -0500 Subject: Starting to take shape --- src/components/Navbar.astro | 4 +-- src/components/Navbar.css | 32 +++++++++++++++++- src/layouts/Default.astro | 57 ++++++++++++++++++++++++++++++++ src/layouts/Layout.astro | 79 --------------------------------------------- src/pages/index.astro | 3 +- src/pages/index.css | 12 +++++++ 6 files changed, 104 insertions(+), 83 deletions(-) create mode 100644 src/layouts/Default.astro delete mode 100644 src/layouts/Layout.astro create mode 100644 src/pages/index.css diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 6cf958a..17da17d 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -3,7 +3,7 @@ import "./Navbar.css" --- diff --git a/src/components/Navbar.css b/src/components/Navbar.css index d92fbbc..5987d16 100644 --- a/src/components/Navbar.css +++ b/src/components/Navbar.css @@ -1,3 +1,33 @@ nav { - text-align: center; + font-weight: 300; + padding-top: 20px; + padding-bottom: 30px; +} +ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: row; + justify-content: center; +} + +li { + margin: 0 1rem; +} + +a { + font-size: 1.2rem; + text-decoration: none; + color: #FFFFFF; +} + +a:hover { + font-weight: 500; + color: #9ECD9D; + transition: ease-in-out 0.1s; +} + +a:active { + color: #609460; } diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro new file mode 100644 index 0000000..9cbaf7a --- /dev/null +++ b/src/layouts/Default.astro @@ -0,0 +1,57 @@ +--- +interface Props { + title: string; +} + +const { title } = Astro.props; +import Navbar from '../components/Navbar.astro'; +--- + + + + + + + + + + + + + {title} + + + + +
+

© Copyright 2018-2024, Andrew Lee

+
+ + + diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro deleted file mode 100644 index 23e3efb..0000000 --- a/src/layouts/Layout.astro +++ /dev/null @@ -1,79 +0,0 @@ ---- -interface Props { - title: string; -} - -const { title } = Astro.props; -import Navbar from '../components/Navbar.astro'; ---- - - - - - - - - - - - - - {title} - - - - -
-

© Copyright 2018-2024

-
- - - diff --git a/src/pages/index.astro b/src/pages/index.astro index 9f15d62..bb8e3a9 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,7 @@ --- -import Layout from '../layouts/Layout.astro'; +import Layout from '../layouts/Default.astro'; import { Image } from 'astro:assets'; +import './index.css'; --- diff --git a/src/pages/index.css b/src/pages/index.css new file mode 100644 index 0000000..d242483 --- /dev/null +++ b/src/pages/index.css @@ -0,0 +1,12 @@ +.home { + text-align: center; +} + +.avatar { + border-radius: 50%; +} + +h1 { + font-weight: 500; + font-size: 2.3rem; +} -- cgit v1.2.3