{"version":3,"sources":["webpack:///./src/views/Portfolio.vue?609b","webpack:///./src/views/Portfolio.vue","webpack:///src/views/Portfolio.vue","webpack:///./src/views/Portfolio.vue?e060","webpack:///./src/views/Portfolio.vue?da52","webpack:///./src/assets/portfolioImage.png"],"names":["render","_vm","this","_c","_self","attrs","staticClass","style","backgroundImage","require","on","$event","$emit","name","_m","staticRenderFns","_v","metaInfo","title","mounted","document","window","destroyed","component","module","exports"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,uBAAuB,CAACF,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQC,MAAO,CAACC,gBAAiB,OAASC,EAAQ,QAAoC,KAAMC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,cAAe,CAACC,KAAM,wBAAwB,CAACZ,EAAIa,GAAG,KAAKb,EAAIa,GAAG,GAAGb,EAAIa,GAAG,GAAGb,EAAIa,GAAG,GAAGb,EAAIa,GAAG,KAAKX,EAAG,eAAe,IAE5aY,EAAkB,CAAC,WAAY,IAAId,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACF,EAAIe,GAAG,wBAAwBb,EAAG,OAAO,CAACF,EAAIe,GAAG,6BAA6Bb,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,iFACvM,WAAY,IAAIJ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,KAAK,CAACF,EAAIe,GAAG,kBAChG,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,KAAK,CAACF,EAAIe,GAAG,kBAChG,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,KAAK,CAACF,EAAIe,GAAG,kBAChG,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,KAAK,CAACF,EAAIe,GAAG,mBCiGnF,GAGfC,UAEAC,wBAEAC,mBACAC,kCACAC,sBAGAC,qBACAF,sCCpHmV,I,wBCQ/UG,EAAY,eACd,EACAvB,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAQ,E,8BCnBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-5f8523a2.f7925fd9.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Portfolio.vue?vue&type=style&index=0&id=c9525bb6&prod&lang=sass&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"portfolioContainer\"}},[_c('div',{staticClass:\"portfolioGrid\"},[_c('div',{staticClass:\"item1\",style:({backgroundImage: 'url(' + require('./../assets/portfolioImage.png') + ')'}),on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'interhigh-school'})}}},[_vm._m(0)]),_vm._m(1),_vm._m(2),_vm._m(3),_vm._m(4)]),_c('footerComp')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('h1',[_vm._v(\"Interhigh Campaign\")]),_c('span',[_vm._v(\"Advertising & Animation\")]),_c('img',{attrs:{\"src\":\"https://ik.imagekit.io/nnol5se8mol/tr:h-50,w-50/downbtn_LWLlPOQ9nq.png\"}})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item2\"},[_c('h1',[_vm._v(\"Project 2\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item3\"},[_c('h1',[_vm._v(\"Project 3\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item4\"},[_c('h1',[_vm._v(\"Project 4\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item5\"},[_c('h1',[_vm._v(\"Project 5\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"portfolioContainer\">\n      <div class=\"portfolioGrid\">\n        <div class=\"item1\" :style=\"{backgroundImage: 'url(' + require('./../assets/portfolioImage.png') + ')'}\" @click=\"$emit('changeRoute', {name: 'interhigh-school'})\">\n          <div>\n            <div>\n              <h1>Interhigh Campaign</h1>\n              <span>Advertising & Animation</span>\n              <img src=\"https://ik.imagekit.io/nnol5se8mol/tr:h-50,w-50/downbtn_LWLlPOQ9nq.png\">\n            </div>\n          </div>\n        </div>\n        <div class=\"item2\"><h1>Project 2</h1></div>\n        <div class=\"item3\"><h1>Project 3</h1></div>\n        <div class=\"item4\"><h1>Project 4</h1></div>\n        <div class=\"item5\"><h1>Project 5</h1></div>\n      </div> \n    <footerComp/>\n  </div>\n</template>\n\n<style lang=\"sass\">\n\n$color1: rgba(38, 70, 83, 1)\n$color2: rgba(42, 157, 143, 1)\n$color3: rgba(233, 196, 106, 1)\n$color4: rgba(244, 162, 97, 1)\n$color5: rgba(231, 111, 81, 1)\n\n#portfolioContainer\n  background-color: $color1\n  width: 100vw\n  position: absolute\n  left: 0\n  top: 0\n  .portfolioGrid\n    padding-top: 120px\n    width: 100vw\n    height: 100vh\n    display: grid\n    grid-template-areas: 'item1 item2 item4' 'item3 item2 item5'\n    @media (max-width: 1100px)\n      padding-top: 0\n      grid-template-areas: 'item1' 'item2' 'item3' 'item4' 'item5'\n      height: auto\n      div\n        height: 50vh\n        &:nth-child(2)\n          height: 100vh\n    div\n      background-size: cover\n      background-repeat: no-repeat\n      background-position: center\n      &:hover\n        div\n          opacity: 1 !important\n          h1\n            transform: translate(0, 0) !important\n          span\n            transform: translate(0, 0) !important\n      div\n        height: 100%\n        width: 100%\n        opacity: 0\n        background-color: #2F0167\n        transform-origin: left\n        transition: all 0.5s ease\n        div\n          height: 100%\n          width: 100%\n          display: flex\n          flex-direction: column\n          justify-content: center\n          align-items: center\n          h1\n            transition: all 0.5s ease\n            transform: translate(0, -50px)\n          span\n            transition: all 0.5s ease\n            transform: translate(0, -50px)\n            font-style: italic\n          img\n            width: 40px\n            height: 40px\n            margin-top: 20px\n            animation: float-x 2.5s ease-in-out infinite\n    .item1\n      grid-area: item1\n    .item2\n      grid-area: item2\n      background: $color3\n    .item3\n      grid-area: item3\n      background: $color4\n    .item4\n      grid-area: item4\n      background: $color5\n    .item5\n      grid-area: item5\n      background: $color2\n</style>\n\n<script>\nexport default {\n  //VueMeta\n  //name: 'Portfolio',\n  metaInfo: {\n    // title will be injected into parent titleTemplate\n    title: 'Selected Works'\n  },\n  mounted() {\n    document.body.style.height = \"auto\"\n    window.scrollTo(0, 0)\n  },\n\n  destroyed() {\n    document.body.style.height = \"1000vh\"\n  }\n}\n</script>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Portfolio.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Portfolio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Portfolio.vue?vue&type=template&id=c9525bb6&\"\nimport script from \"./Portfolio.vue?vue&type=script&lang=js&\"\nexport * from \"./Portfolio.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Portfolio.vue?vue&type=style&index=0&id=c9525bb6&prod&lang=sass&\"\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","module.exports = __webpack_public_path__ + \"img/portfolioImage.9418fe8a.png\";"],"sourceRoot":""}