{"version":3,"sources":["webpack://crystal-landing-page/./src/components/teaser.module.scss","webpack://crystal-landing-page/./src/images/logoVideo3.webm","webpack://crystal-landing-page/./src/images/logoTransparentSmall2.png","webpack://crystal-landing-page/./src/components/teaser.js","webpack://crystal-landing-page/./src/pages/index.js","webpack://crystal-landing-page/./src/svgs/at.svg","webpack://crystal-landing-page/./src/svgs/discord.svg","webpack://crystal-landing-page/./src/svgs/twitter.svg"],"names":["backgroundContainer","useState","formValue","setFormValue","sentState","setSentState","useEffect","document","addEventListener","parallax","e","bg","querySelector","styles","bgCenterX","offsetLeft","offsetWidth","bgCenterY","offsetTop","offsetHeight","querySelectorAll","forEach","move","damp","getAttribute","mousePos","getMousePos","clientX","clientY","translateX","x","translateY","y","style","transform","xRef","yRef","panelRect","getBoundingClientRect","Math","floor","left","right","top","bottom","className","playsInline","autoPlay","muted","loop","poster","LogoPoster","src","LogoVideo","type","name","onSubmit","event","preventDefault","form","forms","fetch","method","body","FormData","onChange","target","value","placeholder","required","href","title","React","At","props","createElement","defaultProps","module","exports","default","Discord","Twitter"],"mappings":"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","file":"component---src-pages-index-js-1e928130cf6cf483de0c.js","sourcesContent":["// extracted by mini-css-extract-plugin\nexport var backgroundContainer = \"teaser-module--backgroundContainer--1XCV8\";\nexport var foregroundContainer = \"teaser-module--foregroundContainer--1HCNl\";\nexport var backgroundImage = \"teaser-module--backgroundImage--1hY8v\";\nexport var foregroundImage = \"teaser-module--foregroundImage--2jftn\";\nexport var contentContainer = \"teaser-module--contentContainer--rUHsU\";\nexport var staticImage = \"teaser-module--staticImage--1JB1B\";\nexport var description = \"teaser-module--description--jL5Em\";\nexport var formContainer = \"teaser-module--formContainer--1NL7a\";\nexport var emailContainer = \"teaser-module--emailContainer--lanRz\";\nexport var emailInput = \"teaser-module--emailInput--2HIkc\";\nexport var emailButton = \"teaser-module--emailButton--1OjxK\";\nexport var link = \"teaser-module--link--2mojM\";\nexport var mediaContainer = \"teaser-module--mediaContainer--25k5V\";\nexport var mediaElement = \"teaser-module--mediaElement--1FnSk\";\nexport var videoContainer = \"teaser-module--videoContainer--3N64P\";","export default __webpack_public_path__ + \"static/logoVideo3-c4234ed7bef027281f55dc82dd4a22e0.webm\";","export default __webpack_public_path__ + \"static/logoTransparentSmall2-fc68d2d477b6a54faed437406f4ed329.png\";","import * as React from \"react\";\nimport * as styles from './teaser.module.scss';\nimport { useState, useEffect } from 'react';\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport LogoVideo from '../images/logoVideo3.webm';\nimport LogoPoster from '../images/logoTransparentSmall2.png';\nimport Twitter from '../svgs/twitter.svg';\nimport At from '../svgs/at.svg';\nimport Discord from '../svgs/discord.svg';\n\nconst Teaser = () => {\n const [formValue, setFormValue] = useState('');\n const [sentState, setSentState] = useState(false);\n\n useEffect(() => {\n document.addEventListener(\"mousemove\", parallax);\n }, []);\n\n const handleChange = (event) => {\n setFormValue(event.target.value);\n setSentState(false);\n }\n\n const handleSubmit = (event) => {\n event.preventDefault();\n setFormValue('');\n setSentState(true);\n\n const scriptURL = 'https://script.google.com/macros/s/AKfycbwFUE7kKN0OwtGSBuwE2zO75Ms4kFsvqmgZFw6UDerSgrJ5X0zPQZX8VAzwHuU3J8WIMg/exec';\n const form = document.forms['submit-to'];\n fetch(scriptURL, { method: 'POST', body: new FormData(form) });\n }\n\n const parallax = (e) => {\n const bg = document.querySelector(`.${styles.backgroundContainer}`);\n const bgCenterX = bg.offsetLeft + (bg.offsetWidth / 2);\n const bgCenterY = bg.offsetTop + (bg.offsetHeight / 2);\n\n document.querySelectorAll(`[parallax]`).forEach(function (move) {\n const damp = move.getAttribute(\"parallax\");\n const mousePos = getMousePos(e.clientX, e.clientY, bg);\n const distX = mousePos.x - bgCenterX;\n const distY = mousePos.y - bgCenterY;\n\n const translateX = ((-1 * distX) / (12 * damp));\n const translateY = ((-1 * distY) / (12 * damp));\n\n move.style.transform = `scale(1.12) translate(${translateX}px, ${translateY}px)`;\n });\n }\n\n const getMousePos = (xRef, yRef, bg) => {\n let panelRect = bg.getBoundingClientRect();\n return {\n x: Math.floor(xRef - panelRect.left) / (panelRect.right - panelRect.left) * bg.offsetWidth,\n y: Math.floor(yRef - panelRect.top) / (panelRect.bottom - panelRect.top) * bg.offsetHeight\n };\n }\n\n return (\n
\n raise breed battle\n
*/}\n \n \n