From c0a371b51026266f55be049ea97e348d8bf0cee6 Mon Sep 17 00:00:00 2001 From: sudoer777 Date: Tue, 30 May 2023 17:37:11 -0500 Subject: [PATCH] Add navbar --- src/content/global/Navbar.astro | 18 ++++++++++++++++++ src/layouts/Basic.astro | 10 ++++++---- .../properties}/Background.astro | 0 .../global => layouts/properties}/Font.astro | 0 .../global => layouts/properties}/Head.astro | 0 tailwind.config.cjs | 5 +++++ 6 files changed, 29 insertions(+), 4 deletions(-) create mode 100644 src/content/global/Navbar.astro rename src/{content/global => layouts/properties}/Background.astro (100%) rename src/{content/global => layouts/properties}/Font.astro (100%) rename src/{content/global => layouts/properties}/Head.astro (100%) diff --git a/src/content/global/Navbar.astro b/src/content/global/Navbar.astro new file mode 100644 index 0000000..c1c7a71 --- /dev/null +++ b/src/content/global/Navbar.astro @@ -0,0 +1,18 @@ +--- +const homeText = 'Ethan Reece' +const links = [ + { text: 'About Me', link: '#about' }, + { text: 'Projects', link: '#projects' }, + { text: 'Experience', link: '#experience' }, + { text: 'Hobbies', link: '#hobbies' }, + { text: 'Contact Me', link: '#contact' }, +] +--- + +
+ +
diff --git a/src/layouts/Basic.astro b/src/layouts/Basic.astro index a731d75..665bb76 100644 --- a/src/layouts/Basic.astro +++ b/src/layouts/Basic.astro @@ -1,7 +1,8 @@ --- -import Background from '../content/global/Background.astro' -import Font from '../content/global/Background.astro' -import Head from '../content/global/Head.astro' +import Background from './properties/Background.astro' +import Font from './properties/Font.astro' +import Head from './properties/Head.astro' +import Navbar from '../content/global/Navbar.astro' export interface Props { title: string @@ -14,9 +15,10 @@ const { title, description } = Astro.props - + + diff --git a/src/content/global/Background.astro b/src/layouts/properties/Background.astro similarity index 100% rename from src/content/global/Background.astro rename to src/layouts/properties/Background.astro diff --git a/src/content/global/Font.astro b/src/layouts/properties/Font.astro similarity index 100% rename from src/content/global/Font.astro rename to src/layouts/properties/Font.astro diff --git a/src/content/global/Head.astro b/src/layouts/properties/Head.astro similarity index 100% rename from src/content/global/Head.astro rename to src/layouts/properties/Head.astro diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 170158f..d8aae2f 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -13,6 +13,7 @@ module.exports = { colors: { background: '#dbf6db', 'background-dark': '#bbd8bb', + 'background-light': '#ffffff', font: '#000000', pattern: 'rgba(0,0,0,.02)', }, @@ -22,6 +23,10 @@ module.exports = { backgroundSize: { contain: 'contain', }, + spacing: { + 'screen-x': '2rem', + 'screen-y': '1rem', + }, }, plugins: [require('tailwindcss-hero-patterns')], }