{"version":3,"sources":["webpack:///./src/views/Static/About.vue?6b53","webpack:///./src/views/Static/About.vue?564f","webpack:///src/views/Static/About.vue","webpack:///./src/views/Static/About.vue?65af","webpack:///./src/views/Static/About.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","domProps","_s","aboutText","staticRenderFns","_v","axios","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAG,GAAGF,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,MAAM,CAACG,YAAY,eAAe,CAACP,EAAIM,GAAG,GAAGF,EAAG,MAAM,CAACG,YAAY,4BAA4BC,SAAS,CAAC,UAAYR,EAAIS,GAAGT,EAAIU,qBACnSC,EAAkB,CAAC,WAAa,IAAIX,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,KAAK,CAACJ,EAAIY,GAAG,gBAAgB,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,KAAK,CAACJ,EAAIY,GAAG,kB,8CCsBvW,GACE,KAAF,QACE,KAFF,WAGI,MAAJ,CACM,QAAN,EACM,UAAN,KAGE,QARF,WASI,KAAJ,uBAEE,QAAF,CACI,QADJ,SACA,GAAM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,sBACgB,EAAhB,oBAEgBC,EAAhB,KACA,IADA,iBACA,IACA,kBACkB,EAAlB,2BACkB,EAAlB,uBAEA,mBAAkB,OAAlB,kBACA,oBACkB,EAAlB,uBAXA,gDCnC8V,I,wBCQ1VC,EAAY,eACd,EACAf,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAG,E","file":"js/chunk-79502e90.20875149.js","sourcesContent":["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=32a8222f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"static site__centered\"},[_c('div',{staticClass:\"static-body\"},[_vm._m(1),_c('div',{staticClass:\"static-text-container row\",domProps:{\"innerHTML\":_vm._s(_vm.aboutText)}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"static-head\"},[_c('div',{staticClass:\"message-container\"},[_c('h1',[_vm._v(\"About\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"static-header\"},[_c('h3',[_vm._v(\"About Us\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"static-head\">\n            <div class=\"message-container\">\n                <h1>About</h1>\n            </div>\n        </div>\n        <div class=\"static site__centered\">\n            \n            <div class=\"static-body\">\n                <div class=\"static-header\">\n                    <h3>About Us</h3>\n                </div>\n                <div class=\"static-text-container row\" v-html=\"aboutText\">\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import axios from '@axios'\n\n    export default {\n        name: \"About\",\n        data() {\n            return {\n                aboutId: 1,\n                aboutText: '',\n            }\n        },\n        mounted() {\n            this.getData(this.aboutId);\n        },\n        methods: {\n            async getData(id) {\n                this.$emit('loading', true)\n\n                axios\n                    .get(`/about/${id}`)\n                    .then(response => {\n                        this.aboutText = response.data.data.text;\n                        this.$emit('loading', false)\n                    })\n                    .catch(error => console.log(error))\n                    .finally(() => {\n                        this.$emit('loading', false)\n                    })\n            },\n        },\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n@import 'src/assets/scss/colors/colors';\n\n.message-container {\n    position: absolute;\n    font-size: 66px;\n    font-weight: 700;\n    color: white;\n    text-align: center;\n    width: 100%;\n}\n\n.message-container p, message-container span {\n    font-weight: 400;\n}\n\n.message-container p {\n    color: #0D1333;\n    font-size: 18px;\n    margin-bottom: 20px;\n}\n\n.message-container span {\n    color: #8F95B2;\n    font-size: 14px;\n}\n\n.message-container a {\n    width: 100%;\n    margin-top: 30px;\n}\n\n.message-container a span {\n    color: #ffffff;\n}\n\n.message-container a:hover span {\n    color: $primary;\n}\n\n.static-body {\n    margin: 30px 0;\n}\n\n.static-header {\n    display: flex;\n}\n\n.static-header h3 {\n    font-weight: 900;\n    font-size: 36px;\n    color: #000000;\n}\n\n.static-header span {\n    /*margin-left: 70px;*/\n    padding-left: 60px;\n    font-weight: 400;\n    font-size: 20px;\n    /*line-height: 22px;*/\n}\n\n.static-text-container {\n    margin: 25px 0;\n}\n\n.static-text-container span {\n    font-size: 20px;\n    font-weight: 200;\n    line-height: 30px;\n}\n\n.static-text-box .box {\n    width: 100%;\n    background: #FFFFFF;\n    border: 1px solid #E9EAEF;\n    box-sizing: border-box;\n    border-radius: 15px;\n    padding: 44px;\n    min-height: 280px;\n}\n\n.static-text-box .box h3 {\n\n    font-weight: 900;\n    font-size: 24px;\n    line-height: 30px;\n    letter-spacing: -0.01em;\n    color: $secondary;\n    margin-bottom: 20px;\n}\n\n.static-text-box .box ul li {\n    list-style-type: disc;\n    font-size: 16px;\n    line-height: 30px;\n}\n\n.static-text-card {\n    margin: 35px 0;\n}\n\n.card {\n    width: 100%;\n    border-radius: 15px;\n    min-height: 280px;\n    border-radius: 15px;\n    padding: 31px;\n    color: #ffffff;\n}\n\n.card.blue {\n    background: #E8E6E6;\n}\n\n.card.blue .blue-col {\n    font-size: 16px;\n    line-height: 21px;\n    margin: 10px 0;\n}\n\n.card.blue .blue-col,\n.card.logo-card .logo-col {\n    margin-left: 10px;\n}\n\n.card.blue .blue-col:before,\n.card.logo-card .logo-col:before {\n    content: \"\";\n    display: block;\n    /*background-image: url('/assets/images/icons/icon-mail.svg');*/\n    /*background-size: cover;*/\n\n    background: $secondary;\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    top: 18px;\n    left: 0;\n}\n\n.card.logo-card .logo-col:before {\n    top: 10px;\n}\n\n.card.logo-card {\n    background: #EDA600;\n    display: flex;\n    align-items: flex-start !important;\n    flex-direction: column !important;\n    /*background-image: url(\"/assets/picture/Rectangle 434.png\");*/\n    background-size: cover;\n}\n\n.card.logo-card h3 {\n    font-weight: bold;\n    font-size: 30px;\n    line-height: 32px;\n    margin-bottom: auto !important;\n}\n\n.card.logo-card .logo-card-container {\n    background: #FFFFFF;\n    border-radius: 15px;\n    padding: 24px;\n    width: 100%;\n    color: $secondary;\n}\n\n.row {\n    display: flex;\n    flex-wrap: wrap;\n    margin-right: -15px;\n    margin-left: -15px;\n}\n\n.col-6, .col-4 {\n    position: relative;\n    width: 100%;\n    min-height: 1px;\n    padding-right: 15px;\n    padding-left: 15px;\n}\n\n.col-6 {\n    flex: 0 0 50%;\n    max-width: 50%;\n}\n\n.col-4 {\n    flex: 0 0 33.3333333333%;\n    max-width: 33.3333333333%;\n}\n@media screen and (max-width: 767px) {\n    .static-text-container span {\n        font-size: 16px;\n    }\n    .static-text-box .box {\n        margin-bottom: 30px;\n    }\n    .col-sm-12 {\n        padding-right: 15px;\n        padding-left: 15px;\n        flex: 0 0 100%;\n        max-width: 100%;\n    }\n}\n</style>","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=32a8222f&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=32a8222f&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  \"32a8222f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}