add indent and comma dangle, and rearrange resume components

gatsby/src/components/GalleryImage.js

@@ -36,7 +36,7 @@ const GalleryImage = ({ data }) => {
               maxWidth: `calc(max(90vh, 500px) * ${ar})`,
               // height: '90vh',
               maxHeight: '90vh',
-              minHeight: '500px'
+              minHeight: '500px',
             }}
             key={image.base}
             image={getImage(image)}

gatsby/src/components/resume/ResumeLayout.js

@@ -2,16 +2,16 @@ import * as React from 'react';
 import classnames from 'classnames';
 import { MDXProvider } from '@mdx-js/react';
 
-import '../styles/resume.css';
+import '../../styles/resume.css';
 
 const MyH1 = props => <h1 style={{ color: 'tomato' }} {...props} />;
-const MyParagraph = props => (
-  <p style={{ fontSize: '18px', lineHeight: 1.6 }} {...props} />
-);
+// const MyParagraph = props => (
+//   <p style={{ fontSize: '18px', lineHeight: 1.6 }} {...props} />
+// );
 
 const components = {
   h1: MyH1,
-  p: MyParagraph,
+  // p: MyParagraph,
 };
 
 

gatsby/src/pages/photogallery.js

@@ -22,7 +22,7 @@ const GalleryPage = ({ data }) => {
         }
         return 0;
       }) // TODO HERE
-    , [data]);
+  , [data]);
 
   return (<>
     <Helmet>
@@ -34,26 +34,26 @@ const GalleryPage = ({ data }) => {
       <div className="mx-auto" style={{maxWidth: '1800px'}}>
         {/* TODO swap masonry plugin, this one makes really unbalanced columns */}
         {/* ...implement manually :sadge: */}
-      <ResponsiveMasonry
-        columnsCountBreakPoints={{ 350: 1, 650: 2, 1200: 3 }}
-      >
-        <Masonry gutter='5px'>
-          {images.map(image => {
-            console.log('ar', image.childImageSharp);
-            const name = getMeta(image).iptc.object_name || image.base;
-            return (
-              <React.Fragment key={name}>
-                <Link state={{modal: true}} to={`/photogallery/${image.base}`}>
-                  <GatsbyImage
-                    key={image.base}
-                    image={getImage(image)}
-                    alt={name} />
-                </Link>
-              </React.Fragment>
-            );
-          })}
-        </Masonry>
-      </ResponsiveMasonry>
+        <ResponsiveMasonry
+          columnsCountBreakPoints={{ 350: 1, 650: 2, 1200: 3 }}
+        >
+          <Masonry gutter='5px'>
+            {images.map(image => {
+              console.log('ar', image.childImageSharp);
+              const name = getMeta(image).iptc.object_name || image.base;
+              return (
+                <React.Fragment key={name}>
+                  <Link state={{modal: true}} to={`/photogallery/${image.base}`}>
+                    <GatsbyImage
+                      key={image.base}
+                      image={getImage(image)}
+                      alt={name} />
+                  </Link>
+                </React.Fragment>
+              );
+            })}
+          </Masonry>
+        </ResponsiveMasonry>
       </div>
     </div>
   </>);

gatsby/src/pages/resume.mdx

@@ -2,7 +2,7 @@
 title: Charles Dries Resume
 ---
 
-import ResumeLayout from '../components/resume-layout'
+import ResumeLayout from '../components/resume/ResumeLayout'
 export default ResumeLayout
 
 # Hello, World!