component---src-pages-facinghomelessness-jsx-842dbefe1b6b2455073d.js.map

{"version":3,"sources":["webpack:///./src/pages/facinghomelessness.jsx","webpack:///./src/elements/Section.jsx","webpack:///./src/views/Section.jsx","webpack:///./src/views/AltSection.jsx","webpack:///./src/images/facinghomelessness.jpg"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","react_spring_renderprops_addons_cjs__WEBPACK_IMPORTED_MODULE_1__","_components_Layout__WEBPACK_IMPORTED_MODULE_2__","_elements_Titles__WEBPACK_IMPORTED_MODULE_3__","_elements_Section__WEBPACK_IMPORTED_MODULE_4__","_views_Hero__WEBPACK_IMPORTED_MODULE_5__","_views_Section__WEBPACK_IMPORTED_MODULE_6__","_views_AltSection__WEBPACK_IMPORTED_MODULE_7__","_images_facinghomelessness_jpg__WEBPACK_IMPORTED_MODULE_8__","_images_facinghomelessness_jpg__WEBPACK_IMPORTED_MODULE_8___default","FacingHomelessness","a","createElement","Fragment","pages","offset","src","HeroImg","href","d","HeroImage","SectionCopy","AltSectionCopy","SectionList","SectionListItem","RoleWrapper","RoleHeader","RoleItem","styled_components__WEBPACK_IMPORTED_MODULE_0__","styled","img","withConfig","displayName","componentId","width","@media (min-width: 900px)","height","margin","marginTop","display","p","color","fontSize","@media (min-width: 600px)","paddingTop","lineHeight","ul","li","div","flexDirection","flexWrap","justifyContent","alignItems","borderRadius","prop_types__WEBPACK_IMPORTED_MODULE_1__","prop_types__WEBPACK_IMPORTED_MODULE_1___default","_elements_Dividers__WEBPACK_IMPORTED_MODULE_2__","_elements_Content__WEBPACK_IMPORTED_MODULE_3__","_elements_Inner__WEBPACK_IMPORTED_MODULE_4__","Projects","_ref","children","bg","speed","factor","propTypes","PropTypes","node","isRequired","number","_elements_Content__WEBPACK_IMPORTED_MODULE_2__","_elements_Inner__WEBPACK_IMPORTED_MODULE_3__","module","exports"],"mappings":"0FAAAA,EAAAC,EAAAC,GAAA,IAAAC,EAAAH,EAAA,GAAAI,EAAAJ,EAAAK,EAAAF,GAAAG,EAAAN,EAAA,KAAAO,EAAAP,EAAA,KAAAQ,EAAAR,EAAA,KAAAS,EAAAT,EAAA,KAAAU,EAAAV,EAAA,KAAAW,EAAAX,EAAA,KAAAY,EAAAZ,EAAA,KAAAa,EAAAb,EAAA,KAAAc,EAAAd,EAAAK,EAAAQ,GAwDeE,UArCY,kBACzBX,EAAAY,EAAAC,cAAAb,EAAAY,EAAAE,SAAA,KACEd,EAAAY,EAAAC,cAACV,EAAA,EAAD,MACAH,EAAAY,EAAAC,cAACX,EAAA,SAAD,CAAUa,MAAO,GACff,EAAAY,EAAAC,cAACP,EAAA,EAAD,CAAMU,OAAQ,GACZhB,EAAAY,EAAAC,cAACT,EAAA,EAAD,4BAGAJ,EAAAY,EAAAC,cAACR,EAAA,EAAD,KAAaL,EAAAY,EAAAC,cAACR,EAAA,EAAD,iBAAiCL,EAAAY,EAAAC,cAACR,EAAA,EAAD,6BAC9CL,EAAAY,EAAAC,cAACR,EAAA,EAAD,CAAWY,IAAKC,OAElBlB,EAAAY,EAAAC,cAACN,EAAA,EAAD,CAASS,OAAQ,GACfhB,EAAAY,EAAAC,cAACT,EAAA,EAAD,kBACAJ,EAAAY,EAAAC,cAACR,EAAA,EAAD,4NAAiOL,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAAtO,iXAAylBb,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAA9lB,qIAEFb,EAAAY,EAAAC,cAACL,EAAA,EAAD,CAAYQ,OAAQ,GAClBhB,EAAAY,EAAAC,cAACT,EAAA,EAAD,mBACAJ,EAAAY,EAAAC,cAACR,EAAA,EAAD,gDACAL,EAAAY,EAAAC,cAACR,EAAA,EAAD,KACEL,EAAAY,EAAAC,cAACR,EAAA,EAAD,gDACAL,EAAAY,EAAAC,cAACR,EAAA,EAAD,sEACAL,EAAAY,EAAAC,cAACR,EAAA,EAAD,4CACAL,EAAAY,EAAAC,cAACR,EAAA,EAAD,4BAGJL,EAAAY,EAAAC,cAACN,EAAA,EAAD,CAASS,OAAQ,GACfhB,EAAAY,EAAAC,cAACT,EAAA,EAAD,gBACAJ,EAAAY,EAAAC,cAACR,EAAA,EAAD,4LAAiML,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAAtM,uKAA+Wb,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAApX,qCAA2Zb,EAAAY,EAAAC,cAAA,KAAGM,KAAK,gCAAR,eAA3Z,8KAEFnB,EAAAY,EAAAC,cAACL,EAAA,EAAD,CAAYQ,OAAQ,GAClBhB,EAAAY,EAAAC,cAACT,EAAA,EAAD,mBACAJ,EAAAY,EAAAC,cAACR,EAAA,EAAD,KAAgBL,EAAAY,EAAAC,cAAA,KAAGM,KAAK,uCAAR,mBAAiEnB,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAA3F,8MAA2Sb,EAAAY,EAAAC,cAAA,WAAKb,EAAAY,EAAAC,cAAA,WAAhT,uSClDRjB,EAAAwB,EAAAtB,EAAA,sBAAAuB,IAAAzB,EAAAwB,EAAAtB,EAAA,sBAAAwB,IAAA1B,EAAAwB,EAAAtB,EAAA,sBAAAyB,IAAA3B,EAAAwB,EAAAtB,EAAA,sBAAA0B,IAAA5B,EAAAwB,EAAAtB,EAAA,sBAAA2B,IAAA7B,EAAAwB,EAAAtB,EAAA,sBAAA4B,IAAA9B,EAAAwB,EAAAtB,EAAA,sBAAA6B,IAAA/B,EAAAwB,EAAAtB,EAAA,sBAAA8B,IAAA,IAAAC,EAAAjC,EAAA,KAGayB,EAAYS,IAAOC,IAAVC,WAAA,CAAAC,YAAA,qBAAAC,YAAA,YAAGJ,CAAH,UAAAK,MAAA,OAAAC,4BAAA,CAAAD,MAAA,OAAAE,OAAA,SAAAA,OAAA,OAAAC,OAAA,OAAAC,UAAA,OAAAC,QAAA,UAITlB,EAAcQ,IAAOW,EAAVT,WAAA,CAAAC,YAAA,uBAAAC,YAAA,YAAGJ,CAAH,UAAAY,MAAA,OAAAC,SAAA,WAAAC,4BAAA,CAAAD,SAAA,UAAAE,WAAA,QAAAT,4BAAA,CAAAO,SAAA,SAAAR,MAAA,OAAAU,WAAA,SAAAV,MAAA,MAAAW,WAAA,QAIXvB,EAAiBO,IAAOW,EAAVT,WAAA,CAAAC,YAAA,0BAAAC,YAAA,YAAGJ,CAAH,UAAAY,MAAA,UAAAC,SAAA,WAAAC,4BAAA,CAAAD,SAAA,UAAAE,WAAA,QAAAT,4BAAA,CAAAO,SAAA,SAAAR,MAAA,OAAAU,WAAA,SAAAV,MAAA,MAAAW,WAAA,QAIdtB,EAAcM,IAAOiB,GAAVf,WAAA,CAAAC,YAAA,uBAAAC,YAAA,YAAGJ,CAAH,aAIXL,EAAkBK,IAAOkB,GAAVhB,WAAA,CAAAC,YAAA,2BAAAC,YAAA,YAAGJ,CAAH,qCAAAY,MAAA,UAAAC,SAAA,WAAAC,4BAAA,CAAAD,SAAA,UAAAE,WAAA,QAAAT,4BAAA,CAAAO,SAAA,SAAAR,MAAA,OAAAU,WAAA,SAAAV,MAAA,MAAAW,WAAA,QAKfpB,EAAcI,IAAOmB,IAAVjB,WAAA,CAAAC,YAAA,uBAAAC,YAAA,YAAGJ,CAAH,UAAAU,QAAA,OAAAU,cAAA,MAAAC,SAAA,OAAAC,eAAA,SAAAC,WAAA,WAIX1B,EAAaG,IAAOmB,IAAVjB,WAAA,CAAAC,YAAA,sBAAAC,YAAA,YAAGJ,CAAH,kCAAAY,MAAA,YAKVd,EAAWE,IAAOmB,IAAVjB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,YAAGJ,CAAH,0EAAAwB,aAAA,6CCjCrB,IAAAvD,EAAAH,EAAA,GAAAI,EAAAJ,EAAAK,EAAAF,GAAAwD,EAAA3D,EAAA,GAAA4D,EAAA5D,EAAAK,EAAAsD,GAAAE,EAAA7D,EAAA,KAAA8D,EAAA9D,EAAA,KAAA+D,EAAA/D,EAAA,KAMMgE,EAAW,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAU9C,EAAb6C,EAAa7C,OAAb,OACfhB,EAAAY,EAAAC,cAAAb,EAAAY,EAAAE,SAAA,KACEd,EAAAY,EAAAC,cAAC4C,EAAA,EAAD,CAAeM,GAAG,OAAOC,OAAQ,GAAKhD,OAAWA,EAAL,KAAiBiD,OAAQ,IACrEjE,EAAAY,EAAAC,cAAC6C,EAAA,EAAD,CAASM,MAAO,GAAKhD,OAAWA,EAAL,KAAiBiD,OAAQ,GAClDjE,EAAAY,EAAAC,cAAC8C,EAAA,EAAD,KAAQG,MAKCF,MAEfA,EAASM,UAAY,CACnBJ,SAAUK,IAAUC,KAAKC,WACzBrD,OAAQmD,IAAUG,OAAOD,8CCnB3B,IAAAtE,EAAAH,EAAA,GAAAI,EAAAJ,EAAAK,EAAAF,GAAAwD,EAAA3D,EAAA,GAAA4D,EAAA5D,EAAAK,EAAAsD,GAAAgB,EAAA3E,EAAA,KAAA4E,EAAA5E,EAAA,KAKMgE,EAAW,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAU9C,EAAb6C,EAAa7C,OAAb,OACfhB,EAAAY,EAAAC,cAAAb,EAAAY,EAAAE,SAAA,KACEd,EAAAY,EAAAC,cAAC0D,EAAA,EAAD,CAASP,MAAO,GAAKhD,OAAQA,GAC3BhB,EAAAY,EAAAC,cAAC2D,EAAA,EAAD,KAAQV,MAKCF,MAEfA,EAASM,UAAY,CACnBJ,SAAUK,IAAUC,KAAKC,WACzBrD,OAAQmD,IAAUG,OAAOD,iCCjB3BI,EAAAC,QAAiB9E,EAAA6C,EAAuB","file":"component---src-pages-facinghomelessness-jsx-842dbefe1b6b2455073d.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport tw from 'tailwind.macro'\nimport { Parallax } from 'react-spring/renderprops-addons.cjs'\n\n// Components\nimport Layout from '../components/Layout'\n\n// Elements\nimport { AltTitle, BigTitle } from '../elements/Titles'\nimport { HeroImage, RoleWrapper, RoleHeader, RoleItem, SectionCopy, AltSectionCopy, SectionList, SectionListItem} from '../elements/Section'\n\n// Views\nimport Hero from '../views/Hero'\nimport Section from '../views/Section'\nimport AltSection from '../views/AltSection'\n\nimport HeroImg from '../images/facinghomelessness.jpg'\n\nconst FacingHomelessness = () => (\n  <>\n    <Layout />\n    <Parallax pages={7}>\n      <Hero offset={0}>\n        <BigTitle>\n          Facing Homelessness\n        </BigTitle>\n        <RoleWrapper><RoleHeader>My Role:</RoleHeader><RoleItem>Full Stack Designer</RoleItem></RoleWrapper>\n        <HeroImage src={HeroImg}/>\n      </Hero>\n      <Section offset={1}>\n        <AltTitle>CHALLENGE</AltTitle>\n        <SectionCopy>Facing Homelessness uses visual storytelling and art advocacy to build a new awareness about our relationship to homelessness, believing that we can better address the issue when all of the community is involved.<br/><br/>Facing Homelessness is dedicated to showing the beauty of each person living on the street, believing that when you take the time to get to know someone that is living outside you can break through the negative stereotype associated with homelessness. And when you see that person's true beauty you can open your compassion and create a new connection of friendship.<br/><br/>It is this connection of friendship that is transformative to all of us as we reach out to address the complexity of this issue.</SectionCopy>\n      </Section>\n      <AltSection offset={3}>\n        <AltTitle>OBJECTIVES</AltTitle>\n        <AltSectionCopy>Meeting Business Goals + User Goals by:</AltSectionCopy>\n        <SectionList>\n          <SectionListItem>prioritize client's purpose and mission</SectionListItem>\n          <SectionListItem>improve the core usability of the site - taxonomy, navigation</SectionListItem>\n          <SectionListItem>ability to update content with ease</SectionListItem>\n          <SectionListItem>responsive design</SectionListItem>\n        </SectionList>\n      </AltSection>\n      <Section offset={4}>\n        <AltTitle>PROCESS</AltTitle>\n        <SectionCopy>Employed a variety of research methods(Crazy Egg, User Surveys, Social Media Analysis, Usability Test, Card Sort, Competitive Analysis) to understand user behavior and their needs.<br/><br/>After thoroughly analyzing the data, we performed multiple rounds of iterative design of varying fidelities, making sure Client & User Goals are met at every stage.<br/><br/>Upon confirming the final design, <a href=\"https://www.squarespace.com/\">Squarespace</a> was used to find a template that closely resembled the design. We handed it over to the Facing Homelessness team and they were debriefed on the workings of Squarespace.</SectionCopy>\n      </Section>\n      <AltSection offset={6}>\n        <AltTitle>EVALUATION</AltTitle>\n        <AltSectionCopy><a href=\"https://www.facinghomelessness.org/\">Link to Website</a><br/><br/><br/>Though it started out as 3-month class project as part of our Master's program, the work and the passion of the team at Facing Homelessness inspired me to continue working with them well after my tenure.<br/><br/>This experience instilled in me a new awareness about our relationship to the issue of homelessness and the profound difference in how we see and treat each other. After all, we are all human. So next time you see someone living outside, just say HELLO.</AltSectionCopy>\n      </AltSection>\n    </Parallax>\n  </>\n)\n\nexport default FacingHomelessness\n","import styled from 'styled-components'\nimport tw from 'tailwind.macro'\n\nexport const HeroImage = styled.img`\n  ${tw`w-full lg:w-auto h-auto lg:h-500px m-auto mt-8 block`};\n`\n\nexport const SectionCopy = styled.p`\n  ${tw`text-black text-lg md:text-xl lg:text-2xl pt-6 md:pt-12 w-9/10 lg:w-3/5 leading-normal`};\n`\n\nexport const AltSectionCopy = styled.p`\n  ${tw`text-white text-lg md:text-xl lg:text-2xl pt-6 md:pt-12 w-9/10 lg:w-3/5 leading-normal`};\n`\n\nexport const SectionList = styled.ul`\n  ${tw``};\n`\n\nexport const SectionListItem = styled.li`\n  ${tw`text-white text-lg md:text-xl lg:text-2xl pt-6 md:pt-12 w-9/10 lg:w-3/5 leading-normal`};\n  list-style-position: inside;\n`\n\nexport const RoleWrapper = styled.div`\n  ${tw`flex flex-row flex-wrap justify-center items-center`};\n`\n\nexport const RoleHeader = styled.div`\n  ${tw`text-white`};\n  margin: .4em .8em .4em 0;\n`\n\nexport const RoleItem = styled.div`\n  ${tw`rounded`};\n  margin: .4em .8em .4em 0;\n  padding: .45em .8em .4em;\n  background: #fff;\n`","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { DividerMiddle } from '../elements/Dividers'\nimport Content from '../elements/Content'\nimport Inner from '../elements/Inner'\n\nconst Projects = ({ children, offset }) => (\n  <>\n    <DividerMiddle bg=\"#fff\" speed={-0.2} offset={`${offset}.1`} factor={2} />\n    <Content speed={0.4} offset={`${offset}.2`} factor={2}>\n      <Inner>{children}</Inner>\n    </Content>\n  </>\n)\n\nexport default Projects\n\nProjects.propTypes = {\n  children: PropTypes.node.isRequired,\n  offset: PropTypes.number.isRequired,\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Content from '../elements/Content'\nimport Inner from '../elements/Inner'\n\nconst Projects = ({ children, offset }) => (\n  <>\n    <Content speed={0.4} offset={offset}>\n      <Inner>{children}</Inner>\n    </Content>\n  </>\n)\n\nexport default Projects\n\nProjects.propTypes = {\n  children: PropTypes.node.isRequired,\n  offset: PropTypes.number.isRequired,\n}\n","module.exports = __webpack_public_path__ + \"static/facinghomelessness-91aa76ddfa76baedd78a23ec9800ec73.jpg\";"],"sourceRoot":""}