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

aesthetic updates to links

Browse Source
This commit is contained in:
Chuck Dries 2021-06-17 00:51:18 -07:00
parent 958dd88bd6
commit 88f20f9f92
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gatsby/src/components/GalleryImage.js
View File

@ -36,7 +36,7 @@ const GalleryImage = ({ data }) => {
style={getVibrantToHelmetSafeBodyStyle(vibrant)} style={getVibrantToHelmetSafeBodyStyle(vibrant)}
/> />
</Helmet> </Helmet>
<Link className="underline text-vibrant-light arrow-left-before absolute" to="/photogallery">back</Link> <Link className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before absolute" to="/photogallery">gallery</Link>
<div className="min-h-screen flex flex-col justify-center"> <div className="min-h-screen flex flex-col justify-center">
<div className={classnames('flex mx-auto', ar > 1 ? 'flex-col' : 'flex-row-reverse')} style={{ margin: '0 5vw' }}> <div className={classnames('flex mx-auto', ar > 1 ? 'flex-col' : 'flex-row-reverse')} style={{ margin: '0 5vw' }}>
<div className="flex-grow-0"> <div className="flex-grow-0">

3
gatsby/src/pages/index.js
View File

@ -24,6 +24,7 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
}, [isClient]); }, [isClient]);
return (<> return (<>
<Helmet> <Helmet>
<title>Chuck Dries</title>
<body <body
className={classnames(isClient ? 'bg-vibrant-dark' : '')} className={classnames(isClient ? 'bg-vibrant-dark' : '')}
style={getVibrantToHelmetSafeBodyStyle(vibrant)} style={getVibrantToHelmetSafeBodyStyle(vibrant)}
@ -67,7 +68,7 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
</section> </section>
<Link <Link
className={classnames( className={classnames(
'hover:underline inline-block p-4 px-5 my-2 rounded-md border-2 arrow-right-after font-bold font-serif', 'hover:underline inline-block p-2 px-4 my-2 text-lg rounded-md border-2 arrow-right-after font-bold font-serif',
isClient && 'text-muted-dark bg-muted-light border-muted-light')} isClient && 'text-muted-dark bg-muted-light border-muted-light')}
to="/photogallery" to="/photogallery"
> >

2
gatsby/src/pages/photogallery.js
View File

@ -20,7 +20,7 @@ const GalleryPage = ({ data }) => {
<body className="bg-black text-white" /> <body className="bg-black text-white" />
</Helmet> </Helmet>
<div className="bg-black min-h-screen 2xl:container"> <div className="bg-black min-h-screen 2xl:container">
<Link className="text-blue-300 arrow-left-before" to="/">back</Link> <Link className="hover:underline hover:text-blue-200 text-blue-300 arrow-left-before" to="/">home</Link>
<h1 className="text-5xl mt-2 ml-4 font-serif font-black z-10 relative">Photo Gallery</h1> <h1 className="text-5xl mt-2 ml-4 font-serif font-black z-10 relative">Photo Gallery</h1>
<div className="mx-auto"> <div className="mx-auto">
<MasonryGallery <MasonryGallery

2
gatsby/src/styles/global.css
View File

@ -68,5 +68,5 @@ a {
margin-left: 3px; margin-left: 3px;
transform: translate(0px); transform: translate(0px);
display: inline-block; display: inline-block;
transition: all .2s; /* transition: all .2s; */
} }