From fe07473ae666320726a15588b3b67cf939f720ce Mon Sep 17 00:00:00 2001 From: mmert9008 Date: Sun, 24 Aug 2025 21:23:35 -0500 Subject: [PATCH] added some more components, some styles, and some JavaScript. Currently at https://docs.astro.build/en/tutorial/4-layouts/1/ --- src/components/Hamburger.astro | 10 ++++++ src/components/Header.astro | 13 +++++++ src/components/Navigation.astro | 8 +++-- src/components/Social.astro | 2 +- src/pages/about.astro | 7 ++-- src/pages/blog.astro | 7 ++-- src/pages/index.astro | 7 ++-- src/scripts/menu.js | 3 ++ src/styles/global.css | 63 +++++++++++++++++++++++++++++++++ tsconfig.json | 5 ++- 10 files changed, 114 insertions(+), 11 deletions(-) create mode 100644 src/components/Hamburger.astro create mode 100644 src/components/Header.astro create mode 100644 src/scripts/menu.js diff --git a/src/components/Hamburger.astro b/src/components/Hamburger.astro new file mode 100644 index 0000000..25b4f81 --- /dev/null +++ b/src/components/Hamburger.astro @@ -0,0 +1,10 @@ +--- +import '../styles/global.css'; + +--- + +
+ + + +
\ No newline at end of file diff --git a/src/components/Header.astro b/src/components/Header.astro new file mode 100644 index 0000000..e400e83 --- /dev/null +++ b/src/components/Header.astro @@ -0,0 +1,13 @@ +--- +import '../styles/global.css'; +import Hamburger from './Hamburger.astro'; +import Navigation from './Navigation.astro'; + +--- + +
+ +
\ No newline at end of file diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro index 8e74ccb..4fe46b3 100644 --- a/src/components/Navigation.astro +++ b/src/components/Navigation.astro @@ -4,6 +4,8 @@ import '../styles/global.css'; --- -Home -About -Blog +
+ Home + About + Blog +
\ No newline at end of file diff --git a/src/components/Social.astro b/src/components/Social.astro index 9f173f0..46ff42e 100644 --- a/src/components/Social.astro +++ b/src/components/Social.astro @@ -4,7 +4,7 @@ import '../styles/global.css'; const { platform, username } = Astro.props; --- -{platform} +{platform} - +

{pageTitle}

... and my new Astro site!

@@ -71,5 +71,8 @@ const textCase = "uppercase" {goal === 3 ?

My goal is to finish in 3 days.

:

My goal is not 3 days.

}