diff --git a/gatsby/src/components/GalleryImage.js b/gatsby/src/components/GalleryImage.js
index fd6fa17..c4eac7d 100644
--- a/gatsby/src/components/GalleryImage.js
+++ b/gatsby/src/components/GalleryImage.js
@@ -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);
diff --git a/gatsby/src/pages/index.js b/gatsby/src/pages/index.js
index bfe8800..4feed0b 100644
--- a/gatsby/src/pages/index.js
+++ b/gatsby/src/pages/index.js
@@ -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) {
diff --git a/gatsby/src/pages/photogallery.js b/gatsby/src/pages/photogallery.js
index 11b26d4..c5c793d 100644
--- a/gatsby/src/pages/photogallery.js
+++ b/gatsby/src/pages/photogallery.js
@@ -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