{"version":3,"file":"component---src-pages-contact-tsx-49337ee4ddf352035805.js","mappings":"0JAKMA,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,OACI,qBAAGC,UAAU,iHAAiHC,KAAMF,EAAOH,IAAKM,OAAO,SAASC,IAAI,cAChK,gBAAC,IAAD,CAAMC,aAAa,EAAMT,KAAMI,EAAOF,SAiClD,UA5BoB,WAChB,OACI,gBAAC,IAAD,CAAQQ,QAAQ,EAAMC,MAAM,WACxB,uBAAKN,UAAU,oDACX,2BACI,qBAAGC,KAAMR,EAAQS,OAAO,SAASC,IAAI,cACjC,gBAAC,EAAAI,EAAD,CAAaC,IAAG,gCAAyCR,UAAU,oBAAoBS,IAAI,uBAA3F,uBAEJ,uBAAKT,UAAU,UACX,wBAAMA,UAAU,cAAhB,WACA,qBAAGC,KAAMR,EAAQS,OAAO,SAASC,IAAI,cAAcX,KAG3D,2BACI,uBAAKQ,UAAU,kBAAf,wDAIJ,uBAAKA,UAAU,8CACVN,EAAQgB,KAAI,SAAAC,GAAC,OACV,gBAACb,EAAD,CAAac,IAAKD,EAAEhB,KAAMI,OAAQY,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","className","href","target","rel","inheritSize","center","title","S","alt","src","map","s","key"],"sourceRoot":""}