{"version":3,"sources":["webpack:///./src/views/About.vue?acd2","webpack:///./src/components/Interview.vue?f339","webpack:///./src/views/About.vue?7acd","webpack:///./src/components/Interview.vue?7c1a","webpack:///src/components/Interview.vue","webpack:///./src/components/Interview.vue?540b","webpack:///./src/components/Interview.vue","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?f1da","webpack:///./src/views/About.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticRenderFns","attrs","_v","_l","i","k","key","_s","question","answer","name","data","interview","methods","fetchText","mounted","component","components","window","addEventListener","dots","about","scrollY","height","classList","add","remove"],"mappings":"kIAAA,yBAAkiB,EAAG,G,kCCAriB,yBAAsiB,EAAG,G,gECAziB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,GAAGP,EAAIO,GAAG,GAAGH,EAAG,cAAc,IACjKI,EAAkB,CAAC,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,YAAYG,MAAM,CAAC,WAAW,eAAe,iBAAiB,MAAM,kBAAkB,UAAU,oBAAoB,QAAQ,CAACL,EAAG,MAAM,CAACE,YAAY,aAAaG,MAAM,CAAC,GAAK,gBAAgBL,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,KAAK,CAACJ,EAAIU,GAAG,cAAcN,EAAG,OAAO,CAACJ,EAAIU,GAAG,2CAA2CN,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,WAAW,eAAe,iBAAiB,MAAM,kBAAkB,UAAU,oBAAoB,MAAM,4BAA4B,aAAa,IAAM,EAAQ,kBAAgD,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,OAAO,CAACJ,EAAIU,GAAG,sFCD90B,EAAS,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuBN,EAAIW,GAAIX,EAAa,WAAE,SAASY,EAAEC,GAAG,OAAOT,EAAG,MAAM,CAACU,IAAID,EAAEP,YAAY,iBAAiBG,MAAM,CAAC,WAAW,eAAe,iBAAiB,MAAM,kBAAkB,WAAW,oBAAoB,MAAM,4BAA4B,eAAe,CAACL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,OAAO,CAACJ,EAAIU,GAAGV,EAAIe,GAAGH,EAAEI,iBAAiBZ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACJ,EAAIU,GAAGV,EAAIe,GAAGH,EAAEK,kBAAiB,IACtmB,EAAkB,G,qBCwBtB,GACEC,KAAM,YACNC,KAFF,WAGI,MAAO,CACLC,UAAW,OAGfC,QAAS,CACPC,UADJ,WACA,WACM,EAAN,sCACQ,EAAR,mCAIEC,QAdF,WAeItB,KAAKqB,cCxC0U,I,wBCQ/UE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCcf,GACEN,KAAM,QACNO,WAAY,CAAd,aACEF,QAHF,WAIIG,OAAOC,iBAAiB,UAAU,WAChC,IAAN,qBACA,mDACA,wCAEWC,GAASC,IAIVH,OAAOI,QAAUC,EAAS,IAC5BF,EAAMG,UAAUC,IAAI,gBACpBL,EAAKI,UAAUC,IAAI,mBAGjBP,OAAOI,QAAUC,EAAS,IAC5BF,EAAMG,UAAUE,OAAO,gBACvBN,EAAKI,UAAUE,OAAO,yBCrDiT,ICQ3U,G,UAAY,eACd,EACAnC,EACAS,GACA,EACA,KACA,WACA,OAIa,e","file":"js/about.0eed0f0f.js","sourcesContent":["import mod 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=04e83700&scoped=true&lang=scss&\"; export default mod; 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=04e83700&scoped=true&lang=scss&\"","import mod 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!./Interview.vue?vue&type=style&index=0&id=ff69795e&scoped=true&lang=scss&\"; export default mod; 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!./Interview.vue?vue&type=style&index=0&id=ff69795e&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_vm._m(0),_vm._m(1),_c('interview')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\",attrs:{\"data-aos\":\"fade-zoom-in\",\"data-aos-delay\":\"200\",\"data-aos-easing\":\"ease-in\",\"data-aos-duration\":\"600\"}},[_c('div',{staticClass:\"dots-large\",attrs:{\"id\":\"dots-about\"}}),_c('div',{staticClass:\"heading-container\"},[_c('h1',[_vm._v(\"Über uns\")]),_c('span',[_vm._v(\"Ein kurzes Interview mit den Gründern\")]),_c('div',{staticClass:\"arrow-down\"},[_c('img',{attrs:{\"data-aos\":\"fade-zoom-in\",\"data-aos-delay\":\"100\",\"data-aos-easing\":\"ease-in\",\"data-aos-duration\":\"400\",\"data-aos-anchor-placement\":\"top-bottom\",\"src\":require(\"@/assets/img/angle-double-down.svg\")}})])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sub-heading\"},[_c('span',[_vm._v(\"Ein kurzes Interview mit den Gründern, Päddy, Tobi, Damien, Reto und Bojan.\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"interview-container\"},_vm._l((_vm.interview),function(i,k){return _c('div',{key:k,staticClass:\"interview-card\",attrs:{\"data-aos\":\"fade-zoom-in\",\"data-aos-delay\":\"100\",\"data-aos-easing\":\"ease-out\",\"data-aos-duration\":\"400\",\"data-aos-anchor-placement\":\"top-bottom\"}},[_c('div',{staticClass:\"card-top\"},[_c('div',{staticClass:\"dots-small\"}),_c('div',{staticClass:\"floating-bg\"},[_c('span',[_vm._v(_vm._s(i.question))])])]),_c('div',{staticClass:\"card-bottom\"},[_c('p',[_vm._v(_vm._s(i.answer))])])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"interview-container\">\n    <div class=\"interview-card\" v-for=\"(i, k) in interview\" :key=\"k\"\n         data-aos=\"fade-zoom-in\"\n         data-aos-delay=\"100\"\n         data-aos-easing=\"ease-out\"\n         data-aos-duration=\"400\"\n         data-aos-anchor-placement=\"top-bottom\">\n      <div class=\"card-top\">\n        <div class=\"dots-small\"></div>\n        <div class=\"floating-bg\">\n          <span>{{ i.question }}</span>\n        </div>\n      </div>\n\n      <div class=\"card-bottom\">\n        <p>{{ i.answer }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from 'axios'\n\nexport default {\n  name: 'Interview',\n  data () {\n    return {\n      interview: null\n    }\n  },\n  methods: {\n    fetchText () {\n      axios.get('/text.json').then(response => {\n        this.interview = response.data['interview']\n      })\n    }\n  },\n  mounted () {\n    this.fetchText()\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n\n  @media screen and (max-width: 800px) {\n    .interview-card {\n      width: 100% !important;\n    }\n\n    .card-top {\n      height: 132px !important;\n    }\n\n    .interview-container {\n      padding: 128px 24px !important;\n      .card-bottom {\n        p {\n          text-align: left !important;\n        }\n      }\n    }\n  }\n\n  .interview-container {\n    display: flex;\n    flex-direction: column;\n    padding: 128px 48px 64px 48px;\n    justify-content: center;\n    align-items: center;\n\n    .interview-card {\n      width: 80%;\n      background-color: white;\n      margin: 36px 0;\n      border-radius: 4px;\n      box-shadow: 0px 0px 8px 0px rgba(22, 31, 58, 0.2);\n      display: flex;\n      flex-direction: column;\n      max-width: 800px;\n\n      .card-top {\n        position: relative;\n        color: $text-light;\n        height: 50px;\n        padding: 24px;\n\n        .floating-bg {\n          position: absolute;\n          background-color: $primary-dark-blue;\n          box-shadow: 0px 0px 12px 0px rgba(22, 31, 58, 0.5);\n          top: -6px;\n          right: -6px;\n          bottom: -6px;\n          left: -6px;\n          border-radius: 4px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n\n          span {\n            text-align: justify;\n            font-weight: 500;\n            padding: 0 12% 0 24px;\n            font-size: 18px;\n            width: 100%;\n          }\n        }\n      }\n\n      .card-bottom {\n        padding: 24px;\n        p {\n          text-align: justify;\n          padding-left: 12%;\n          font-size: 18px;\n          line-height: 24px;\n        }\n      }\n    }\n  }\n\n  .card-top::before {\n    content: '';\n    width: 0px;\n    height: 0px;\n    position: absolute;\n    border-left: 10px solid $background-dark;\n    border-right: 10px solid transparent;\n    border-top: 10px solid $background-dark;\n    border-bottom: 10px solid transparent;\n    left: 20px;\n    bottom: -24px;\n    border-bottom-left-radius: 4px;\n    filter: drop-shadow(0px 2px 4px rgba(22, 31, 58, 0.4));\n  }\n\n  .card-bottom::before {\n    content: '';\n    width: 0px;\n    height: 0px;\n    position: absolute;\n    border-right: 10px solid white;\n    border-left: 10px solid transparent;\n    border-top: 10px solid white;\n    border-bottom: 10px solid transparent;\n    right: 20px;\n    bottom: -20px;\n    border-bottom-right-radius: 4px;\n    filter: drop-shadow(2px 6px 6px rgba(0,0,0,0.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!./Interview.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!./Interview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Interview.vue?vue&type=template&id=ff69795e&scoped=true&\"\nimport script from \"./Interview.vue?vue&type=script&lang=js&\"\nexport * from \"./Interview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Interview.vue?vue&type=style&index=0&id=ff69795e&scoped=true&lang=scss&\"\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  \"ff69795e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"about\">\n\n    <div data-aos=\"fade-zoom-in\"\n         data-aos-delay=\"200\"\n         data-aos-easing=\"ease-in\"\n         data-aos-duration=\"600\"\n         class=\"container\">\n      <div id=\"dots-about\" class=\"dots-large\"></div>\n\n      <div class=\"heading-container\">\n        <h1>Über uns</h1>\n        <span>Ein kurzes Interview mit den Gründern</span>\n        <div class=\"arrow-down\">\n          <img data-aos=\"fade-zoom-in\"\n               data-aos-delay=\"100\"\n               data-aos-easing=\"ease-in\"\n               data-aos-duration=\"400\"\n               data-aos-anchor-placement=\"top-bottom\"\n               src=\"@/assets/img/angle-double-down.svg\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"sub-heading\">\n      <span>Ein kurzes Interview mit den Gründern, Päddy, Tobi, Damien, Reto und Bojan.</span>\n    </div>\n    <interview></interview>\n  </div>\n</template>\n\n<script>\nimport Interview from '../components/Interview'\nexport default {\n  name: 'About',\n  components: { Interview },\n  mounted () {\n    window.addEventListener('scroll', function () {\n      const height = window.innerHeight\n      const about = document.getElementsByClassName('about').item(0)\n      let dots = document.getElementById('dots-about')\n\n      if (!dots || !about) {\n        return;\n      }\n\n      if (window.scrollY > height / 4) {\n        about.classList.add('change-color')\n        dots.classList.add('change-opacity')\n      }\n\n      if (window.scrollY < height / 4) {\n        about.classList.remove('change-color')\n        dots.classList.remove('change-opacity')\n      }\n    })\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n  span {\n    font-size: 24px;\n  }\n\n  .about {\n    background: $background-dark;\n    color: $text-light;\n    transition: 1s all;\n  }\n\n  .sub-heading {\n    padding: 128px 64px 0 64px;\n    font-weight: 500;\n    display: flex;\n    justify-content: center;\n    span {\n      font-size: 30px;\n      max-width: 800px;\n    }\n  }\n\n  .container {\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 56px;\n    margin-top: -100px;\n\n    .arrow-down {\n      width: 100%;\n      height: 92px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      img {\n        filter: invert(0.8) opacity(0.8);\n        margin-top: 48px;\n        width: 64px;\n      }\n    }\n  }\n\n  .change-color {\n    background-color: #eeeeee !important;\n    color: $text-dark !important;\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=04e83700&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=04e83700&scoped=true&lang=scss&\"\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  \"04e83700\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}