add TODOs
This commit is contained in:
parent
79b2fa9a63
commit
f8fe81cb8f
@ -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);
|
||||
|
@ -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) {
|
||||
|
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user