beauhaus / mix-blender-pro

mix-blender-pro

First functioning prototype of CSS Blendr (3 weeks)

---

npm i @mdx-js/mdx @mdx-js/react gatsby-plugin-mdx

"@mdx-js/mdx": "^1.6.1"

"@mdx-js/react": "^1.6.1"

"axios": "^0.19.2"

"dexie": "^3.0.1"

"dot-prop": "^5.2.0"

"gatsby-background-image": "^1.1.1" *NOT USED

"gatsby-plugin-manifest": "^2.4.9"

"gatsby-plugin-mdx": "^1.2.4"

"gsap": "^3.2.6"

"react-remove-scroll": "^2.3.0"

"react-scroll": "^1.8.0"

"react-slider": "^1.0.8"

"typeface-fugaz-one": "0.0.72"

"typeface-iceland": "0.0.72"

---

for future ref getting _withWebP

const data = useStaticQuery(graphql{ file: allFile(filter: {sourceInstanceName: {eq: "util-images"}, name: {eq: "bgnoise"}}) { nodes { sharp: childImageSharp { fluid { ...GatsbyImageSharpFluid_withWebp } } } } })

/_Context Notes _/

MixMode Context effects 4 things:

main img display article btn icon Mode label