{"version":3,"sources":["webpack:///./src/pages/australia-bushfires-infographic.js","webpack:///./src/components/PageWrapper/PageWrapper.js","webpack:///./src/sections/common/Contact.js","webpack:///./src/assets/image/png/subscribe-pattern.png"],"names":["WorkSingle","darkTheme","className","lg","variant","to","target","spy","smooth","offset","duration","arrowRight","xs","href","src","alt","style","marginTop","bg","color","device","md","py","themeConfigDefault","headerDark","bodyDark","footerDark","PageWrapper","children","themeConfig","gContext","useContext","GlobalContext","useEffect","changeTheme","SectionStyled","styled","Section","bgFooter","Contact","pattern","xl","module","exports"],"mappings":"goBA+GeA,UApGI,WACjB,OACE,oCACE,kBAAC,IAAD,CAAaC,WAAS,GACpB,kBAAC,IAAD,CAASC,UAAU,WACjB,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,GAAG,KACN,kBAAC,IAAD,CAAMC,QAAQ,OAAd,eACA,kBAAC,IAAD,CAAOA,QAAQ,QAAQF,UAAU,QAAjC,kCACkC,KAElC,qBACEE,QAAQ,KADV,6VAcR,yBAAKF,UAAU,WACb,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,GAAG,IAAID,UAAU,gBACpB,kBAAC,IAAD,CAAME,QAAQ,OAAd,QACA,kBAAC,IAAD,CAAOA,QAAQ,UAAUF,UAAU,QAAnC,oBAIF,kBAAC,IAAD,CAAKC,GAAG,IAAID,UAAU,gBACpB,kBAAC,IAAD,CAAME,QAAQ,OAAd,QACA,kBAAC,IAAD,CAAOA,QAAQ,UAAUF,UAAU,QAAnC,wBAIF,kBAAC,IAAD,CAAKC,GAAG,KACN,kBAAC,IAAD,CACEE,GAAG,uGAAuGC,OAAO,SACjHC,KAAK,EACLC,QAAQ,EACRC,QAAS,GACTC,SAAU,KAEV,kBAAC,IAAD,CAAQC,YAAU,GAAlB,uBAMV,kBAAC,IAAD,CAAST,UAAU,WACjB,kBAAC,IAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKU,GAAG,KAAKV,UAAU,QACrB,uBAAGW,KAAK,4CAA4CP,OAAO,UACzD,yBAAKQ,IAAK,yIAA0IC,IAAI,mCAAmCb,UAAU,uBAI3M,kBAAC,IAAD,CAAME,QAAQ,IAAIY,MAAO,CAACC,UAAW,KAArC,+DAGJ,kBAAC,IAAD,CAASC,GAAG,QACV,kBAAC,IAAD,KACE,yBAAKhB,UAAU,eACb,kBAAC,IAAD,CAAME,QAAQ,MAAMF,UAAU,OAAOiB,MAAM,cAA3C,gBAGA,kBAAC,IAAD,CAAMd,GAAG,qBACP,qBACEM,YAAU,EACVT,UAAU,2DAFZ,KAQakB,IAAOC,IARpB,wBAmBR,kBAAC,IAAD,CAAKC,GAAI,GACP,kBAAC,IAAD,W,yGCrGJC,EAAqB,CACzBC,YAAY,EACZC,UAAU,EACVC,YAAY,GAqBCC,EAlBK,SAAC,GAAyD,IAAvDC,EAAsD,EAAtDA,SAAsD,IAA5C3B,iBAA4C,aAAzB4B,mBAAyB,MAAX,KAAW,EACrEC,EAAWC,qBAAWC,KAc5B,OAZAC,qBAAU,WACJhC,EACF6B,EAASI,YAAY,CACnBV,YAAY,EACZC,UAAU,EACVC,YAAY,IAGdI,EAASI,YAAT,iBAA0BX,EAAuBM,MAElD,IAEI,oCAAGD,K,kCCzBZ,0GAOMO,EAAgBC,YAAOC,KAAV,6EAAGD,CAAH,uKAOGE,KA+DPC,IAzDC,SAAC,GAAwB,IAAD,IAArBC,eAAqB,SACtC,OACE,oCAEE,kBAACL,EAAD,CACEjC,UAAS,sBAAuBsC,EAAU,UAAY,KAEtD,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKtC,UAAU,6CACb,kBAAC,IAAD,CAAKC,GAAG,KAAKsC,GAAG,KAAKvC,UAAU,eAWzB,yBAAKA,UAAU,yDACb,kBAAC,IAAD,CACEW,KAAK,8BACLP,OAAO,SACPJ,UAAU,gBAHZ,wBAOA,0BAAMA,UAAU,0CAAhB,KAGA,kBAAC,IAAD,CACEW,KAAK,uBADP,gBAMA,0BAAMX,UAAU,0CAAhB,KAGA,kBAAC,IAAD,CACEW,KAAK,0CACLP,OAAO,UAFT,sC,qBC5DpBoC,EAAOC,QAAU,IAA0B","file":"component---src-pages-australia-bushfires-infographic-js-2b66a1dfd5d83d70e1f8.js","sourcesContent":["import React from \"react\";\nimport { Link } from \"gatsby\";\nimport { Container, Row, Col } from \"react-bootstrap\";\n\nimport { Section, Button, Title, Text, Box } from \"../components/Core\";\nimport PageWrapper from \"../components/PageWrapper\";\nimport Contact from \"../sections/common/Contact\";\nimport { device } from \"../utils\";\n\nimport \"../assets/fonts/icon-font/css/style.css\";\n\nconst WorkSingle = () => {\n  return (\n    <>\n      <PageWrapper darkTheme>\n        <Section className=\"mt-lg-5\">\n          <Container>\n            <Row>\n              <Col lg=\"8\">\n                <Text variant=\"tag\">user design</Text>\n                <Title variant=\"secSm\" className=\"my-4\">\n                  Australia Bushfires Infographic{\" \"}\n                </Title>\n                <Text\n                  variant=\"p\"\n                  css={`\n                    max-width: 750px;\n                  `}\n                >\n                  Created and designed an infographic on the 2019-2020 Australian bushfire season. Followed an iterative design process and developed\n                  fluency in expressing information visually as diagrams, charts, maps, and icons. Gained a deep understanding of the nature of\n                  visual potential, visual design principles, and the impact of color and typography.\n                </Text>\n              </Col>\n            </Row>\n          </Container>\n        </Section>\n        <div className=\"mt-lg-3\">\n          <Container>\n            <Row>\n              <Col lg=\"4\" className=\"mb-4 mb-lg-0\">\n                <Text variant=\"tag\">Role</Text>\n                <Title variant=\"cardBig\" className=\"mt-3\">\n                  Visual Designer\n                </Title>\n              </Col>\n              <Col lg=\"4\" className=\"mb-4 mb-lg-0\">\n                <Text variant=\"tag\">Date</Text>\n                <Title variant=\"cardBig\" className=\"mt-3\">\n                  Jan 2020 - Mar 2020\n                </Title>\n              </Col>\n              <Col lg=\"4\">\n                <Link\n                  to=\"https://docs.google.com/presentation/d/1QAuKiD813I8H_LQYRR2cg_zYnvQ0pgmVPYijSB6YIKY/edit?usp=sharing\" target=\"_blank\"\n                  spy={true}\n                  smooth={true}\n                  offset={-50}\n                  duration={1000}\n                >\n                  <Button arrowRight>Design Process</Button>\n                </Link>\n              </Col>\n            </Row>\n          </Container>\n        </div>\n        <Section className=\"mt-lg-5\">\n          <Container>\n            <Row>\n              <Col xs=\"11\" className=\"mb-2\">\n                <a href=\"../../Australia_Bushfires_Infographic.pdf\" target=\"_blank\">\n                  <img src={\"https://res.cloudinary.com/ryandaaang/image/upload/v1616819500/Australian%20Bushfire%20Infographic/Australia_Bushfires_Infographic.png\"} alt=\"australian bushfires infographic\" className=\"img-fluid w-100\" />\n                </a>\n              </Col>\n            </Row>\n            <Text variant=\"p\" style={{marginTop: 30}}>Design Tools: Adobe Illustrator, Adobe Photoshop, Tableau</Text>\n          </Container>\n        </Section>\n        <Section bg=\"dark\">\n          <Container>\n            <div className=\"text-center\">\n              <Text variant=\"tag\" className=\"mb-1\" color=\"lightShade\">\n                Next Project\n              </Text>\n              <Link to=\"/carbon-emissions\">\n                <Button\n                  arrowRight\n                  className=\"border-0 bg-transparent shadow-none text-capitalize py-3\"\n                  css={`\n                    font-weight: 700\n                    font-size: 1.5rem;\n                    letter-spacing: -1.2px;\n                    line-height: 1.375;\n                    @media ${device.md} {\n                      font-size: 2rem;\n                    }\n                  `}\n                >\n                  Carbon Emissions\n                </Button>\n              </Link>\n            </div>\n          </Container>\n        </Section>\n        <Box py={4}>\n          <Contact />\n        </Box>\n      </PageWrapper>\n    </>\n  );\n};\nexport default WorkSingle;\n","import React, { useEffect, useContext } from \"react\";\n\nimport GlobalContext from \"../../context/GlobalContext\";\n\nconst themeConfigDefault = {\n  headerDark: false,\n  bodyDark: false,\n  footerDark: false,\n};\n\nconst PageWrapper = ({ children, darkTheme = false, themeConfig = null }) => {\n  const gContext = useContext(GlobalContext);\n\n  useEffect(() => {\n    if (darkTheme) {\n      gContext.changeTheme({\n        headerDark: true,\n        bodyDark: true,\n        footerDark: true,\n      });\n    } else {\n      gContext.changeTheme({ ...themeConfigDefault, ...themeConfig });\n    }\n  }, []);\n\n  return <>{children}</>;\n};\n\nexport default PageWrapper;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Container, Row, Col } from \"react-bootstrap\";\n\nimport { Title, Section, Box, LinkContact } from \"../../components/Core\";\nimport bgFooter from \"../../assets/image/png/subscribe-pattern.png\";\n\nconst SectionStyled = styled(Section)`\n  &.pattern::before {\n    position: absolute;\n    bottom: -150px;\n    content: \"\";\n    width: 120%;\n    height: 150%;\n    background: url(${bgFooter}) bottom center no-repeat;\n    background-size: cover;\n    z-index: -1;\n  }\n`;\n\nconst Contact = ({ pattern = true }) => {\n  return (\n    <>\n      {/* <!-- Hero Area --> */}\n      <SectionStyled\n        className={`position-relative ${pattern ? \"pattern\" : \"\"}`}\n      >\n        <Container>\n          <Row className=\"justify-content-center align-items-center\">\n            <Col lg=\"11\" xl=\"10\" className=\"text-center\">\n              {/* <Box> */}\n                {/* <Title variant=\"secSm\">\n                  I am taking new projects. Waiting to hearing about new\n                  projects, so if you'd like to chat please get in touch.\n                </Title> */}\n\n                {/* <Box\n                  className=\"text-center d-flex justify-content-center\"\n                  mt={[\"3rem\", null, \"4rem\"]}\n                > */}\n                  <div className=\"d-flex flex-column flex-lg-row justify-content-center\">\n                    <LinkContact\n                      href=\"mailto:ryandaaang@gmail.com\"\n                      target=\"_blank\"\n                      className=\"mb-2 mb-lg-0\"\n                    >\n                      ryandaaang@gmail.com\n                    </LinkContact>\n                    <span className=\"divider mx-2 mx-lg-4 d-none d-lg-block\">\n                      |\n                    </span>\n                    <LinkContact\n                      href=\"tel:+1-206-471-4243\"\n                      // target=\"_blank\"\n                    >\n                      206.471.4243\n                    </LinkContact>\n                    <span className=\"divider mx-2 mx-lg-4 d-none d-lg-block\">\n                      |\n                    </span>\n                    <LinkContact\n                      href=\"https://www.linkedin.com/in/ryandaaang/\"\n                      target=\"_blank\"\n                    >\n                      LinkedIn.com/in/ryandaaang\n                    </LinkContact>\n                  </div>\n                {/* </Box> */}\n              {/* </Box> */}\n            </Col>\n          </Row>\n        </Container>\n      </SectionStyled>\n    </>\n  );\n};\n\nexport default Contact;\n","module.exports = __webpack_public_path__ + \"static/subscribe-pattern-e463f88e3b2788bd4d4e8286db1a5283.png\";"],"sourceRoot":""}