diff --git a/public/logos/white_logo_horizontal.svg b/public/logos/white_logo_horizontal.svg new file mode 100644 index 0000000..479d182 --- /dev/null +++ b/public/logos/white_logo_horizontal.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/logos/white_logo_only.svg b/public/logos/white_logo_only.svg new file mode 100644 index 0000000..13245c4 --- /dev/null +++ b/public/logos/white_logo_only.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro new file mode 100644 index 0000000..54e8261 --- /dev/null +++ b/src/components/Navbar.astro @@ -0,0 +1,31 @@ +--- +import { Image } from "astro:assets"; +import pages from "../data/pages.json"; +--- + +
+
+
+
+ IEEE UCSD Logo +
+ +
+ { + pages.map((page) => ( + + {page.name} + + )) + } +
+
+
+
+ \ No newline at end of file diff --git a/src/data/pages.json b/src/data/pages.json new file mode 100644 index 0000000..31e41cf --- /dev/null +++ b/src/data/pages.json @@ -0,0 +1,30 @@ +[ + { + "name": "About", + "path": "/about" + }, + { + "name": "Join", + "path": "/join" + }, + { + "name": "Events", + "path": "/events" + }, + { + "name": "Projects", + "path": "/projects" + }, + { + "name": "Board", + "path": "/board" + }, + { + "name": "Find Us", + "path": "/find-us" + }, + { + "name": "Online Store", + "path": "/online-store" + } +] diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index e455c61..4a539df 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -7,7 +7,7 @@ Astro Basics - + diff --git a/src/pages/index.astro b/src/pages/index.astro index c04f360..abd7de9 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,6 @@ --- import Welcome from '../components/Welcome.astro'; +import Navbar from '../components/Navbar.astro'; import Layout from '../layouts/Layout.astro'; // Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build @@ -7,5 +8,5 @@ import Layout from '../layouts/Layout.astro'; --- - +