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')],
}