From ea0de50abe23bfc2610a51cd5a04d4b54d27bac6 Mon Sep 17 00:00:00 2001 From: Blboun3 <62328614+Blboun3@users.noreply.github.com> Date: Wed, 3 Apr 2024 09:21:48 +0200 Subject: [PATCH] Finished bare-bones Hero section - Finished bare-bones Hero section without content in both color schemes - One image in publi/temp.jpg (for hero section, TODO: replace and rename) TODO: * jump-scroll * about sections --- public/temp.jpg | Bin 0 -> 11469 bytes src/components/Hero.astro | 24 +++++++++++++++++++++--- src/pages/[lang]/index.astro | 2 +- src/style/index.css | 8 ++++---- 4 files changed, 26 insertions(+), 8 deletions(-) create mode 100644 public/temp.jpg diff --git a/public/temp.jpg b/public/temp.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4339392c9ce4bb727dd4530fccf6441567f7acf7 GIT binary patch literal 11469 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 literal 0 HcmV?d00001 diff --git a/src/components/Hero.astro b/src/components/Hero.astro index f4fb3ff..dc22aa5 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -1,11 +1,29 @@ -
+ +
+
+ +
+ +
+ +
+

Lorem Ipsum

+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. A suscipit facilis doloribus, dicta cupiditate sint nisi ad explicabo cumque dolorem quaerat hic aliquid. Iste quia aspernatur nam distinctio, animi dolorum?

+
+ +
+ + +
+
+
\ No newline at end of file diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro index 860e250..1ba375c 100644 --- a/src/pages/[lang]/index.astro +++ b/src/pages/[lang]/index.astro @@ -12,6 +12,6 @@ export async function getStaticPaths() { }); } --- - + \ No newline at end of file diff --git a/src/style/index.css b/src/style/index.css index 7bfee8f..d0a8d67 100644 --- a/src/style/index.css +++ b/src/style/index.css @@ -3,7 +3,7 @@ @tailwind utilities; /* Light Mode: https://www.realtimecolors.com/dashboard?colors=161618-f0f0f0-FFE500-dbddff-6120cf&fonts=Poppins-Poppins -Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5-000568-ffe500&fonts=Poppins-Poppins +Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5-390068-ffe500&fonts=Poppins-Poppins */ @layer base { :root { @@ -19,7 +19,7 @@ Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5 --color-bkg: 0deg, 0%, 6%; --color-content: 240deg, 4%, 91%; --color-primary: 262deg, 77%, 44%; - --color-secondary: 237deg, 100%, 20%; + --color-secondary: 273deg, 100%, 20%; --color-accent: 54deg, 100%, 50%; } } @@ -28,7 +28,7 @@ Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5 --color-bkg: 0deg, 0%, 6%; --color-content: 240deg, 4%, 91%; --color-primary: 262deg, 77%, 44%; - --color-secondary: 237deg, 100%, 20%; + --color-secondary: 273deg, 100%, 20%; --color-accent: 54deg, 100%, 50%; } @@ -36,7 +36,7 @@ Dark Mode: https://www.realtimecolors.com/dashboard?colors=e7e7e9-0f0f0f-5819c5 --color-bkg: 0deg, 0%, 94%; --color-content: 240deg, 4%, 9%; --color-primary: 54deg, 100%, 50%; - --color-secondary: 237deg, 100%, 20%; + --color-secondary: 237deg, 100%, 93%; --color-accent: 262deg, 73%, 47%; } } \ No newline at end of file