{"version":3,"sources":["webpack://gatsby-tailwind/./src/components/headers/header1.jsx","webpack://gatsby-tailwind/./src/components/headers/linkableH2.jsx","webpack://gatsby-tailwind/./src/pages/about.jsx"],"names":["Header1","children","dataId","className","data-id","defaultProps","id","replace","toLowerCase","href","style","fontSize","textDecorationThickness","noMarginTop","title","Link","to"],"mappings":"uIAGMA,EAAU,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUC,EAAb,EAAaA,OAAb,OACd,sBACEC,UAAU,kDACVC,UAASF,GAERD,IASLD,EAAQK,aAAe,CACrBH,OAAQ,MAGV,O,sHCUA,EA5BmB,SAAC,GAAkB,IAAhBD,EAAe,EAAfA,SACdK,EAAKL,EAASM,QAAQ,KAAM,KAAKC,cAEvC,OACE,2BACE,qBACEL,UAAU,uDACVM,KAAI,IAAMH,GAEV,sBACEA,GAAIA,EACJH,UAAU,4FACVO,MAAO,CAAEC,SAAU,OAAQC,wBAAyB,YAEnDX,GAEH,wBAAME,UAAU,kEAAhB,S,qGCyDR,UAtEc,kBACZ,gBAAC,IAAD,CAAQU,aAAW,GACjB,gBAAC,IAAD,CAAKC,MAAM,UACX,uBAAKX,UAAU,uBACb,uBAAKA,UAAU,uCACb,uBAAKA,UAAU,sBACb,gBAAC,IAAD,eAEF,uBAAKA,UAAU,mCACb,sCACa,IACX,qBAAGA,UAAU,gBAAgBM,KAAK,4BAAlC,wBAFF,iBAKiB,IACf,qBACEN,UAAU,gBACVM,KAAK,kDAFP,wBANF,KAcA,qCACY,IACV,qBAAGN,UAAU,gBAAgBM,KAAK,sBAAlC,cAFF,QAKQ,IACN,qBAAGN,UAAU,gBAAgBM,KAAK,gCAAlC,oBANF,KAWA,0DACiC,IAC/B,qBAAGN,UAAU,gBAAgBM,KAAK,6BAAlC,UAEK,IAJP,aAKa,IACX,qBAAGN,UAAU,gBAAgBM,KAAK,wBAAlC,SAEK,IARP,mBAWA,2DACkC,IAChC,qBAAGN,UAAU,gBAAgBM,KAAK,uBAAlC,QAFF,KAOA,uCACc,IACZ,qBAAGN,UAAU,gBAAgBM,KAAK,4BAAlC,eAFF,KAOA,2BACE,gBAAC,EAAAM,KAAD,CAAMC,GAAG,gBAAgBb,UAAU,iBAAnC","file":"component---src-pages-about-jsx-022a55a90489932d190e.js","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Header1 = ({ children, dataId }) => (\n  <h1\n    className=\"font-yrsa text-5xl font-bold tracking-wide mb-3\"\n    data-id={dataId}\n  >\n    {children}\n  </h1>\n);\n\nHeader1.propTypes = {\n  children: PropTypes.node.isRequired,\n  dataId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nHeader1.defaultProps = {\n  dataId: null,\n};\n\nexport default Header1;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst LinkableH2 = ({ children }) => {\n  const id = children.replace(/ /g, '-').toLowerCase();\n\n  return (\n    <div>\n      <a\n        className=\"-ml-4 px-4 inline-flex group items-center mb-2 mt-12\"\n        href={`#${id}`}\n      >\n        <h2\n          id={id}\n          className=\"font-yrsa font-medium text-zinc-900 group-hover:decoration-zinc-400 group-hover:underline\"\n          style={{ fontSize: '42px', textDecorationThickness: '0.075em' }}\n        >\n          {children}\n        </h2>\n        <span className=\"font-mono text-zinc-400 ml-2 text-4xl hidden group-hover:block\">\n          #\n        </span>\n      </a>\n    </div>\n  );\n};\n\nLinkableH2.propTypes = {\n  children: PropTypes.string.isRequired,\n};\n\nexport default LinkableH2;\n","import { Link } from 'gatsby';\nimport React from 'react';\nimport { Header1 } from '../components/headers';\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\n\nconst About = () => (\n  <Layout noMarginTop>\n    <SEO title=\"About\" />\n    <div className=\"flex justify-center\">\n      <div className=\"bg-white lg:w-2/3 mx-4 shadow pb-12\">\n        <div className=\"mx-4 lg:mx-16 my-8\">\n          <Header1>About</Header1>\n        </div>\n        <div className=\"mx-4 lg:mx-16 prose md:prose-lg\">\n          <p>\n            Website by{' '}\n            <a className=\"standard-link\" href=\"https://hartenfeller.dev\">\n              Philipp Hartenfeller\n            </a>\n            . Published as{' '}\n            <a\n              className=\"standard-link\"\n              href=\"https://github.com/phartenfeller/f1-stats-page\"\n            >\n              Open Source Software\n            </a>\n            .\n          </p>\n          <p>\n            Data from{' '}\n            <a className=\"standard-link\" href=\"http://ergast.com/\">\n              ergast.com\n            </a>\n            under{' '}\n            <a className=\"standard-link\" href=\"http://ergast.com/mrd/terms/\">\n              these conditions\n            </a>\n            .\n          </p>\n          <p>\n            The Website was developed with{' '}\n            <a className=\"standard-link\" href=\"https://www.gatsbyjs.com/\">\n              Gatsby\n            </a>{' '}\n            which uses{' '}\n            <a className=\"standard-link\" href=\"https://reactjs.org/\">\n              React\n            </a>{' '}\n            under the hood.\n          </p>\n          <p>\n            The charts a are developed with{' '}\n            <a className=\"standard-link\" href=\"https://nivo.rocks/\">\n              Nivo\n            </a>\n            .\n          </p>\n          <p>\n            Styled with{' '}\n            <a className=\"standard-link\" href=\"https://tailwindcss.com/\">\n              TailwindCSS\n            </a>\n            .\n          </p>\n          <div>\n            <Link to=\"/license-info\" className=\"standard-link\">\n              List of all open source software and licenses\n            </Link>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n);\n\nexport default About;\n"],"sourceRoot":""}