component---src-pages-facinghomelessness-jsx-6b44b059a86e344d6798.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/video/TheReflector.mp4","webpack:///./src/assets/ProcessBook.pdf"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","styled_components__WEBPACK_IMPORTED_MODULE_1__","react_spring_renderprops_addons_cjs__WEBPACK_IMPORTED_MODULE_2__","_components_Layout__WEBPACK_IMPORTED_MODULE_3__","_elements_Titles__WEBPACK_IMPORTED_MODULE_4__","_elements_Section__WEBPACK_IMPORTED_MODULE_5__","_views_Hero__WEBPACK_IMPORTED_MODULE_6__","_views_Section__WEBPACK_IMPORTED_MODULE_7__","_views_AltSection__WEBPACK_IMPORTED_MODULE_8__","_video_TheReflector_mp4__WEBPACK_IMPORTED_MODULE_9__","_video_TheReflector_mp4__WEBPACK_IMPORTED_MODULE_9___default","_assets_ProcessBook_pdf__WEBPACK_IMPORTED_MODULE_10__","_assets_ProcessBook_pdf__WEBPACK_IMPORTED_MODULE_10___default","Video","styled","video","withConfig","displayName","componentId","width","@media (min-width: 900px)","height","margin","marginTop","display","boxShadow","Facinghomelessness","a","createElement","Fragment","pages","offset","controls","src","type","href","ProcessBook","d","HeroImage","SectionCopy","AltSectionCopy","SectionList","SectionListItem","RoleWrapper","RoleHeader","RoleItem","styled_components__WEBPACK_IMPORTED_MODULE_0__","img","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,EAAA,KAAAe,EAAAf,EAAAK,EAAAS,GAAAE,EAAAhB,EAAA,KAAAiB,EAAAjB,EAAAK,EAAAW,GAqBME,EAAQC,IAAOC,MAAVC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,gBAAGJ,CAAH,UAAAK,MAAA,OAAAC,4BAAA,CAAAD,MAAA,OAAAE,OAAA,SAAAA,OAAA,OAAAC,OAAA,OAAAC,UAAA,OAAAC,QAAA,QAAAC,UAAA,kEA0CIC,UAtCY,kBACzB3B,EAAA4B,EAAAC,cAAA7B,EAAA4B,EAAAE,SAAA,KACE9B,EAAA4B,EAAAC,cAACzB,EAAA,EAAD,MACAJ,EAAA4B,EAAAC,cAAC1B,EAAA,SAAD,CAAU4B,MAAO,GACf/B,EAAA4B,EAAAC,cAACtB,EAAA,EAAD,CAAMyB,OAAQ,GACZhC,EAAA4B,EAAAC,cAACxB,EAAA,EAAD,sBAGAL,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,KAAaN,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,iBAAiCN,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,+BAC9CN,EAAA4B,EAAAC,cAACf,EAAD,CAAOmB,UAAQ,GACbjC,EAAA4B,EAAAC,cAAA,UAAQK,IAAKlB,IAAOmB,KAAK,gBAG7BnC,EAAA4B,EAAAC,cAACrB,EAAA,EAAD,CAASwB,OAAQ,GACfhC,EAAA4B,EAAAC,cAACxB,EAAA,EAAD,kBACAL,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,sSAA2SN,EAAA4B,EAAAC,cAAA,WAAK7B,EAAA4B,EAAAC,cAAA,WAAhT,mRAEF7B,EAAA4B,EAAAC,cAACpB,EAAA,EAAD,CAAYuB,OAAQ,GAClBhC,EAAA4B,EAAAC,cAACxB,EAAA,EAAD,mBACAL,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,4CACAN,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,KACEN,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,8EACAN,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,6GACAN,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,mGAGJN,EAAA4B,EAAAC,cAACrB,EAAA,EAAD,CAASwB,OAAQ,GACfhC,EAAA4B,EAAAC,cAACxB,EAAA,EAAD,gBACAL,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,0JAA+JN,EAAA4B,EAAAC,cAAA,WAAK7B,EAAA4B,EAAAC,cAAA,WAApK,4PAAka7B,EAAA4B,EAAAC,cAAA,WAAK7B,EAAA4B,EAAAC,cAAA,WAAva,+GAEF7B,EAAA4B,EAAAC,cAACpB,EAAA,EAAD,CAAYuB,OAAQ,GAClBhC,EAAA4B,EAAAC,cAACxB,EAAA,EAAD,mBACAL,EAAA4B,EAAAC,cAACvB,EAAA,EAAD,gLAAwLN,EAAA4B,EAAAC,cAAA,WAAK7B,EAAA4B,EAAAC,cAAA,WAA7L,6JAA4V7B,EAAA4B,EAAAC,cAAA,WAAK7B,EAAA4B,EAAAC,cAAA,WAAjW,cAAiX7B,EAAA4B,EAAAC,cAAA,KAAGO,KAAMC,KAAT,gBAAjX,2CCzDRzC,EAAA0C,EAAAxC,EAAA,sBAAAyC,IAAA3C,EAAA0C,EAAAxC,EAAA,sBAAA0C,IAAA5C,EAAA0C,EAAAxC,EAAA,sBAAA2C,IAAA7C,EAAA0C,EAAAxC,EAAA,sBAAA4C,IAAA9C,EAAA0C,EAAAxC,EAAA,sBAAA6C,IAAA/C,EAAA0C,EAAAxC,EAAA,sBAAA8C,IAAAhD,EAAA0C,EAAAxC,EAAA,sBAAA+C,IAAAjD,EAAA0C,EAAAxC,EAAA,sBAAAgD,IAAA,IAAAC,EAAAnD,EAAA,KAGa2C,EAAYxB,IAAOiC,IAAV/B,WAAA,CAAAC,YAAA,qBAAAC,YAAA,YAAGJ,CAAH,UAAAK,MAAA,OAAAC,4BAAA,CAAAD,MAAA,OAAAE,OAAA,SAAAA,OAAA,OAAAC,OAAA,OAAAC,UAAA,OAAAC,QAAA,UAITe,EAAczB,IAAOkC,EAAVhC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,YAAGJ,CAAH,UAAAmC,MAAA,OAAAC,SAAA,WAAAC,4BAAA,CAAAD,SAAA,UAAAE,WAAA,QAAAhC,4BAAA,CAAA8B,SAAA,SAAA/B,MAAA,OAAAiC,WAAA,SAAAjC,MAAA,MAAAkC,WAAA,QAIXb,EAAiB1B,IAAOkC,EAAVhC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,YAAGJ,CAAH,UAAAmC,MAAA,UAAAC,SAAA,WAAAC,4BAAA,CAAAD,SAAA,UAAAE,WAAA,QAAAhC,4BAAA,CAAA8B,SAAA,SAAA/B,MAAA,OAAAiC,WAAA,SAAAjC,MAAA,MAAAkC,WAAA,QAIdZ,EAAc3B,IAAOwC,GAAVtC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,YAAGJ,CAAH,aAIX4B,EAAkB5B,IAAOyC,GAAVvC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,YAAGJ,CAAH,qCAAAmC,MAAA,UAAAC,SAAA,WAAAC,4BAAA,CAAAD,SAAA,UAAAE,WAAA,QAAAhC,4BAAA,CAAA8B,SAAA,SAAA/B,MAAA,OAAAiC,WAAA,SAAAjC,MAAA,MAAAkC,WAAA,QAKfV,EAAc7B,IAAO0C,IAAVxC,WAAA,CAAAC,YAAA,uBAAAC,YAAA,YAAGJ,CAAH,UAAAU,QAAA,OAAAiC,cAAA,MAAAC,SAAA,OAAAC,eAAA,SAAAC,WAAA,WAIXhB,EAAa9B,IAAO0C,IAAVxC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,YAAGJ,CAAH,kCAAAmC,MAAA,YAKVJ,EAAW/B,IAAO0C,IAAVxC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,YAAGJ,CAAH,0EAAA+C,aAAA,6CCjCrB,IAAA/D,EAAAH,EAAA,GAAAI,EAAAJ,EAAAK,EAAAF,GAAAgE,EAAAnE,EAAA,GAAAoE,EAAApE,EAAAK,EAAA8D,GAAAE,EAAArE,EAAA,KAAAsE,EAAAtE,EAAA,KAAAuE,EAAAvE,EAAA,KAMMwE,EAAW,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAUtC,EAAbqC,EAAarC,OAAb,OACfhC,EAAA4B,EAAAC,cAAA7B,EAAA4B,EAAAE,SAAA,KACE9B,EAAA4B,EAAAC,cAACoC,EAAA,EAAD,CAAeM,GAAG,OAAOC,OAAQ,GAAKxC,OAAWA,EAAL,KAAiByC,OAAQ,IACrEzE,EAAA4B,EAAAC,cAACqC,EAAA,EAAD,CAASM,MAAO,GAAKxC,OAAWA,EAAL,KAAiByC,OAAQ,GAClDzE,EAAA4B,EAAAC,cAACsC,EAAA,EAAD,KAAQG,MAKCF,MAEfA,EAASM,UAAY,CACnBJ,SAAUK,IAAUC,KAAKC,WACzB7C,OAAQ2C,IAAUG,OAAOD,8CCnB3B,IAAA9E,EAAAH,EAAA,GAAAI,EAAAJ,EAAAK,EAAAF,GAAAgE,EAAAnE,EAAA,GAAAoE,EAAApE,EAAAK,EAAA8D,GAAAgB,EAAAnF,EAAA,KAAAoF,EAAApF,EAAA,KAKMwE,EAAW,SAAAC,GAAA,IAAGC,EAAHD,EAAGC,SAAUtC,EAAbqC,EAAarC,OAAb,OACfhC,EAAA4B,EAAAC,cAAA7B,EAAA4B,EAAAE,SAAA,KACE9B,EAAA4B,EAAAC,cAACkD,EAAA,EAAD,CAASP,MAAO,GAAKxC,OAAQA,GAC3BhC,EAAA4B,EAAAC,cAACmD,EAAA,EAAD,KAAQV,MAKCF,MAEfA,EAASM,UAAY,CACnBJ,SAAUK,IAAUC,KAAKC,WACzB7C,OAAQ2C,IAAUG,OAAOD,iCCjB3BI,EAAAC,QAAiBtF,EAAAqD,EAAuB,gFCAxCgC,EAAAC,QAAiBtF,EAAAqD,EAAuB","file":"component---src-pages-facinghomelessness-jsx-6b44b059a86e344d6798.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 { 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 video from '../video/TheReflector.mp4'\n\nimport ProcessBook from '../assets/ProcessBook.pdf'\n\nconst Video = styled.video`\n  ${tw`w-full lg:w-auto h-auto lg:h-500px m-auto mt-8 block shadow-lg`};\n`\n\nconst Facinghomelessness = () => (\n  <>\n    <Layout />\n    <Parallax pages={7}>\n      <Hero offset={0}>\n        <BigTitle>\n          The Reflector\n        </BigTitle>\n        <RoleWrapper><RoleHeader>My Role:</RoleHeader><RoleItem>Creative Technologist</RoleItem></RoleWrapper>\n        <Video controls>\n          <source src={video} type=\"video/mp4\"/>\n        </Video>\n      </Hero>\n      <Section offset={1}>\n        <AltTitle>CHALLENGE</AltTitle>\n        <SectionCopy>SnapChat, Instagram, Twitter, Facebook, and other similar products enable us to share content and communicate. They also expose us to a system of orchestrated dopamine hits and behavioral triggers designed to encourage repeated use, and with it self-consciousness and self-broadcasting.<br/><br/>In the wake of enthusiastic widespread adoption, it’s unclear whether most users are aware of how social media affects their brain, how the underlying technology works, or the potential consequences of participating in and contributing to these networked social systems.</SectionCopy>\n      </Section>\n      <AltSection offset={3}>\n        <AltTitle>OBJECTIVES</AltTitle>\n        <AltSectionCopy>Through this project, we wanted to:</AltSectionCopy>\n        <SectionList>\n          <SectionListItem>learn about the role of social media in the lives of people around us</SectionListItem>\n          <SectionListItem>create an experience that critically examines the practice of self-broadcasting through social media</SectionListItem>\n          <SectionListItem>share that experience with people to encourage them to reflect on their social media use</SectionListItem>\n        </SectionList>\n      </AltSection>\n      <Section offset={4}>\n        <AltTitle>PROCESS</AltTitle>\n        <SectionCopy>In the first stage of the project, we created sets of nine cultural probes, distributed them to 5 participants and debriefed with each participant<br/><br/>We used the results of the cultural probes to inform three rounds of physical prototyping and concept exploration, returning to our cultural probes participants for feedback throughout. Building on these prototypes, we developed our final prototype.<br/><br/>The project culminates with an exhibition of The Reflector, interviewing attendees and analyzing content. </SectionCopy>\n      </Section>\n      <AltSection offset={6}>\n        <AltTitle>EVALUATION</AltTitle>\n        <AltSectionCopy>Immediate self-reflection on one's behavior is quite hard. To change or even acknowledge a problem requires time and continual exposure to artifacts like The Reflector.<br/><br/>We were successful in eliciting conversations between participants using the artifact as a medium and to get them thinking about their social media usage.<br/><br/>Here's the <a href={ProcessBook}>process book</a>.</AltSectionCopy>\n      </AltSection>\n    </Parallax>\n  </>\n)\n\nexport default Facinghomelessness","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/TheReflector-f23838940e31b05e37e63d7761cd0f18.mp4\";","module.exports = __webpack_public_path__ + \"static/ProcessBook-9c5b69c3e012b20f4c12c2dac0d1c2f7.pdf\";"],"sourceRoot":""}