From a6625b2c0e9d37efa04847c50ea62802df88b8c9 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 4 May 2018 23:23:27 +0200
Subject: [PATCH] image & mobile tweaks

---
 data/meta.json                                 | 2 +-
 gatsby-node.js                                 | 4 ----
 src/components/atoms/ProjectImage.jsx          | 2 +-
 src/components/molecules/ProjectNav.scss       | 3 ++-
 src/components/molecules/ProjectTechstack.scss | 6 +++++-
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/data/meta.json b/data/meta.json
index ec19852..4f2f233 100644
--- a/data/meta.json
+++ b/data/meta.json
@@ -11,7 +11,7 @@
     "Dribbble": "https://dribbble.com/kremalicious"
   },
   "availability": {
-    "status": true,
+    "status": false,
     "available": "👔 Available for new projects. <a href=\"mailto:m@kretschmann.io\">Let’s talk</a>!",
     "unavailable": "Not available for new projects."
   },
diff --git a/gatsby-node.js b/gatsby-node.js
index 46ba0a0..58d78d7 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -44,8 +44,6 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
                   id
                   childImageSharp {
                     sizes(maxWidth: 500) {
-                      base64
-                      tracedSVG
                       aspectRatio
                       src
                       srcSet
@@ -65,8 +63,6 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
                   id
                   childImageSharp {
                     sizes(maxWidth: 500) {
-                      base64
-                      tracedSVG
                       aspectRatio
                       src
                       srcSet
diff --git a/src/components/atoms/ProjectImage.jsx b/src/components/atoms/ProjectImage.jsx
index 93b1ff7..c41e936 100644
--- a/src/components/atoms/ProjectImage.jsx
+++ b/src/components/atoms/ProjectImage.jsx
@@ -22,7 +22,7 @@ ProjectImage.propTypes = {
 export const projectImage = graphql`
   fragment ProjectImageSizes on ImageSharp {
     sizes(maxWidth: 1200) {
-      ...GatsbyImageSharpSizes_withWebp_tracedSVG
+      ...GatsbyImageSharpSizes_withWebp_noBase64
     }
   }
 `
diff --git a/src/components/molecules/ProjectNav.scss b/src/components/molecules/ProjectNav.scss
index c6beb76..fc7dedd 100644
--- a/src/components/molecules/ProjectNav.scss
+++ b/src/components/molecules/ProjectNav.scss
@@ -3,6 +3,7 @@
 .project__nav {
     display: flex;
     justify-content: space-between;
+    overflow: hidden;
 }
 
 .project__nav__image {
@@ -11,7 +12,7 @@
 }
 
 .project__nav__item {
-    flex: 0 0 48%;
+    flex: 1 1 48%;
     position: relative;
     transition: .2s ease-out;
     max-width: 500px;
diff --git a/src/components/molecules/ProjectTechstack.scss b/src/components/molecules/ProjectTechstack.scss
index 6231edd..e811406 100644
--- a/src/components/molecules/ProjectTechstack.scss
+++ b/src/components/molecules/ProjectTechstack.scss
@@ -16,8 +16,12 @@
         text-align: center;
         background: rgba(#fff, .15);
         color: $brand-grey-light;
-        flex: 0 0 calc(33% - #{$spacer / 2});
         margin-left: $spacer / 2;
         margin-bottom: $spacer / 2;
+        flex: 0 0 calc(50% - #{$spacer / 2});
+
+        @media (min-width: 35rem) {
+            flex-basis: calc(33% - #{$spacer / 2});
+        }
     }
 }