set cropFocus on photos page

content/photos/2015-04-01-suddenly-a-new-hindu-temple-appears-around-the-corner.md

@@ -1,8 +0,0 @@
----
-type: photo
-title: Suddenly... a new Hindu temple appears around the corner
-image: ../media/2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.jpg
-author: Matthias Kretschmann
----
-
-[Instagram](https://instagram.com/p/08ngIbtSvs/)

content/photos/2015-04-16-obligatory-it-s-summer-in-berlin-photo.md

@@ -1,8 +1,8 @@
 ---
 type: photo
-title: Obligatory it's summer in Berlin photo
+title: "Obligatory it's summer in Berlin photo"
 image: ../media/obligatory-it-s-summer-in-berlin-photo.jpg
 author: Matthias Kretschmann
 ---
 
-[Instagram](https://instagram.com/p/1ikG3qtSkG/)
+[Instagram](https://instagram.com/p/1ikG3qtSkG/)

content/photos/2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.md

@@ -0,0 +1,8 @@
+---
+type: photo
+title: "Suddenly... a new Hindu temple appears around the corner"
+image: 2015-04-17-suddenly-a-new-hindu-temple-appears-around-the-corner.jpg
+author: Matthias Kretschmann
+---
+
+[Instagram](https://instagram.com/p/08ngIbtSvs/)

content/photos/2017-11-10-acropolis-the-propylaea.md

@@ -1,7 +1,7 @@
 ---
 type: photo
 title: "The Propylaea"
-image: .2017-11-10-acropolis-the-propylaea.jpg
+image: 2017-11-10-acropolis-the-propylaea.jpg
 author: Matthias Kretschmann
 date: 2017-11-10 14:32:19.869188000 +02:00
 ---

content/photos/2018-01-13-teatro-jaragua.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-13T00:00:00.000Z
+
+title: Teatro Jaraguá
+image: 2018-01-13-teatro-jaragua.jpg
+---
+
+[Teatro Jaraguá](http://teatrojaragua.com.br/o-teatro/), São Paulo, Brasil.

content/photos/2018-01-15-a-revolucao-nao-sera-televisionada.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-15T00:00:00.000Z
+
+title: A Revolução Não Será Televisionada
+image: 2018-01-15-a-revolucao-nao-sera-televisionada.jpg
+---
+
+Estação da Luz, São Paulo, Brasil

content/photos/2018-01-17-instituto-ricardo-brennand.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-17T00:00:00.000Z
+
+title: Instituto Ricardo Brennand
+image: 2018-01-17-instituto-ricardo-brennand.jpg
+---
+
+[Instituto Ricardo Brennand](http://www.institutoricardobrennand.org.br), Recife, Brasil.

content/photos/2018-01-26-auditorio-ibirapuera.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-26T00:00:00.000Z
+
+title: Auditório Ibirapuera
+image: 2018-01-26-auditorio-ibirapuera.jpg
+---
+
+[Auditório do Ibirapuera](http://www.auditorioibirapuera.com.br) no Parque Ibirapuera, São Paulo, Brasil. Designed by Oscar Niemeyer in 1951, built from 2002-2005.

content/photos/2018-01-26-oca-do-ibirapuera-i.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-26T00:00:00.000Z
+
+title: Oca do Ibirapuera I
+image: 2018-01-26-oca-do-ibirapuera-i.jpg
+---
+
+[Pavilhão Lucas Nogueira Garcez](https://parqueibirapuera.org/equipamentos-parque-ibirapuera/oca-do-ibirapuera/), popularmente conhecido como Oca no Parque Ibirapuera, São Paulo, Brasil. Designed by Oscar Niemeyer and built in 1951.

content/photos/2018-01-26-oca-do-ibirapuera-ii.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-26T00:00:00.000Z
+
+title: Oca do Ibirapuera II
+image: 2018-01-26-oca-do-ibirapuera-ii.jpg
+---
+
+[Pavilhão Lucas Nogueira Garcez](https://parqueibirapuera.org/equipamentos-parque-ibirapuera/oca-do-ibirapuera/), popularmente conhecido como Oca no Parque Ibirapuera, São Paulo, Brasil. Designed by Oscar Niemeyer and built in 1951.

content/photos/2018-01-26-pavilhao-das-culturas-brasileiras.md

@@ -0,0 +1,9 @@
+---
+type: photo
+date: 2018-01-26T00:00:00.000Z
+
+title: Pavilhão das Culturas Brasileiras
+image: 2018-01-26-pavilhao-das-culturas-brasileiras.jpg
+---
+
+[Pavilhão das Culturas Brasileiras](https://parqueibirapuera.org/equipamentos-parque-ibirapuera/pavilhao-das-culturas-brasileiras/) no Parque Ibirapuera, São Paulo, Brasil. Designed by Oscar Niemeyer and built in 1951.

src/pages/photos.jsx

@@ -52,7 +52,12 @@ export const photosQuery = graphql`
             type
             image {
               childImageSharp {
-                fluid(maxWidth: 400, maxHeight: 400, quality: 85) {
+                fluid(
+                  maxWidth: 400
+                  maxHeight: 400
+                  quality: 85
+                  cropFocus: CENTER
+                ) {
                   ...GatsbyImageSharpFluid_withWebp
                 }
               }

src/templates/Post.jsx

@@ -42,11 +42,14 @@ const Post = ({ data, location }) => {
         <article className={styles.hentry}>
           <PostTitle type={type} linkurl={linkurl} title={title} />
           {type === 'post' && <PostLead post={post} />}
+          {type === 'photo' && <PostContent post={post} />}
           {image && (
             <PostImage fluid={image.childImageSharp.fluid} alt={title} />
           )}
           {image && image.fields && <Exif exif={image.fields.exif} />}
-          <PostContent post={post} />
+
+          {type !== 'photo' && <PostContent post={post} />}
+
           {type === 'link' && <PostLinkActions slug={slug} linkurl={linkurl} />}
           <PostActions slug={slug} url={meta.siteUrl} />
           <PostMeta post={post} meta={meta} />