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" "Dribbble": "https://dribbble.com/kremalicious"
}, },
"availability": { "availability": {
"status": true, "status": false,
"available": "👔 Available for new projects. <a href=\"mailto:m@kretschmann.io\">Let’s talk</a>!", "available": "👔 Available for new projects. <a href=\"mailto:m@kretschmann.io\">Let’s talk</a>!",
"unavailable": "Not available for new projects." "unavailable": "Not available for new projects."
}, },

4
gatsby-node.js
View File

@ -44,8 +44,6 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
id id
childImageSharp { childImageSharp {
sizes(maxWidth: 500) { sizes(maxWidth: 500) {
base64
tracedSVG
aspectRatio aspectRatio
src src
srcSet srcSet
@ -65,8 +63,6 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
id id
childImageSharp { childImageSharp {
sizes(maxWidth: 500) { sizes(maxWidth: 500) {
base64
tracedSVG
aspectRatio aspectRatio
src src
srcSet srcSet

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

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

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

@ -3,6 +3,7 @@
.project__nav { .project__nav {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
overflow: hidden;
} }
.project__nav__image { .project__nav__image {
@ -11,7 +12,7 @@
} }
.project__nav__item { .project__nav__item {
flex: 0 0 48%; flex: 1 1 48%;
position: relative; position: relative;
transition: .2s ease-out; transition: .2s ease-out;
max-width: 500px; max-width: 500px;

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

@ -16,8 +16,12 @@
text-align: center; text-align: center;
background: rgba(#fff, .15); background: rgba(#fff, .15);
color: $brand-grey-light; color: $brand-grey-light;
flex: 0 0 calc(33% - #{$spacer / 2});
margin-left: $spacer / 2; margin-left: $spacer / 2;
margin-bottom: $spacer / 2; margin-bottom: $spacer / 2;
flex: 0 0 calc(50% - #{$spacer / 2});
@media (min-width: 35rem) {
flex-basis: calc(33% - #{$spacer / 2});
}
} }
} }