component---src-pages-fishtank-js-eba9d2bf05dd8c80b035.js.map

{"version":3,"sources":["webpack:///./src/pages/fishtank.js"],"names":["HeadingStyle","color","textAlign","padding","fontFamily","fontSize","container","display","justifyContent","maxWidth","marginLeft","marginRight","imageStyle","width","p","margin","link","textDecoration","chevronStyle","maxHeight","FishTank","data","useStaticQuery","style","background","title","id","fluid","main_menu","childImageSharp","href","screen1","screen2","screen3","end","to","chevron"],"mappings":"6FAAA,yFAoGMA,EAAe,CACnBC,MAAO,UACPC,UAAW,SACXC,QAAS,OACTC,WAAY,cACZC,SAAU,QAINC,EAAY,CAChBC,QAAS,OACTC,eAAgB,gBAChBC,SAAS,QACTC,WAAY,OACZC,YAAa,QAGTC,EAAa,CACjBC,MAAO,OAGHC,EAAI,CACRb,MAAO,UACPG,WAAY,SACZS,MAAO,MACPX,UAAW,SACXa,OAAQ,QAGJC,EAAO,CACXf,MAAO,UACPC,UAAW,SACXE,WAAY,SACZa,eAAgB,QAGZC,EAAe,CACnBH,OAAQ,OACRN,SAAU,OACVU,UAAW,QAGEC,UAtIE,WACf,IAAMC,EAAOC,yBAAe,cA8C5B,OACE,kBAAC,IAAD,KACE,yBAAKC,MAAO,CAACC,WAAY,YACvB,kBAAC,IAAD,CAAKC,MAAM,aACX,wBAAIC,GAAG,MAAMH,MAAOvB,GAApB,YACA,kBAAC,IAAD,CAAKuB,MAAOjB,EAAWqB,MAAON,EAAKO,UAAUC,gBAAgBF,QAC7D,yBAAKJ,MAAOjB,GACV,yBAAKiB,MAAOT,GACV,gIACkG,uBAAGS,MAAOP,EAAMc,KAAK,2CAArB,QADlG,6BAGA,qHAIF,kBAAC,IAAD,CAAKP,MAAOX,EAAYe,MAAON,EAAKU,QAAQF,gBAAgBF,SAE9D,yBAAKJ,MAAOjB,GACV,kBAAC,IAAD,CAAKiB,MAAOX,EAAYe,MAAON,EAAKW,QAAQH,gBAAgBF,QAC5D,yBAAKJ,MAAOT,GACV,yHAGA,2GAKJ,yBAAKS,MAAOjB,GACV,yBAAKiB,MAAOT,GACV,sDACwB,uBAAGS,MAAOP,EAAMc,KAAK,qCAArB,WADxB,+CAIF,kBAAC,IAAD,CAAKP,MAAOX,EAAYe,MAAON,EAAKY,QAAQJ,gBAAgBF,SAE9D,kBAAC,IAAD,CAAKJ,MAAOjB,EAAWqB,MAAON,EAAKa,IAAIL,gBAAgBF,QACvD,kBAAC,OAAD,CAAMQ,GAAG,QACL,kBAAC,IAAD,CAAKZ,MAAOL,EAAcS,MAAON,EAAKe,QAAQP,gBAAgBF","file":"component---src-pages-fishtank-js-eba9d2bf05dd8c80b035.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\n\nconst FishTank = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      main_menu: file(relativePath: { eq: \"fishtank/main_menu.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 2000) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      screen1: file(relativePath: { eq: \"fishtank/screen1.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 2000) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      screen2: file(relativePath: { eq: \"fishtank/screen2.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 2000) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      screen3: file(relativePath: { eq: \"fishtank/screen3.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 2000) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      end: file(relativePath: { eq: \"fishtank/end.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 2000) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      chevron: file(relativePath: { eq: \"icons/chevron_site.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 200) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n  return (\n    <Layout>\n      <div style={{background: '#F4F1DE'}}>\n        <SEO title=\"FishTank\" />\n        <h1 id=\"top\" style={HeadingStyle}>FishTank</h1>\n        <Img style={container} fluid={data.main_menu.childImageSharp.fluid} />\n        <div style={container}>\n          <div style={p}>\n            <p>\n            FishTank is a web and mobile game created in Unity. I worked on Programming and Game Design while <a style={link} href=\"https://www.instagram.com/ludogavillet/\">Ludo</a> produced all Art assets.\n            </p>\n            <p>\n            We made the game one weekend when we wanted to participate in some form of a gamejam.\n            </p>\n          </div>\n          <Img style={imageStyle} fluid={data.screen1.childImageSharp.fluid} />\n        </div>\n        <div style={container}>\n          <Img style={imageStyle} fluid={data.screen2.childImageSharp.fluid} />\n          <div style={p}>\n            <p>\n            We wanted to create a calm, relaxing game based around a sea theme with a simple mechanic. \n            </p>\n            <p>\n            The message behind the game is to keep our oceans free of toxic materials.\n            </p>\n          </div>\n        </div>\n        <div style={container}>\n          <div style={p}>\n            <p>\n            FishTank is playable on <a style={link} href=\"https://dkeohane.itch.io/fishtank\">itch.io</a>. I've also put together an Android build.\n            </p>\n          </div>\n          <Img style={imageStyle} fluid={data.screen3.childImageSharp.fluid} />\n        </div>\n        <Img style={container} fluid={data.end.childImageSharp.fluid} />\n        <Link to=\"#top\">\n            <Img style={chevronStyle} fluid={data.chevron.childImageSharp.fluid} />\n        </Link>\n      </div>\n    </Layout>\n  )\n}\n\nconst HeadingStyle = {\n  color: '#21A59B',\n  textAlign: 'center',\n  padding: '50px',\n  fontFamily: 'Bitterbrush',\n  fontSize: '4rem'\n}\n\n\nconst container = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  maxWidth: `960px`,\n  marginLeft: 'auto',\n  marginRight: 'auto'\n}\n\nconst imageStyle = {\n  width: \"50%\"\n}\n\nconst p = {\n  color: '#3D405B',\n  fontFamily: 'Nunito',\n  width: \"40%\",\n  textAlign: 'center',\n  margin: 'auto'\n}\n\nconst link = {\n  color: '#d76229',\n  textAlign: 'center',\n  fontFamily: 'Nunito',\n  textDecoration: 'none',\n}\n\nconst chevronStyle = {\n  margin: 'auto',\n  maxWidth: '5rem',\n  maxHeight: '5rem'\n}\n\nexport default FishTank\n"],"sourceRoot":""}