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 - - - - -
- -
- -