diff --git a/src/components/Header.astro b/src/components/Header.astro index e69de29..9f321a4 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -0,0 +1,70 @@ +--- +import Image from "astro/components/Image.astro"; +import redHeartFlat from "../images/red_heart_flat.svg"; + +const pageTitle = "emma's place"; +const motto = "a celebration of self-expression through the personal web"; + +const backgroundColor = "#ffd4de"; +const biPridePink = "#d60270"; +const biPridePurple = "#9b4f96"; +const biPrideBlue = "#0038a8"; +--- + +
+ + + {motto} + +
+ + \ No newline at end of file diff --git a/src/images/red_heart_flat.svg b/src/images/red_heart_flat.svg new file mode 100644 index 0000000..143b3dd --- /dev/null +++ b/src/images/red_heart_flat.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/pages/index.astro b/src/pages/index.astro index 28527e3..596eca1 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,4 +1,6 @@ --- +import Header from "../components/Header.astro"; + import "../styles/global.css"; const pageTitle = "emma's place"; @@ -15,6 +17,12 @@ const linkColorNightMode = "#4cc9f0"; {pageTitle}