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

add G shortcut to jump to gallery

Browse Source
This commit is contained in:
Chuck Dries 2021-06-20 19:54:52 -07:00
parent 4e7fd5cc9d
commit b02a548b17
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/GalleryImage.js
View File

@ -32,6 +32,9 @@ const GalleryImage = ({ data, pageContext }) => {
}
return;
}
case 'KeyG': {
navigate('/photogallery/');
}
}
};
document.addEventListener('keydown', keyListener);
@ -74,15 +77,15 @@ const GalleryImage = ({ data, pageContext }) => {
<Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to="/photogallery/"
>gallery</Link>
>gallery <span className="bg-gray-300 text-black">g</span></Link>
{pageContext.prevImage && <Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to={`/photogallery/${pageContext.prevImage}/`}
>previous</Link>}
>previous <span className="bg-gray-300 text-black">&#11104;</span></Link>}
{pageContext.nextImage && <Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to={`/photogallery/${pageContext.nextImage}/`}
>next</Link>}
>next <span className="bg-gray-300 text-black">&#11106;</span></Link>}
</nav>
<div className={classnames('flex', orientationClasses)}>
<div className="flex-grow-0">

3
src/pages/index.js
View File

@ -92,7 +92,8 @@ const IndexPage = ({ data: { allFile: { edges } } }) => {
</Helmet>
{/* WIP: ipad portrait hits md breakpoint, looks bad */}
<main
className={classnames('font-serif hero', ar > 1 ? 'landscape:grid portrait:flex portrait:flex-col' : 'portrait:grid landscape:flex landscape:flex-row-reverse')}
className={classnames('font-serif hero', ar > 1
? 'landscape:grid portrait:flex portrait:flex-col' : 'portrait:grid landscape:flex landscape:flex-row-reverse')}
>
{isClient ?
<GatsbyImage