Add a few images and hook up escape for going from image to gallery

This commit is contained in:
Chuck Dries 2021-06-28 10:45:35 -07:00
parent f1d91c78e2
commit de72997986
3 changed files with 8 additions and 1 deletions

BIN
data/gallery/DSC02166-2.jpg (Stored with Git LFS) Normal file

Binary file not shown.

BIN
data/gallery/DSC02233.jpg (Stored with Git LFS) Normal file

Binary file not shown.

View File

@ -32,6 +32,7 @@ const GalleryImage = ({ data, pageContext }) => {
} }
return; return;
} }
case 'Escape':
case 'KeyG': { case 'KeyG': {
navigate('/photogallery/'); navigate('/photogallery/');
} }
@ -77,7 +78,7 @@ const GalleryImage = ({ data, pageContext }) => {
<Link <Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1" className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to="/photogallery/" to="/photogallery/"
>gallery <span className="bg-gray-300 text-black">g</span></Link> >gallery <span className="bg-gray-300 text-black">esc</span></Link>
{pageContext.prevImage && <Link {pageContext.prevImage && <Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1" className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to={`/photogallery/${pageContext.prevImage}/`} to={`/photogallery/${pageContext.prevImage}/`}