{"version":3,"file":"component---src-pages-downloads-en-us-js-2e3af2641f03c363604a.js","mappings":"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","sources":["webpack://anwc-chonkerkey-website/./src/components/DownloadCard.jsx","webpack://anwc-chonkerkey-website/./src/components/Download/DownloadOs.jsx","webpack://anwc-chonkerkey-website/./src/pages/downloads.en-US.js"],"sourcesContent":["import React from 'react';\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nconst DownloadCard = ({ title, description, image, url }) => {\n    return (\n        <div className=\"w-[24rem] flex flex-wrap my-6 justify-center\">\n            <div className=\"px-6\">\n                <div>\n                    <a href={url} target=\"_blank\" rel=\"noreferrer\">\n                        <GatsbyImage className=\"os-button\" width={60} image={image} alt={`ChonkerKeys Download ${title} image`} />\n                    </a>\n                </div>\n                <h1 className=\"text-center md:text-5xl my-6\">{title}</h1>\n                <p className=\"small\" >{description}</p>\n            </div >\n        </div >\n    )\n};\n\nexport default DownloadCard;\n","import React, {useEffect, useRef} from 'react';\nimport { injectIntl } from 'react-intl';\nimport DownloadCard from '../DownloadCard';\nimport { GatsbyImage } from \"gatsby-plugin-image\";\n<style>\n\n</style>\n\nconst DownloadOs = ({ winImage, winApp, macImage, macApp, zoomImage, teamsImage, skypeImage, meetImage, intl }) => {\n    const translate = messageId => intl.formatMessage({ id: messageId })\n    const ref = useRef(null);\n    const scrollToElement = () => {\n    ref.current?.scrollIntoView({ behavior: 'smooth' });\n  };\n    console.log(macApp)\n    useEffect(() => {\n      scrollToElement();\n    }, []);\n\n    return (\n        <div className=\"h-full bg-cklightyellow\">\n            <div className=\"container flex flex-col justify-center items-center text-center overflow-hidden py-32 mx-auto\" style={{ paddingTop: '96px' }}>\n                <h1 className=\"mb-8 text-5xl\" style={{ marginBottom:'0px'}}>{translate('download.title')}</h1>\n                <h1 className=\"max-w-[85%] md:max-w-[60%] my-8\">{translate('download.description')}</h1>\n                <div ref={ref} style={{display:\"hidden\", position: \"relative\", top: \"-96px\"}}></div>\n                <div className=\"flex flex-col md:flex-row md:justify-center\">\n                    <DownloadCard title=\"Windows\" description={translate('download.windows.compatibility')} image={winImage} url={winApp} />\n                    <DownloadCard title=\"Mac\" description={translate('download.mac.compatibility')} image={macImage} url={macApp} />\n                </div>\n                <div className=\"flex flex-col md:flex-row md:justify-center\">\n                    <div className=\"w-[24rem] flex-wrap my-2 mx-2 justify-center\" style={{backgroundColor:'white', marginBottom: '20px', paddingTop:'20px', paddingLeft:'32px', paddingRight:'20px', paddingBottom:'20px', borderRadius:'40px', boxShadow:'0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.2)'}}>\n                        <h1 className=\"text-center md:text-2xl my-2\" style={{marginLeft:\"-13px\"}}>What's New in 1.5.0.0</h1>\n                        <p className=\"md:text-xs\" style={{marginLeft:\"-13px\"}}>Last updated 3 Jan 2024</p>\n                            <ul className=\"text-left md:text my-1 mx-2\" style={{color:\"rgb(45 55 72)\"}}>\n                                <li className=\"md:text-lg\" style={{fontWeight: 'bold'}}>New Feature</li>\n                                <li className=\"md:text-sm\"><span style={{marginLeft: \"-27px\", marginRight: \"5px\"}}>⭐️</span>New custom icons in the Rearrange button screen for selecting the bonus keycaps!!</li>\n                            </ul>\n                    </div>\n                    <div className=\"w-[24rem] flex-wrap my-2 mx-2 justify-center\" style={{backgroundColor:'white', marginBottom: '20px', paddingTop:'20px', paddingLeft:'32px', paddingRight:'20px', paddingBottom:'20px', borderRadius:'40px', boxShadow:'0px 4px 8px 0px rgba(0, 0, 0, 0.2), 0px 6px 20px 0px rgba(0, 0, 0, 0.2)'}}>\n                        <h1 className=\"text-center md:text-2xl my-2\" style={{marginLeft:\"-13px\"}}>What's New in 1.5.00</h1>\n                        <p className=\"md:text-xs\" style={{marginLeft:\"-13px\"}}>Last updated 3 Jan 2024</p>\n                            <ul className=\"text-left md:text my-1 mx-2\" style={{color:\"rgb(45 55 72)\"}}>\n                                <li className=\"md:text-lg\" style={{fontWeight: 'bold'}}>New Feature</li>\n                                <li className=\"md:text-sm\"><span style={{marginLeft: \"-27px\", marginRight: \"5px\"}}>⭐️</span>New custom icons in the Rearrange button screen for selecting the bonus keycaps!!</li>\n                            </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default injectIntl(DownloadOs);\n","import { graphql, useStaticQuery } from \"gatsby\"\nimport React from \"react\"\nimport { getImage } from \"gatsby-plugin-image\"\nimport Layout from \"../layouts/Layout\"\nimport SiteMetadata from \"../components/SiteMetadata\"\nimport DownloadOs from \"../components/Download/DownloadOs\"\n\nconst DownloadPage = ({ location }) => {\n\n  const { win, mac, meta, macApp, winApp, zoom, teams, skype, meet } = useStaticQuery(graphql`\n  query downloadEnPageQuery {\n    meta: site {\n      siteMetadata {\n        languages {\n          defaultLangKey\n          langs\n        }\n      }\n    }\n    win: file(relativePath: {eq: \"DL-win.png\"}) {\n      childImageSharp {\n          gatsbyImageData (\n              width: 200\n              layout: CONSTRAINED\n              placeholder: BLURRED\n              formats: [AUTO, WEBP]\n            )\n        }\n      }\n    mac: file(relativePath: {eq: \"DL-mac.png\"}) {\n      childImageSharp {\n        gatsbyImageData (\n              width: 200\n              layout: CONSTRAINED\n              placeholder: BLURRED\n              formats: [AUTO, WEBP]\n            )\n        }\n      }\n    macApp: file(relativePath: {eq: \"ChonkerKeys.pkg\"}) {\n      publicURL\n    }\n    winApp: file(relativePath: {eq: \"ChonkerKeys.appxbundle\"}) {\n      publicURL\n    }\n    zoom: file(relativePath: {eq: \"DL-zoom.png\"}) {\n        childImageSharp {\n          gatsbyImageData (\n                height: 30\n                layout: CONSTRAINED\n                placeholder: BLURRED\n                formats: [AUTO, WEBP]\n              )\n          }\n        }\n    teams: file(relativePath: {eq: \"DL-teams.png\"}) {\n    childImageSharp {\n      gatsbyImageData (\n            height: 30\n            layout: CONSTRAINED\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n          )\n      }\n    }\n    skype: file(relativePath: {eq: \"DL-skype.png\"}) {\n        childImageSharp {\n          gatsbyImageData (\n                height: 30\n                layout: CONSTRAINED\n                placeholder: BLURRED\n                formats: [AUTO, WEBP]\n              )\n          }\n        }\n    meet: file(relativePath: {eq: \"DL-meet.png\"}) {\n    childImageSharp {\n      gatsbyImageData (\n            height: 27\n            layout: CONSTRAINED\n            placeholder: BLURRED\n            formats: [AUTO, WEBP]\n          )\n      }\n    }\n  }`)\n\n  const winImage = getImage(win)\n  const macImage = getImage(mac)\n  const zoomImage = getImage(zoom);\n  const teamsImage = getImage(teams);\n  const skypeImage = getImage(skype);\n  const meetImage = getImage(meet);\n\n  return (\n    <Layout data={meta} location={location}>\n      <SiteMetadata title=\"ChonkerKeys\" description=\"Keypads for video and computing\" />\n      <DownloadOs winImage={winImage} winApp={winApp.publicURL} macImage={macImage} macApp={macApp.publicURL} zoomImage={zoomImage} teamsImage={teamsImage} skypeImage={skypeImage} meetImage={meetImage} />\n    </Layout>\n  )\n}\n\nexport default DownloadPage\n\n"],"names":["title","description","image","url","className","href","target","rel","G","width","alt","injectIntl","winImage","winApp","macImage","macApp","intl","zoomImage","teamsImage","skypeImage","meetImage","translate","messageId","formatMessage","id","ref","useRef","console","log","useEffect","current","scrollIntoView","behavior","style","paddingTop","marginBottom","display","position","top","backgroundColor","paddingLeft","paddingRight","paddingBottom","borderRadius","boxShadow","marginLeft","color","fontWeight","marginRight","location","useStaticQuery","win","mac","meta","zoom","teams","skype","meet","getImage","data","publicURL"],"sourceRoot":""}