{"version":3,"sources":["webpack:///./src/components/ButtonPill/index.vue?b366","webpack:///src/components/ButtonPill/index.vue","webpack:///./src/components/ButtonPill/index.vue?87eb","webpack:///./src/components/ButtonPill/index.vue","webpack:///./src/views/About.vue?681e","webpack:///./src/components/ButtonPill/index.vue?6e57","webpack:///./src/views/About.vue?2a2d","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?f1da","webpack:///./src/views/About.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_g","_b","staticClass","class","iconComponent","style","animationDelay","$attrs","$listeners","tag","_t","staticRenderFns","fullscreen","name","components","ButtonBase","props","icon","type","String","default","undefined","validator","data","computed","ICONS","component","attrs","on","$event","$router","replace","_v","_s","$t","ButtonPill","ViewWrapper"],"mappings":"kKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,aAAaJ,EAAIM,GAAGN,EAAIO,GAAG,CAACC,YAAY,cAAcC,MAAM,CAAE,0BAA2BT,EAAIU,eAAgBC,MAAM,CAAGC,eAAgBZ,EAAIY,iBAAmB,aAAaZ,EAAIa,QAAO,GAAOb,EAAIc,YAAY,CAACV,EAAG,MAAM,CAACI,YAAY,qBAAqB,CAACJ,EAAGJ,EAAIU,cAAc,CAACK,IAAI,YAAYP,YAAY,sBAAsBR,EAAIgB,GAAG,YAAY,MACnbC,EAAkB,G,0ECiBtB,GACEC,WAAY,WAAd,yDAGA,GACEC,KAAM,aAENC,WAAY,CACVC,WAAJ,QAGEC,MAAO,CACLC,KAAM,CACJC,KAAMC,OACNC,aAASC,EACTC,UAAW,SAAjB,wCAIEC,KAfF,WAgBI,MAAO,CACLjB,eAAgB,GAAtB,8BAIEkB,SAAU,CACRpB,cADJ,WAEM,OAAOqB,EAAM9B,KAAKsB,SC7CsU,I,wBCQ1VS,EAAY,eACd,EACAjC,EACAkB,GACA,EACA,KACA,WACA,MAIa,OAAAe,E,2CCnBf,W,kCCAA,W,yCCAA,IAAIjC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACI,YAAY,QAAQyB,MAAM,CAAC,YAAa,GAAMC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnC,EAAIoC,QAAQC,QAAQ,CAAElB,KAAM,eAAgB,CAACf,EAAG,MAAM,CAACI,YAAY,gBAAgB,CAACJ,EAAG,KAAK,CAACJ,EAAIsC,GAAGtC,EAAIuC,GAAGvC,EAAIwC,GAAG,6CAA6CpC,EAAG,IAAI,CAACJ,EAAIsC,GAAGtC,EAAIuC,GAAGvC,EAAIwC,GAAG,yCAAyCpC,EAAG,aAAa,CAACI,YAAY,gBAAgByB,MAAM,CAAC,KAAOjC,EAAIwC,GAAG,0CAA0C,OAAS,WAAW,CAACxC,EAAIsC,GAAG,IAAItC,EAAIuC,GAAGvC,EAAIwC,GAAG,6CAA6C,OAAOpC,EAAG,KAAK,CAACJ,EAAIsC,GAAGtC,EAAIuC,GAAGvC,EAAIwC,GAAG,sDAAsDpC,EAAG,IAAI,CAACJ,EAAIsC,GAAGtC,EAAIuC,GAAGvC,EAAIwC,GAAG,kDAAkDpC,EAAG,KAAK,CAACJ,EAAIsC,GAAGtC,EAAIuC,GAAGvC,EAAIwC,GAAG,yDAAyDpC,EAAG,aAAa,CAACI,YAAY,gBAAgByB,MAAM,CAAC,KAAOjC,EAAIwC,GAAG,sDAAsD,OAAS,WAAW,CAACxC,EAAIsC,GAAG,IAAItC,EAAIuC,GAAGvC,EAAIwC,GAAG,uBAAuB,QAAQ,MACljCvB,EAAkB,G,wBC8BtB,GACEE,KAAM,QACNC,WAAY,CACVqB,WAAJ,OACIC,YAAJ,SCnC+U,I,wBCQ3UV,EAAY,eACd,EACAjC,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E","file":"js/chunk-cdf4cb3c.a1fd2bca.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ButtonBase',_vm._g(_vm._b({staticClass:\"button-pill\",class:{ 'button-pill__has-icon': !!_vm.iconComponent },style:({ animationDelay: _vm.animationDelay })},'ButtonBase',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:\"button-pill_inner\"},[_c(_vm.iconComponent,{tag:\"component\",staticClass:\"button-pill__icon\"}),_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ButtonBase\n    class=\"button-pill\"\n    :class=\"{ 'button-pill__has-icon': !!iconComponent }\"\n    v-bind=\"$attrs\"\n    :style=\"{ animationDelay }\"\n    v-on=\"$listeners\"\n  >\n    <div class=\"button-pill_inner\">\n      <component :is=\"iconComponent\" class=\"button-pill__icon\" />\n      <slot />\n    </div>\n  </ButtonBase>\n</template>\n\n<script>\nimport ButtonBase from '../ButtonBase';\n\nconst ICONS = {\n  fullscreen: () => import('../../assets/icons/fullscreen.svg?inline'),\n};\n\nexport default {\n  name: 'ButtonPill',\n\n  components: {\n    ButtonBase,\n  },\n\n  props: {\n    icon: {\n      type: String,\n      default: undefined,\n      validator: (icon) => Object.keys(ICONS).includes(icon),\n    },\n  },\n\n  data() {\n    return {\n      animationDelay: `${Math.random() * 2}s`,\n    };\n  },\n\n  computed: {\n    iconComponent() {\n      return ICONS[this.icon];\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n$horizontal-padding: 30px;\n$vertical-padding: 15px;\n$line-heigth: 16px;\n\n.button-pill {\n  position: relative;\n  display: block;\n  padding: $vertical-padding $horizontal-padding;\n  min-width: 150px;\n  max-width: 250px;\n  border-radius: $vertical-padding * 2 + $line-heigth;\n  @include linear-gradient($color-purple, $color-blue, 45deg);\n  text-align: center;\n  @include font-rem(14px, $line-heigth);\n  color: $color-white;\n  transition: 0.3s ease;\n  background-size: 150% 150%;\n  animation: moveBackground 3s ease infinite;\n  cursor: pointer;\n  @include helper__composited-layer();\n\n  &:hover {\n    transform: scale(1.02);\n    background-position: 0% 0%;\n  }\n\n  &:active {\n    transform: scale(0.98);\n    opacity: 0.8;\n  }\n}\n\n// animation made with https://www.gradient-animator.com/\n@keyframes moveBackground {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n.button-pill_inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.button-pill[disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n\n  &:hover {\n    transform: scale(1);\n  }\n}\n\n.button-pill__icon {\n  width: 22px;\n  height: 22px;\n  margin-right: $horizontal-padding - $vertical-padding / 2;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1b901722&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=1b901722&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1b901722\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=style&index=0&id=7f155ff4&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=1b901722&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ViewWrapper',{staticClass:\"about\",attrs:{\"scrollable\":true},on:{\"close\":function($event){return _vm.$router.replace({ name: 'summary' })}}},[_c('div',{staticClass:\"about__inner\"},[_c('h2',[_vm._v(_vm._s(_vm.$t('view.about.sectionMakeAShift.headline')))]),_c('p',[_vm._v(_vm._s(_vm.$t('view.about.sectionMakeAShift.copy')))]),_c('ButtonPill',{staticClass:\"about__button\",attrs:{\"href\":_vm.$t('view.about.sectionMakeAShift.buttonUrl'),\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.$t('view.about.sectionMakeAShift.buttonLabel'))+\" \")]),_c('h2',[_vm._v(_vm._s(_vm.$t('view.about.sectionResponsibleBusiness.headline')))]),_c('p',[_vm._v(_vm._s(_vm.$t('view.about.sectionResponsibleBusiness.copy')))]),_c('h2',[_vm._v(_vm._s(_vm.$t('view.about.sectionGoalsSustainableFuture.headline')))]),_c('ButtonPill',{staticClass:\"about__button\",attrs:{\"href\":_vm.$t('view.about.sectionGoalsSustainableFuture.buttonUrl'),\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.$t('ui.moreInformation'))+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <ViewWrapper class=\"about\" :scrollable=\"true\" @close=\"$router.replace({ name: 'summary' })\">\n    <div class=\"about__inner\">\n      <h2>{{ $t('view.about.sectionMakeAShift.headline') }}</h2>\n      <p>{{ $t('view.about.sectionMakeAShift.copy') }}</p>\n      <ButtonPill\n        class=\"about__button\"\n        :href=\"$t('view.about.sectionMakeAShift.buttonUrl')\"\n        target=\"_blank\"\n      >\n        {{ $t('view.about.sectionMakeAShift.buttonLabel') }}\n      </ButtonPill>\n\n      <h2>{{ $t('view.about.sectionResponsibleBusiness.headline') }}</h2>\n      <p>{{ $t('view.about.sectionResponsibleBusiness.copy') }}</p>\n\n      <h2>{{ $t('view.about.sectionGoalsSustainableFuture.headline') }}</h2>\n      <ButtonPill\n        class=\"about__button\"\n        :href=\"$t('view.about.sectionGoalsSustainableFuture.buttonUrl')\"\n        target=\"_blank\"\n      >\n        {{ $t('ui.moreInformation') }}\n      </ButtonPill>\n    </div>\n  </ViewWrapper>\n</template>\n<script>\nimport ButtonPill from '../components/ButtonPill';\nimport ViewWrapper from '../components/ViewWrapper';\n\nexport default {\n  name: 'About',\n  components: {\n    ButtonPill,\n    ViewWrapper,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.about {\n  background-color: rgba($color-black, $view-overlay-alpha-dark);\n  @include helper__box-shadow_overlap($color-black);\n}\n\n.about__inner {\n  max-width: 320px;\n  margin-top: 80px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 20px;\n  padding-right: 20px;\n\n  p {\n    line-height: 26px;\n    margin-bottom: 40px;\n  }\n}\n\n.about__headline {\n  font-size: 35px;\n  text-align: left;\n  margin-bottom: 20px;\n  font-weight: bold;\n}\n\n$item-padding: 10px;\n.about__slide {\n  display: flex;\n  justify-content: space-between;\n  padding: 10px;\n  line-height: 26px;\n  @include transparent-layer($item-padding);\n}\n\n.about__goal_image {\n  width: 33%;\n}\n\n.about__button {\n  max-width: 200px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 40px;\n  margin-bottom: 40px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./About.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./About.vue?vue&type=template&id=7f155ff4&scoped=true&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.vue?vue&type=script&lang=js&\"\nimport style0 from \"./About.vue?vue&type=style&index=0&id=7f155ff4&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7f155ff4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}