add TODOs

This commit is contained in:
Chuck Dries 2021-06-18 19:07:28 -07:00
parent 79b2fa9a63
commit f8fe81cb8f
No known key found for this signature in database
GPG Key ID: 4E6B9B2DCEC64BA9
3 changed files with 6 additions and 8 deletions

View File

@ -16,12 +16,8 @@ import classnames from 'classnames';
const GalleryImage = ({ data }) => {
const image = data.allFile.edges[0].node;
const ar = getAspectRatio(image);
// console.log(ar);
// TODO: layout by comparing aspect ratio of browser to aspect ratio of image
// TODO: metadata
// console.log(`calc(90vw * ${ar})px`);
// TODO: metadata icons
const name = getName(image);
const meta = getMeta(image);

View File

@ -8,6 +8,8 @@ import classnames from 'classnames';
import { HeroA } from '../components/IndexComponents';
// TODO: better text colors in situations of low contrast
const getDifferentRand = (range, lastNs, iterations = 0) => {
const n = Math.floor(Math.random() * range);
if (lastNs.findIndex(x => x === n) > -1 && iterations < 5) {

View File

@ -1,13 +1,13 @@
import * as React from 'react';
import { graphql } from 'gatsby';
// import { GatsbyImage, getImage } from 'gatsby-plugin-image';
import { Link } from 'gatsby';
import { Helmet } from 'react-helmet';
// import Masonry, { ResponsiveMasonry } from 'react-responsive-masonry';
// import { getMeta } from '../utils';
import MasonryGallery from '../components/MasonryGallery';
// TODO: caption and title more images
// TODO: more images
const GalleryPage = ({ data }) => {
const images = React.useMemo(() =>
data.allFile.edges