{"version":3,"sources":["webpack:///./src/pages/work/GNB.js","webpack:///./src/images/GNB/3.jpg","webpack:///./src/images/GNB/5.jpg","webpack:///./src/images/GNB/4.jpg","webpack:///./src/images/GNB/gnb.mp4","webpack:///./src/images/GNB/gnbfull.mp4"],"names":["Scroll","require","ScrollLink","Link","Element","_ref","location","React","createElement","Layout","SiteTitle","string","Page","className","English","Language","search","Type","href","target","LinkABOUT","to","smooth","duration","Deutsch","name","autoPlay","loop","muted","src","gnb","type","gnbfull","GNBimg3","GNBimg4","GNBimg5","Back_To_All_Projects","module","exports"],"mappings":"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","file":"component---src-pages-work-gnb-js-6e719a97df3136819eb6.js","sourcesContent":["import React from 'react'\nimport {Deutsch, English, Type, LinkABOUT, Page, SiteTitle, Back_To_All_Projects} from '../../components/linksetc.js'\nimport Layout from '../../components/layout'\n\n\n\nimport GNBimg3 from \"../../images/GNB/3.jpg\"\nimport GNBimg4 from \"../../images/GNB/4.jpg\"\nimport GNBimg5 from \"../../images/GNB/5.jpg\"\n\n\nimport gnb from \"../../images/GNB/gnb.mp4\"\nimport gnbfull from \"../../images/GNB/gnbfull.mp4\"\n\n// for the scrolldown\nvar Scroll  = require('react-scroll');\nvar ScrollLink       = Scroll.Link;\nvar Element    = Scroll.Element;\n\n\n\n\nexport default ({ location }) => (\n  <Layout>\n\n    <SiteTitle string=\"Electric Floating Island\" />\n\n\n      <Page location={location}>\n\n\n\n\n      <div className=\"project_description\">\n\n        <English Language={location.search}>\n              <Type>\n                    ewz is the electricity provider in Zürich and state-owned, so their customers are also voters.\n                    <p/>\n                    <a href=\"http://www.kilokilo.ch\" target=\"_blank\">KiloKilo (digital agency)</a>, <a href=\"http://www.stephaniestutz.ch\" target=\"_blank\">Stephanie Stutz (game designer/ illustrator)</a> and <LinkABOUT location={location}>I</LinkABOUT> created <a href=\"https://www.ewz.ch/gnb/de/startseite.html\">an interactive mini-world.</a> My role was developing the creative concept and aligning it with the strategic goal of ewz: to make their projects transparent at a glance.\n                    <p/>\n\n                    <ScrollLink className=\"ScrollLink\" to=\"test1\" smooth={true} duration={1000}>↓</ScrollLink>\n\n\n\n              </Type>\n        </English>\n\n\n         <Deutsch Language={location.search}>\n              <Type>\n                    ewz ist das Elektrizitätswerk der Stadt Zürich und staatlich, das heisst seine Kunden können auch abstimmen.\n                    <p/>\n                    <a href=\"http://www.kilokilo.ch\" target=\"_blank\">KiloKilo (Entwicklung/Design)</a>, <a href=\"http://www.stephaniestutz.ch\" target=\"_blank\">Stephanie Stutz (Illustration)</a> und <LinkABOUT location={location}>ich</LinkABOUT> entwickelten <a href=\"https://www.ewz.ch/gnb/de/startseite.html\">eine interaktive Miniwelt.</a> Meine Rolle war das Entwickeln des Kreativkonzepts und dieses auf das strategische Ziel von ewz auszurichten: ihre Projekte auf einen Blick transparent zu machen. \n                    <p/>\n\n                    <ScrollLink className=\"ScrollLink\" to=\"test1\" smooth={true} duration={1000}>↓</ScrollLink>\n\n\n\n              </Type>\n        </Deutsch>\n\n    </div>\n\n    <Element name=\"test1\"></Element>\n\n\n\n\n\n    <video  autoPlay loop muted>\n<source src={gnb} type=\"video/mp4\" />\nYour browser does not support the video tag.\n</video>\n\n\n      <div className=\"comment\">\n        <English Language={location.search}>\n              <Type>\n                    We recreated the whole world of ewz as a condensed Zürich and Switzerland, floating on an isolated island. In retrospect, this is also political realism.\n              </Type>\n        </English>\n\n\n            <Deutsch Language={location.search}>\n              <Type>\n                    Wir erschufen die ganze Welt von ewz als ein komprimiertes Zürich mit Teilen der Schweiz, die auf einer isolierten Insel schwebten. Rückblickend ist das auch politischer Realismus.\n              </Type>\n        </Deutsch>\n      </div>\n\n\n\n\n      <video  autoPlay loop muted>\n<source src={gnbfull} type=\"video/mp4\" />\nYour browser does not support the video tag.\n</video>\n\n\n\n\n      <div className=\"comment\">\n        <English Language={location.search}>\n              <Type>\n                    Users could zoom into this world. Inspired by mechanics from gamedesign, sidescrolls show the energy projects ewz is involved in.\n              </Type>\n        </English>\n\n\n        <Deutsch Language={location.search}>\n              <Type>\n                    Besucher konnten sich in diese Welt zoomen. Inspiriert von Mechaniken aus dem Gamedesign zeigen Sidescrolls die Energieprojekte von ewz im Detail. \n              </Type>\n        </Deutsch>\n\n      </div>\n\n\n      <img src={GNBimg3}/>\n\n      <div className=\"comment\">\n        <English Language={location.search}>\n              <Type>\n                    Clicking on a project reveals a detail page component - but without breaking the immersion by page refresh.\n              </Type>\n        </English>\n\n\n        <Deutsch Language={location.search}>\n              <Type>\n                    Der Klick auf ein Projekt zeigt seine Details in einer Seitenkomponente - ohne dass die Immersion durch Neuladen der Seite unterbrochen wird.\n              </Type>\n        </Deutsch>\n\n      </div>\n\n\n      <img src={GNBimg4}/>\n\n\n      <div className=\"comment\">\n        <English Language={location.search}>\n              <Type>\n\n              Gamification was part of the original concept, with a progress bar and an evolving world tempting users to view the full website. But it got postponed to release 2, also known as the limbo of lost features. The leftovers are these green and yellow buttons.\n\n              </Type>\n        </English>\n\n       <Deutsch Language={location.search}>\n              <Type>\n                    Gamification war Teil des originalen Konzepts, mit einer Progressbar und einer evolvierenden Welt, welche Besucher dazu animieren sollte, die ganze Webseite anzuschauen. Dies wurde auf den Release 2 verschoben, auch bekannt als der Limbo verlorener Features. Was übrig blieb sind grüne und gelbe Buttons.\n              </Type>\n        </Deutsch>\n\n      </div>\n\n\n      <img src={GNBimg5}/>\n\n\n      <Back_To_All_Projects location={location} />\n\n\n      </Page>\n    </Layout>\n\n)\n","module.exports = __webpack_public_path__ + \"static/3-b8cf660604c729051e65caf2fd0c047a.jpg\";","module.exports = __webpack_public_path__ + \"static/5-4e0e803ccfde27483537ad64e95370bc.jpg\";","module.exports = __webpack_public_path__ + \"static/4-e8b716f9b5a2b2ded66a4d68927ec7a3.jpg\";","module.exports = __webpack_public_path__ + \"static/gnb-2d2806e5fda3fb062b05fbdd8b0105a7.mp4\";","module.exports = __webpack_public_path__ + \"static/gnbfull-676680e5d1ae968183c3a01a1f875d14.mp4\";"],"sourceRoot":""}