From ce57be6f0106a752674d4e17db35a2479b2ec7bb Mon Sep 17 00:00:00 2001 From: sudoer777 Date: Wed, 31 May 2023 19:17:53 -0500 Subject: [PATCH] Complete basic hero --- src/components/content/index/Hero.astro | 37 ++++++++++++++++--------- src/layouts/Base.astro | 19 ++++++------- src/layouts/properties/Background.astro | 8 ++++-- src/layouts/properties/Font.astro | 3 -- src/pages/index.astro | 5 +++- 5 files changed, 41 insertions(+), 31 deletions(-) delete mode 100644 src/layouts/properties/Font.astro diff --git a/src/components/content/index/Hero.astro b/src/components/content/index/Hero.astro index a13ab95..ecf5f6c 100644 --- a/src/components/content/index/Hero.astro +++ b/src/components/content/index/Hero.astro @@ -1,27 +1,38 @@ --- // @ts-ignore import { Picture } from 'astro-imagetools/components' + +const viewHeight = 'h-[25rem]' +const centerGap = 'gap-[7rem]' +const padding = 'p-[3rem]' + +const textMainSize = 'text-[1.75rem]' +const textEmphasisSize = 'text-[3rem]' + +const text = ['Hello', ', I am', 'Ethan Reece', 'and I do ', 'web stuff', '.'] +const image = '../public/images/index/myself.png' +const imageAlt = 'black and white portrait of myself' --- -
-
- Hello, I am +
+
+ {text[0]}{text[1]}
- Ethan Reece + {text[2]}
and I do - web stuff. + >{text[3]} + {text[4]}{text[5]}
{ - const maxWidth = breakpoints[breakpoints.length - 1] - return `(min-width: ${maxWidth}px) ${maxWidth}px, 100vw` - }} + src={image} + alt={imageAlt} fit="cover" layout="fill" placeholder="none" diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index a4b7aee..563571b 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -1,6 +1,5 @@ --- import Background from './properties/Background.astro' -import Font from './properties/Font.astro' import Head from './properties/Head.astro' import Navbar from '../components/content/global/Navbar.astro' import { SEO } from 'astro-seo' @@ -19,15 +18,13 @@ const { title, description } = Astro.props - - - - -
- -
- -