From 2cea7d737afbf9cb34dfa8d36865d5b8af089631 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuckd@axosoft.com>
Date: Tue, 15 Jun 2021 07:50:35 -0700
Subject: [PATCH] landing page fullscreen image

---
 gatsby/src/pages/index.js | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/gatsby/src/pages/index.js b/gatsby/src/pages/index.js
index 0c0ad40..e133e91 100644
--- a/gatsby/src/pages/index.js
+++ b/gatsby/src/pages/index.js
@@ -4,30 +4,29 @@ import { StaticImage } from 'gatsby-plugin-image';
 
 const IndexPage = () => {
   return (
-    <main className="font-serif text-white sm:block lg:grid">
+    <main className="font-serif sm:block lg:grid">
       <StaticImage
         style={{
           gridArea: '1/1',
-          maxHeight: '90vh',
+          // maxHeight: '90vh',
           // height: '100vh',
         }}
+        className='sm:h-auto lg:h-screen'
         layout='fullWidth'
         alt=''
-        src='../../data/gallery/_DSC4949.jpg'
+        src='../../data/gallery/DSC4180.jpg'
       />
-      <div className='relative' style={{gridArea: '1/1'}}>
+      <div className='relative grid place-items-center' style={{gridArea: '1/1'}}>
         <div
-          className="lg:inline-block sm:relative lg:absolute m-2 flex flex-col items-end"
-          style={{
-            right: 0,
-          }}
+          className="m-2 flex flex-col items-end"
         >
-          <section className='bg-black rounded-xl py-6'>
+          {/* TODO: color thief and fonts */}
+          <section className='bg-green-200 bg-opacity-80 rounded-xl py-6'>
             <div className="mx-auto px-6">
-              <h1 className="italic font-normal text-5xl text-pink-500">Chuck Dries</h1>
+              <h1 className="italic font-normal text-5xl ">Chuck Dries</h1>
               <h2 className="italic text-blue-300 text-2xl">Full stack software engineer &amp; hobbyist photographer</h2>
               <ul>
-                <li>Software Developer, <span className="text-gray-300 italic">Axosoft</span></li>
+                <li>Software Developer, <span className="text-gray-800 italic">Axosoft</span></li>
                 <li><a className="hover:text-pink-400 underline" href="mailto:chuck@chuckdries.com">chuck@chuckdries.com</a> / <span>602.618.0414</span></li>
                 <li>
                   <a className="mr-1 hover:text-pink-400 underline" href="http://github.com/chuckdries">Github</a>/