{"version":3,"file":"component---src-pages-index-tsx-6b82dcc9407b57514cc3.js","mappings":"2KAIMA,EAAU,SAACC,GAAD,OACZC,EAAAA,cAACC,EAAAA,GAAD,iBAAUF,EAAV,CAAiBG,UAAU,wGAMzBC,EAAkB,SAACJ,GAAD,OACpBC,EAAAA,cAAAA,IAAAA,OAAAA,OAAAA,GAAOD,EAAP,CAAcG,UAAU,wGAwC5B,MAlCA,SAAgBH,GAEZ,OAAwBK,EAAAA,EAAAA,WAAS,GAA1BC,EAAP,KAAaC,EAAb,KAEMC,GAAeF,EAAO,OAAS,UAAY,kGAEjD,OACAL,EAAAA,cAAAA,SAAAA,CAAQE,UAAU,QACdF,EAAAA,cAAAA,MAAAA,CAAKE,UAAU,0EACXF,EAAAA,cAAAA,MAAAA,CAAKE,UAAU,qCACXF,EAAAA,cAACQ,EAAAA,EAAD,CAAaC,QAAQ,QAAQC,OAAQ,GAAIR,UAAU,OAAQS,IAAI,uBAAuBC,IAAI,cAA1F,sBACAZ,EAAAA,cAAAA,MAAAA,CAAKE,UAAU,kBACXF,EAAAA,cAAAA,SAAAA,CAAQa,QAAS,kBAAMP,GAAQ,SAAAD,GAAI,OAAKA,MAAOS,KAAK,SAASZ,UAAU,2EACnE,aAAW,eACXF,EAAAA,cAAAA,MAAAA,CAAKe,QAAQ,YAAYb,UAAU,wBAC/BF,EAAAA,cAAAA,OAAAA,CAAMgB,SAAS,UACXC,EAAE,2HAOtBjB,EAAAA,cAAAA,MAAAA,CAAKE,UAAWK,GACZP,EAAAA,cAACF,EAAD,CAASoB,GAAG,KAAZ,QACAlB,EAAAA,cAACF,EAAD,CAASoB,GAAG,UAAZ,gBACAlB,EAAAA,cAACG,EAAD,CAAiBgB,KAAK,YAAtB,WACAnB,EAAAA,cAACG,EAAD,CAAiBgB,KAAK,0CAAtB,iBCnChB,EAPe,kBACfnB,EAAAA,cAAAA,SAAAA,CAAQE,UAAU,gDACdF,EAAAA,cAAAA,IAAAA,KAAAA,qLCOJ,EARe,SAACD,GAAD,OACXC,EAAAA,cAAAA,EAAAA,SAAAA,KACIA,EAAAA,cAACoB,EAAD,MACCrB,EAAMsB,SACPrB,EAAAA,cAACsB,EAAD,S,8DCaR,UAfkB,WAEhB,OACEtB,EAAAA,cAACuB,EAAAA,EAAD,KACEvB,EAAAA,cAAAA,MAAAA,CAAKE,UAAU,YACbF,EAAAA,cAACQ,EAAAA,EAAD,CAAaC,QAAQ,QAAQe,OAAO,YAAYb,IAAI,qBAAqBC,IAAI,GAA7E,sBACAZ,EAAAA,cAAAA,MAAAA,CAAKE,UAAU,iFACbF,EAAAA,cAAAA,KAAAA,CAAIE,UAAU,qDAAd,0BACAF,EAAAA,cAAAA,IAAAA,CAAGE,UAAU,yBAAb,4D","sources":["webpack://chum-jar/./src/components/Header.tsx","webpack://chum-jar/./src/components/Footer.tsx","webpack://chum-jar/./src/components/Layout.tsx","webpack://chum-jar/./src/pages/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { StaticImage } from \"gatsby-plugin-image\"\r\nimport { Link } from \"gatsby\";\r\n\r\nconst NavLink = (props) => (\r\n    <Link {...props} className=\"\r\n        text-xl font-bold text-gray-200 transition-colors \r\n        duration-100 transform hover:text-red-400\" \r\n    />\r\n);\r\n\r\nconst ExternalNavLink = (props) => (\r\n    <a {...props} className=\"\r\n        text-xl font-bold text-gray-200 transition-colors \r\n        duration-100 transform hover:text-red-400\" \r\n    />\r\n);\r\n\r\nfunction Header(props) {\r\n\r\n    const [open, setOpen] = useState(false);\r\n\r\n    const menuClasses = (open ? 'flex' : 'hidden') + ' flex-col mt-2 space-y-4 md:flex md:space-y-0 md:flex-row md:items-center md:space-x-10 md:mt-0';\r\n\r\n    return (\r\n    <header className=\"my-3\">\r\n        <nav className=\"container px-6 py-4 mx-auto md:flex md:justify-between md:items-center\">\r\n            <div className=\"flex items-center justify-between\">\r\n                <StaticImage loading=\"eager\" height={96} className=\"mr-5\"  src=\"../images/banner.png\" alt=\"The ChumJar\" />\r\n                <div className=\"flex md:hidden\">\r\n                    <button onClick={() => setOpen(open => !open)} type=\"button\" className=\"text-gray-200 hover:text-gray-400 focus:outline-none focus:text-gray-400\"\r\n                        aria-label=\"toggle menu\">\r\n                        <svg viewBox=\"0 0 24 24\" className=\"w-6 h-6 fill-current\">\r\n                            <path fillRule=\"evenodd\"\r\n                                d=\"M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z\">\r\n                            </path>\r\n                        </svg>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n            \r\n            <div className={menuClasses}>\r\n                <NavLink to=\"/\">Home</NavLink>\r\n                <NavLink to=\"/rules\">Server Rules</NavLink>\r\n                <ExternalNavLink href=\"/discord\">Discord</ExternalNavLink>\r\n                <ExternalNavLink href=\"steam://connect/gs01.chumjar.net:28015\">Play Now!</ExternalNavLink>\r\n            </div>\r\n        </nav>\r\n    </header>\r\n    )\r\n}\r\n\r\nexport default Header;","import * as React from 'react';\r\n\r\n\r\nconst Footer = () => (\r\n<footer className=\"text-xs text-gray-500 container mx-auto mt-6\">\r\n    <p>This website is not affiliated with Facepunch Studios Ltd.\r\n    All rights reserved. All other trademarks and copyright are acknowledged as the property of their respective owners.</p>\r\n</footer>\r\n);\r\n\r\nexport default Footer;","import * as React from \"react\";\r\nimport Header from \"./Header\";\r\nimport Footer from \"./Footer\";\r\n\r\nconst Layout = (props) => (\r\n    <>\r\n        <Header />\r\n        {props.children}\r\n        <Footer />\r\n    </>\r\n);\r\n\r\nexport default Layout;","import * as React from \"react\"\nimport Layout from \"../components/Layout\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\n\n// markup\nconst IndexPage = () => {\n\n  return (\n    <Layout>\n      <div className=\"relative\">\n        <StaticImage loading=\"eager\" layout=\"fullWidth\" src=\"../images/hero.png\" alt=\"\" />\n        <div className=\"flex flex-col absolute top-0 left-0 items-center w-full h-full justify-center\">\n          <h2 className=\"text-3xl md:text-5xl font-bold text-gray-200 mb-3\">Welcome to The ChumJar</h2>\n          <p className=\"text-gray-200 text-xl\">A fun Vanilla+ Rust Server with a growing community</p>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default IndexPage\n"],"names":["NavLink","props","React","Link","className","ExternalNavLink","useState","open","setOpen","menuClasses","StaticImage","loading","height","src","alt","onClick","type","viewBox","fillRule","d","to","href","Header","children","Footer","Layout","layout"],"sourceRoot":""}