+
+
+ )
+ }
+}
diff --git a/src/components/atoms/Exif.module.scss b/src/components/atoms/Exif.module.scss
index d463b4af..af3c2ea5 100644
--- a/src/components/atoms/Exif.module.scss
+++ b/src/components/atoms/Exif.module.scss
@@ -2,10 +2,13 @@
@import 'mixins';
.exif {
+ margin-top: -($spacer);
+ margin-bottom: $spacer * 2;
+}
+
+.data {
font-size: $font-size-mini;
color: $brand-grey-light;
- margin-top: -($spacer * 1.25);
- margin-bottom: $spacer * 2;
display: flex;
flex-wrap: wrap;
text-align: center;
@@ -30,3 +33,13 @@
}
}
}
+
+.map {
+ @include breakoutviewport;
+
+ border-radius: $border-radius;
+ overflow: hidden;
+ margin-top: $spacer / 2;
+ border: 1px solid $brand-grey-dimmed;
+ height: 160px;
+}
diff --git a/src/templates/Post.jsx b/src/templates/Post.jsx
index 09a9569d..08fd4333 100644
--- a/src/templates/Post.jsx
+++ b/src/templates/Post.jsx
@@ -81,6 +81,10 @@ export const pageQuery = graphql`
shutterspeed
focalLength
exposure
+ gps {
+ latitude
+ longitude
+ }
}
}
}