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

add TODOs

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

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

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