chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

hero typography updates

Browse Source
This commit is contained in:
Chuck Dries 2021-06-21 15:22:03 -07:00
parent f7f2577b90
commit ac6a3d3198
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/index.js
View File

@ -110,10 +110,10 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
: <div className="landscape:h-screen portrait:h-two-thirds-vw w-full" style={{gridArea: '1/1' }}></div> } : <div className="landscape:h-screen portrait:h-two-thirds-vw w-full" style={{gridArea: '1/1' }}></div> }
<div className="relative grid place-items-center" style={{gridArea: '1/1'}}> <div className="relative grid place-items-center" style={{gridArea: '1/1'}}>
<div className="m-0 sm:m-3 flex flex-col items-end"> <div className="m-0 sm:m-3 flex flex-col items-end">
<section className={classnames('rounded-xl md:py-5 py-3', isClient && ' bg-vibrant-dark-75')}> <section className={classnames('rounded-xl md:px-6 px-4 md:py-5 py-3', isClient && ' bg-vibrant-dark-75')}>
<div className="mx-auto md:px-6 px-4"> <div className="mx-auto">
<h1 className={classnames('font-black text-4xl sm:text-5xl md:text-6xl', isClient && 'text-vibrant-light')}>Chuck Dries</h1> <h1 className={classnames('font-black text-4xl sm:text-5xl md:text-6xl', isClient && 'text-vibrant-light')}>Chuck Dries</h1>
<h2 className={classnames('italic text-xl md:text-2xl', isClient && 'text-vibrant')}>Full stack software engineer &amp; hobbyist photographer</h2> <h2 className={classnames('text-xl md:text-2xl', isClient && 'text-vibrant')}>Full stack software engineer &amp; hobbyist photographer</h2>
{<div className="border-t-2 border-muted-light mt-2 mr-2 mb-1" style={{width: 30}}></div>} {<div className="border-t-2 border-muted-light mt-2 mr-2 mb-1" style={{width: 30}}></div>}
<ul className={classnames(isClient && 'text-muted-light')}> <ul className={classnames(isClient && 'text-muted-light')}>