{"version":3,"sources":["webpack:///./src/assets/cl-logo-blog.png","webpack:///./src/views/Post.vue","webpack:///src/views/Post.vue","webpack:///./src/views/Post.vue?e42a","webpack:///./src/views/Post.vue?4b5f","webpack:///./src/views/Post.vue?cbed"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","on","$event","$emit","name","_v","_s","post","title","subtitle","style","backgroundImage","img","date","domProps","content","staticRenderFns","mounted","document","window","destroyed","computed","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,iC,oECA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBF,EAAG,MAAM,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAMC,EAAQ,SAA8BC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,MAAM,cAAe,CAACC,KAAM,aAAaR,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAK,CAACF,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,KAAKC,UAAUZ,EAAG,KAAK,CAACF,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,KAAKE,aAAab,EAAG,MAAM,CAACE,YAAY,kBAAkBY,MAAO,CAACC,gBAAiB,OAAOjB,EAAIa,KAAKK,IAAI,OAAQhB,EAAG,QAAQ,CAACF,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,KAAKM,SAASjB,EAAG,IAAI,CAACkB,SAAS,CAAC,UAAYpB,EAAIY,GAAGZ,EAAIa,KAAKQ,YAAYnB,EAAG,MAAM,CAACE,YAAY,eAAeG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,MAAM,cAAe,CAACC,KAAM,YAAY,CAACR,EAAG,OAAOA,EAAG,OAAO,CAACF,EAAIW,GAAG,iBAAiBT,EAAG,eAAe,IAEzyBoB,EAAkB,GCoBP,GACfC,mBACAC,kCACAC,sBAGAC,qBACAF,qCAGAG,UACAd,gBACA,wCClC8U,I,wBCQ1Ue,EAAY,eACd,EACA7B,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAM,E,6CCnBf","file":"js/chunk-cb11c2ba.48c91613.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cl-logo-blog.020fabc6.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"postContainer\"},[_c('div',{staticClass:\"navContainer\"}),_c('img',{staticClass:\"logoBlack\",attrs:{\"src\":require(\"@/assets/cl-logo-blog.png\")},on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'home'})}}}),_c('div',{staticClass:\"postContent\"},[_c('h1',[_vm._v(_vm._s(_vm.post.title))]),_c('h2',[_vm._v(_vm._s(_vm.post.subtitle))]),_c('div',{staticClass:\"postSingleImage\",style:({backgroundImage: 'url('+_vm.post.img+')'})}),_c('small',[_vm._v(_vm._s(_vm.post.date))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.post.content)}}),_c('div',{staticClass:\"btn animated\",on:{\"click\":function($event){return _vm.$emit('changeRoute', {name: 'blog'})}}},[_c('div'),_c('span',[_vm._v(\"Go back\")])])]),_c('footerComp')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"postContainer\">\n        <div class=\"navContainer\"></div>\n        <img class=\"logoBlack\" src=\"@/assets/cl-logo-blog.png\" @click=\"$emit('changeRoute', {name: 'home'})\">\n        <div class=\"postContent\">\n            <h1>{{post.title}}</h1>\n            <h2>{{post.subtitle}}</h2>\n            <!--<div class=\"postSingleImage\" :style=\"{backgroundImage: 'url('+post.img+')'}\"\n                 @click=\"goToPost(index)\"></div>-->\n            <div class=\"postSingleImage\" :style=\"{backgroundImage: 'url('+post.img+')'}\"></div>\n            <small>{{post.date}}</small>\n            <p v-html=\"post.content\"></p>\n            <div class=\"btn animated\" @click=\"$emit('changeRoute', {name: 'blog'})\">\n                <div></div>\n                <span>Go back</span>\n            </div>\n        </div>\n        <footerComp/>\n    </div>\n</template>\n\n<script>\nexport default {\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    computed: {\n        post() {\n            return this.$store.state.currentPost\n        }\n    }\n}\n</script>\n\n<style lang=\"sass\">\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.postContainer\n    #footer\n        background-color: black !important\n    .navContainer\n        height: 120px\n        width: 100vw\n        position: fixed\n        z-index: 150\n        left: 0\n        top: 0\n        background: #fff\n        @media (max-width: 1100px)\n            height: 95px\n    width: 100vw\n    min-height: 100vh\n    overflow: hidden\n    height: auto\n    background-color: #fff\n    position: absolute\n    left: 0\n    top: 0\n    .postContent\n        h1, h2, small, p\n            color: black\n        padding-left: 0 !important\n        padding-right: 0 !important\n        padding-top: 180px !important\n        .btn\n            margin-left: 20vw\n            @media (max-width: 1100px)\n                margin-left: 20px\n            box-shadow: inset 0px 0px 0px 2px black\n            div\n                background-color: black !important\n            span\n                color: black\n            &:hover\n                span\n                    color: white\n        .postSingleImage\n            width: 100vw\n            margin-top: 100px\n            height: 30vw\n            background-size: cover\n            background-position: center\n        h1\n            opacity: 0\n            transform: translateX(-100px)\n            font-size: 70px\n            @media (max-width: 1100px)\n                font-size: 30px\n            margin: 90px 0 10px 0\n            animation: postTitleFadeLeft 1s 1.5s ease-in-out forwards\n        h2 \n            opacity: 0\n            transform: translateX(-100px)\n            margin: 0\n            font-size: 30px !important\n            @media (max-width: 1100px)\n                font-size: 15px !important\n                margin: 20px 10px 0 10px\n            animation: postTitleFadeLeft 1s 1.5s ease-in-out forwards\n        small, p\n            margin: 0\n            padding: 0 20vw\n            @media (max-width: 1100px)\n                padding: 20px\n            text-align: left\n            display: block\n        p\n            margin-bottom: 200px\n            line-height: 1.5\n            word-spacing: 5px\n            letter-spacing: .8px\n            @media (max-width: 1100px)\n                margin-bottom: 100px\n        small \n            margin: 100px 0 100px 0\n            @media (max-width: 1100px)\n                margin: 10px 0\n            font-weight: bold\n            font-style: italic\n            font-size: 15px\n        h2\n            font-size: 30px\n    .btn\n        margin-top: 15px\n        margin-left: 0\n        width: 140px\n        span\n            text-align: center\n        &:hover\n            span\n                color: #333\n\n@keyframes postTitleFadeLeft\n    0%\n        opacity: 0\n        transform: translateX(-100px)\n    100%\n        opacity: 1\n        transform: translateX(0)\n</style>","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!./Post.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!./Post.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Post.vue?vue&type=template&id=04f2bbe4&\"\nimport script from \"./Post.vue?vue&type=script&lang=js&\"\nexport * from \"./Post.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Post.vue?vue&type=style&index=0&id=04f2bbe4&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","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!./Post.vue?vue&type=style&index=0&id=04f2bbe4&prod&lang=sass&\""],"sourceRoot":""}