From 8fd6f1a2739b686092bbb5806666e63f283d6510 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Mon, 22 Jan 2024 19:56:50 -0500 Subject: Add Vue.JS for Navbar; Transitions; Getting started on projects --- src/components/Navbar.astro | 23 ----------------------- src/components/Navbar.vue | 30 ++++++++++++++++++++++++++++++ src/layouts/Default.astro | 22 +++++++++++++++------- src/layouts/Page.astro | 22 +++++++++++++++++++--- src/pages/index.astro | 8 ++++---- src/pages/projects.astro | 2 +- src/styles/Navbar.css | 2 +- src/styles/index.css | 5 ----- 8 files changed, 70 insertions(+), 44 deletions(-) delete mode 100644 src/components/Navbar.astro create mode 100644 src/components/Navbar.vue (limited to 'src') diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro deleted file mode 100644 index bd372e5..0000000 --- a/src/components/Navbar.astro +++ /dev/null @@ -1,23 +0,0 @@ ---- -import "../styles/Navbar.css" ---- - - - diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue new file mode 100644 index 0000000..9767cfb --- /dev/null +++ b/src/components/Navbar.vue @@ -0,0 +1,30 @@ + + + + + diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index ecc4e2e..29662c6 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -1,18 +1,19 @@ --- interface Props { title: string; - description: string; + description: string; } const { title, description } = Astro.props; -import { ViewTransitions } from 'astro:transitions'; -import Navbar from '../components/Navbar.astro'; +import { ViewTransitions, slide } from 'astro:transitions'; +import Navbar from '../components/Navbar.vue'; --- + @@ -24,11 +25,13 @@ import Navbar from '../components/Navbar.astro'; {title} - + +

- + +

diff --git a/src/pages/index.astro b/src/pages/index.astro index ab4f39b..0918a74 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -12,16 +12,16 @@ import '../styles/index.css';

Hey, I'm Andrew Lee!

diff --git a/src/pages/projects.astro b/src/pages/projects.astro index fb61caf..0a12522 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -1,5 +1,5 @@ --- import Page from "../layouts/Page.astro"; --- - + diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css index ee4801f..78711d2 100644 --- a/src/styles/Navbar.css +++ b/src/styles/Navbar.css @@ -87,4 +87,4 @@ a.nav-link:active { .nav-list.show a.nav-link { animation: fadeIn 0.5s ease-in-out forwards; } -} \ No newline at end of file +} diff --git a/src/styles/index.css b/src/styles/index.css index 57dc562..476d461 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -12,11 +12,6 @@ font-size: 2.3em; } -ul { - padding-left: 20px; - font-size: 1.1em; -} - p { font-size: 1.1em; } -- cgit v1.2.3