{"version":3,"file":"component---src-pages-contact-tsx-1919d6bc945d26a467a0.js","mappings":"wJAKMA,EAAa,UACbC,EAAS,8DAETC,EAAU,CACZ,CAAEC,KAAM,WAAYC,IAAK,6BAA8BC,KAAM,qBAC7D,CAAEF,KAAM,UAAWC,IAAK,oCAAqCC,KAAM,cACnE,CAAEF,KAAM,SAAUC,IAAK,mCAAoCC,KAAM,kBAG/DC,EAAc,SAAC,GAAgB,IAAdC,EAAa,EAAbA,OACnB,OACIC,EAAAA,cAAAA,IAAAA,CAAGC,UAAU,iHAAiHC,KAAMH,EAAOH,IAAKO,OAAO,SAASC,IAAI,cAChKJ,EAAAA,cAACK,EAAAA,EAAD,CAAMC,aAAa,EAAMX,KAAMI,EAAOF,SAiClD,UA5BoB,WAChB,OACIG,EAAAA,cAACO,EAAAA,EAAD,CAAQC,QAAQ,EAAMC,MAAM,WACxBT,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,oDACXD,EAAAA,cAAAA,MAAAA,KACIA,EAAAA,cAAAA,IAAAA,CAAGE,KAAMT,EAAQU,OAAO,SAASC,IAAI,cACjCJ,EAAAA,cAACU,EAAAA,EAAD,CAAaC,IAAG,gCAAyCV,UAAU,oBAAoBW,IAAI,uBAA3F,uBAEJZ,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,UACXD,EAAAA,cAAAA,OAAAA,CAAMC,UAAU,cAAhB,WACAD,EAAAA,cAAAA,IAAAA,CAAGE,KAAMT,EAAQU,OAAO,SAASC,IAAI,cAAcZ,KAG3DQ,EAAAA,cAAAA,MAAAA,KACIA,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,kBAAf,wDAIJD,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,8CACVP,EAAQmB,KAAI,SAAAC,GAAC,OACVd,EAAAA,cAACF,EAAD,CAAaiB,IAAKD,EAAEnB,KAAMI,OAAQe,Y","sources":["webpack://fluffle/./src/pages/contact.tsx"],"sourcesContent":["import * as React from 'react'\nimport Layout from '../components/layout'\nimport { StaticImage } from 'gatsby-plugin-image'\nimport Icon from '../components/icon'\n\nconst artistName = 'Oggy123'\nconst artUrl = 'https://twitter.com/OggyOsbourne/status/1294700124187262976'\n\nconst socials = [\n    { name: 'Telegram', url: 'https://t.me/NoppesTheFolf', icon: 'fa-telegram-plane' },\n    { name: 'Twitter', url: 'https://twitter.com/NoppesTheFolf', icon: 'fa-twitter' },\n    { name: 'GitHub', url: 'https://github.com/NoppesTheFolf', icon: 'fa-github-alt' }\n];\n\nconst SocialBadge = ({ social }) => {\n    return (\n        <a className=\"transition-colors m-2 text-4xl fill-light-100 hover:fill-dark-400 hover:bg-light-100 p-3 rounded-full border-2\" href={social.url} target=\"_blank\" rel=\"noreferrer\">\n            <Icon inheritSize={true} name={social.icon} />\n        </a>\n    )\n}\n\nconst ContactPage = () => {\n    return (\n        <Layout center={true} title=\"Contact\">\n            <div className=\"flex flex-col items-center space-y-6 text-center\">\n                <div>\n                    <a href={artUrl} target=\"_blank\" rel=\"noreferrer\">\n                        <StaticImage alt={`NoppesTheFolf icon by ${artistName}`} className=\"w-64 rounded-full\" src=\"../images/noppes.jpg\" />\n                    </a>\n                    <div className=\"italic\">\n                        <span className=\"text-muted\">Art by </span>\n                        <a href={artUrl} target=\"_blank\" rel=\"noreferrer\">{artistName}</a>\n                    </div>\n                </div>\n                <div>\n                    <div className=\"w-72 sm:w-full\">\n                        Found a bug? Got a feature request? Contact a folf.\n                    </div>\n                </div>\n                <div className=\"flex flex-wrap justify-center items-center\">\n                    {socials.map(s => (\n                        <SocialBadge key={s.name} social={s}></SocialBadge>\n                    ))}\n                </div>\n            </div>\n        </Layout>\n    )\n}\n\nexport default ContactPage\n"],"names":["artistName","artUrl","socials","name","url","icon","SocialBadge","social","React","className","href","target","rel","Icon","inheritSize","Layout","center","title","StaticImage","alt","src","map","s","key"],"sourceRoot":""}