m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00
Code Releases Activity

image & mobile tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-05-04 23:23:27 +02:00
parent a140b91e99
commit a6625b2c0e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
data/meta.json
View File

@ -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."
},

4
gatsby-node.js
View File

@ -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

2
src/components/atoms/ProjectImage.jsx
View File

@ -22,7 +22,7 @@ ProjectImage.propTypes = {
export const projectImage = graphql`
fragment ProjectImageSizes on ImageSharp {
sizes(maxWidth: 1200) {
...GatsbyImageSharpSizes_withWebp_tracedSVG
...GatsbyImageSharpSizes_withWebp_noBase64
}
}
`

3
src/components/molecules/ProjectNav.scss
View File

@ -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;

6
src/components/molecules/ProjectTechstack.scss
View File

@ -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});
}
}
}