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

add eslint quotes rule

Browse Source
This commit is contained in:
Chuck Dries
2021-06-13 23:00:19 -07:00
parent 9a7c8c415f
commit 45e4a0a4d3
6 changed files with 137 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
gatsby/src/pages/gallery.js
View File

@@ -1,10 +1,10 @@
import * as React from "react"
import * as React from 'react'
import { graphql, Link } from 'gatsby'
import { GatsbyImage, getImage } from "gatsby-plugin-image"
import { Helmet } from "react-helmet"
import Masonry, { ResponsiveMasonry } from "react-responsive-masonry"
import { GatsbyImage, getImage } from 'gatsby-plugin-image'
import { Helmet } from 'react-helmet'
import Masonry, { ResponsiveMasonry } from 'react-responsive-masonry'
import { getMeta } from "../utils"
import { getMeta } from '../utils'
const GalleryPage = ({ data }) => {
const images = React.useMemo(() =>

12
gatsby/src/templates/gallery-image.js
View File

@@ -1,11 +1,11 @@
import React from "react"
import React from 'react'
import { graphql } from 'gatsby'
import { getMeta, getName } from "../utils";
import { GatsbyImage, getImage } from "gatsby-plugin-image"
import { Helmet } from "react-helmet";
import { getMeta, getName } from '../utils';
import { GatsbyImage, getImage } from 'gatsby-plugin-image'
import { Helmet } from 'react-helmet';
import classnames from 'classnames'
const GalleryImage = ({ pageContext, data }) => {
const GalleryImage = ({ data }) => {
const image = data.allFile.edges[0].node
const ar = image.childImageSharp.fluid.aspectRatio;
console.log(ar);
@@ -26,7 +26,7 @@ const GalleryImage = ({ pageContext, data }) => {
</Helmet>
<div className="min-h-screen flex flex-col justify-center">
{/* TODO: change layout by amount of empty space on side of page, not aspect ratio? */}
<div style={{ margin: '0 5vw' }} className={classnames("flex mx-auto", ar > 1 ? 'flex-col' : 'flex-row-reverse')}>
<div style={{ margin: '0 5vw' }} className={classnames('flex mx-auto', ar > 1 ? 'flex-col' : 'flex-row-reverse')}>
<div className='flex-grow-0'>
<h1 className="text-2xl mt-2">{name}</h1>
<GatsbyImage