{"version":3,"sources":["webpack:///./src/views/Home.vue","webpack:///./src/components/SpecimenTile.vue","webpack:///src/components/SpecimenTile.vue","webpack:///./src/components/SpecimenTile.vue?fa8f","webpack:///./src/components/SpecimenTile.vue?692f","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?538d","webpack:///./src/views/Home.vue?9c58","webpack:///./src/views/Home.vue?386d","webpack:///./src/components/SpecimenTile.vue?afb0"],"names":["render","_vm","this","_c","_self","staticClass","portfolio","_l","specimen","key","slug","attrs","_e","staticRenderFns","name","params","style","require","featured_image","src","props","components","KinesisContainer","KinesisElement","component","data","baseUrl","loading","errored","is_home","created","methods","fetchData","axios","get","then","catch","window","finally","SpecimenTile"],"mappings":"yKAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEJ,EAAIK,UAAWH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBJ,EAAIM,GAAIN,EAAIK,WAAW,SAASE,GAAU,OAAOL,EAAG,eAAe,CAACM,IAAID,EAASE,KAAKC,MAAM,CAAC,SAAWH,QAAc,GAAGL,EAAG,qBAAqB,GAAGF,EAAIW,QAE1WC,EAAkB,G,qBCFlBb,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,mBAAmB,CAACE,YAAY,uCAAuC,CAACF,EAAG,cAAc,CAACE,YAAY,gBAAgBM,MAAM,CAAC,GAAK,CAACG,KAAMb,EAAIO,SAASE,KAAMK,OAAQ,CAACL,KAAMT,EAAIO,SAASE,UAAUP,EAAG,iBAAiB,CAACQ,MAAM,CAAC,SAAW,EAAE,KAAO,UAAU,CAACR,EAAG,MAAM,CAACE,YAAY,gBAAgBW,MAAO,CAAC,mBAAoB,OAASC,UAAQ,YAAYhB,EAAIO,SAASE,KAA1B,YAAkCT,EAAIO,SAASU,eAAeC,MAAS,UAAW,IAEneN,EAAkB,G,YCYtB,GACAO,OACAZ,aAEAa,YACAC,wBAAAC,wBCnBsV,I,wBCQlVC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCJf,GACAV,iBACAW,KAFA,WAGA,OACAC,oCACApB,eACAqB,WACAC,WACAC,aAGAC,QAXA,WAYA,kBAEAC,SACAC,UADA,WACA,WACAC,IACAC,IAAA,+BACAC,MAAA,YACA,sBAEAC,OAAA,YACA,aACAC,yBAEAC,SAAA,oCAGAjB,YACAkB,iBC5C8U,ICQ1U,G,UAAY,eACd,EACAvC,EACAa,GACA,EACA,KACA,KACA,OAIa,e,2CCnBf,W,kCCAA","file":"js/chunk-269d7988.59e73952.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"view-content\"},[(_vm.portfolio)?_c('div',{staticClass:\"is-0 is-variable is-tablet\"},[_c('div',{staticClass:\"specimen-grid\"},_vm._l((_vm.portfolio),function(specimen){return _c('SpecimenTile',{key:specimen.slug,attrs:{\"specimen\":specimen}})}),1),_c('article-linkouts')],1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('KinesisContainer',{staticClass:\"is-relative specimen-tile-container\"},[_c('router-link',{staticClass:\"specimen-link\",attrs:{\"to\":{name: _vm.specimen.slug, params: {slug: _vm.specimen.slug}}}}),_c('KinesisElement',{attrs:{\"strength\":5,\"type\":\"depth\"}},[_c('div',{staticClass:\"specimen-tile\",style:({'background-image': 'url(' + require(`@/assets/${_vm.specimen.slug}/${_vm.specimen.featured_image.src}`) + ')'})})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <KinesisContainer class=\"is-relative specimen-tile-container\">\n    <router-link :to=\"{name: specimen.slug, params: {slug: specimen.slug}}\" class=\"specimen-link\"></router-link>\n    <KinesisElement :strength=\"5\" type=\"depth\">\n      <div class=\"specimen-tile\"\n                   :style=\"{'background-image': 'url(' + require(`@/assets/${specimen.slug}/${specimen.featured_image.src}`) + ')'}\">\n      </div>\n    </KinesisElement>\n  </KinesisContainer>\n</template>\n\n<script>\n  import { KinesisContainer, KinesisElement } from 'vue-kinesis'\n\n  export default {\n    props: {\n      specimen: {}\n    },\n    components: {\n      KinesisContainer, KinesisElement\n    },\n  }\n</script>\n\n<style lang=\"scss\">\n  .specimen-link {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    z-index: 2;\n  }\n  .specimen-tile {\n    z-index: 1;\n    position: relative;\n    background-size: contain;\n    background-position: center center;\n    background-repeat: no-repeat;\n    width: 300px;\n    height: 300px;\n    display: block;\n    margin: 0 auto;\n    @media screen and (min-width: 500px) {\n      width: 450px;\n    }\n\n    @media screen and (min-width: 600px) {\n      width: 500px;\n    }\n\n    @media screen and (min-width: 1660px) {\n      height: 400px;\n      width: auto;\n      margin: 0;\n    }\n\n    @media screen and (min-width: $desktop) {\n      min-height: 400px;\n    }\n  }\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!./SpecimenTile.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!./SpecimenTile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpecimenTile.vue?vue&type=template&id=33ae82e4&\"\nimport script from \"./SpecimenTile.vue?vue&type=script&lang=js&\"\nexport * from \"./SpecimenTile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpecimenTile.vue?vue&type=style&index=0&id=33ae82e4&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"view-content\">\n    <div class=\"is-0 is-variable is-tablet\" v-if=\"portfolio\">\n      <div class=\"specimen-grid\">\n        <SpecimenTile v-for=\"specimen in portfolio\" :specimen=\"specimen\" :key=\"specimen.slug\"/>\n      </div>\n      <article-linkouts/>\n    </div>\n  </div>\n</template>\n\n<script>\n  import axios from 'axios'\n  import SpecimenTile from '../components/SpecimenTile'\n\n  export default {\n    name: 'portfolio',\n    data() {\n      return {\n        baseUrl: process.env.VUE_APP_BASE_URL,\n        portfolio: null,\n        loading: true,\n        errored: false,\n        is_home: true,\n      }\n    },\n    created() {\n      this.fetchData();\n    },\n    methods: {\n      fetchData() {\n        axios\n          .get(this.baseUrl + 'portfolio.json')\n          .then(response => {\n            this.portfolio = response.data;\n          })\n          .catch(error => {\n            this.errored = true\n            window.console.log(error)\n          })\n          .finally(() => this.loading = false);\n      },\n    },\n    components: {\n      SpecimenTile\n    },\n  }\n</script>\n\n<style lang=\"scss\">\n  @import \"../styles/components/specimen_grid\";\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=568c9d42&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=568c9d42&prod&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  null,\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/index.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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=568c9d42&prod&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SpecimenTile.vue?vue&type=style&index=0&id=33ae82e4&prod&lang=scss&\""],"sourceRoot":""}