{"version":3,"sources":["webpack:////src/components/Footer.vue?6fd7","webpack:////src/components/Container.vue","webpack:////src/components/Container.vue?f6d5","webpack:////src/components/Container.vue?1a88","webpack:////src/components/Footer.vue","webpack:////src/components/Footer.vue?6cf5"],"names":["class","color","links","title","subtitle","props","render","__scopeId","src","width","height","alt","href","id","t","icon","className","components","Container","Svg","setup","messages","en","fr"],"mappings":"kHAAA,W,gKCEwBA,MAAM,uC,GACnBA,MAAM,sB,SACFA,MAAM,oB,kFAHnB,eAaM,OAbDA,MAAK,CAAC,YAAoB,EAAAC,MAAK,cAAiB,EAAAA,MAAK,K,CAC3C,EAAAC,O,iBAAX,eAAoE,MAApE,I,sBACA,eAUM,MAVN,EAUM,CATkC,EAAAC,O,iBAApC,eAOM,MAPN,EAOM,CANF,eAEK,yBADC,EAAAA,OAAK,GAED,EAAAC,U,iBAAV,eAEK,sBADC,EAAAA,UAAQ,I,+CAGlB,eAAO,uB,MAMF,GACXC,MAAM,CAAC,QAAS,QAAS,WAAY,U,UCdzC,EAAOC,OAASA,EAChB,EAAOC,UAAY,kBAEJ,U,kCCRf,W,kLCEcP,MAAM,U,EACV,eAEM,OAFDA,MAAM,gBAAc,CACrB,eAA+H,OAA1HQ,IAAA,IAAsCC,MAAM,QAAQC,OAAO,QAASC,IAAI,wBAAwBX,MAAM,wB,MAExGA,MAAM,sC,GACFA,MAAM,sB,GACHA,MAAM,mB,GACNA,MAAM,sB,GAETA,MAAM,uB,GACJY,KAAK,yBAAyBZ,MAAM,kB,GAM1CA,MAAM,qC,GACFA,MAAM,sB,GACJY,KAAK,yBAAyBZ,MAAM,mB,iBACgB,qB,GAIrDA,MAAM,sB,GACLY,KAAK,oBAAoBZ,MAAM,mB,iBACsB,sB,GAItDA,MAAM,sB,GACHA,MAAM,mB,iBAC4C,gC,EACxB,eAAI,mB,iBAAA,kB,EAM3C,eAIM,OAJDA,MAAM,qCAAmC,CAC1C,eAEM,OAFDA,MAAM,sBAAqB,6B,qIAxC9C,eA6CY,GA7CDa,GAAG,SAASZ,MAAM,a,YACzB,iBA2CS,CA3CT,eA2CS,SA3CT,EA2CS,CA1CL,EAGE,eAUM,MAVN,EAUM,CATF,eAGM,MAHN,EAGM,CAFF,eAA+C,KAA/C,EAA+C,eAAjB,EAAAa,EAAC,aAC/B,eAAqD,KAArD,EAAqD,eAApB,EAAAA,EAAC,kBAEtC,eAIM,MAJN,EAIM,CAHF,eAEI,IAFJ,EAEI,eADE,EAAAA,EAAC,mBAKf,eAoBM,MApBN,EAoBM,CAnBF,eAKM,MALN,EAKM,CAJF,eAGI,IAHJ,EAGI,CAFA,eAAmD,GAA9CC,KAAK,OAAOC,UAAU,yB,MAIlC,eAKK,MALL,EAKK,CAJF,eAGI,IAHJ,EAGI,CAFA,eAAoD,GAA/CD,KAAK,QAAQC,UAAU,yB,MAInC,eAMK,MANL,EAMK,CALF,eAIM,MAJN,EAIM,CAHF,eAAmD,GAA9CD,KAAK,OAAOC,UAAU,yB,EACA,E,QAMvC,Q,6CAeG,GACXC,WAAY,CAACC,YAAA,KAAWC,MAAA,MACxBC,MAFW,WAEJ,MACW,eAAQ,CAClBC,SAAS,CACPC,GAAI,EAAQ,QACZC,GAAI,EAAQ,WAHTT,EADN,EACMA,EAOT,MAAO,CAACA,O,UC5DhB,EAAOR,OAASA,EAChB,EAAOC,UAAY,kBAEJ","file":"js/chunk-3933d104.efcab28c.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-v16/dist/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-v16/dist/index.js??ref--0-1!./Footer.vue?vue&type=style&index=0&id=756a1b1e&lang=scss&scoped=true\"","<template>\n  <div class=\"container\" :class=\"color ? 'container__'+color : ''\">\n      <div v-if=\"links\" class=\"container__link container__link--up\"></div>\n      <div class=\"container__content\">\n          <div class=\"container__title\" v-if=\"title\">\n              <h2>\n                  {{title}}\n              </h2>\n              <h3 v-if=\"subtitle\">\n                  {{subtitle}}\n              </h3>\n          </div>\n          <slot/>\n      </div>\n  </div>\n</template>\n\n<script>\nexport default {\n    props:['color', 'title', 'subtitle', 'links']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n    @import '@/style/main';\n    .container{\n       position: relative;\n        \n        &__content{\n             max-width: $page-width;\n            margin: 0 auto;\n            padding: 6rem 0;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            @include respond(tab-land){\n                width: 95%;\n            }\n            @include respond(phone){\n                width: 92%;\n            }\n            @include respond(large-desktop){\n                max-width: $page-width-large;\n            }\n        }\n\n        &__title{\n            text-align: center;\n            margin-bottom: 4rem;\n\n            & h2{\n                text-transform: uppercase;\n                font-weight: 700;\n                font-size: 2.4rem;\n                letter-spacing: .2rem;\n                margin-bottom: 1.4rem;\n            }\n\n            & h3{\n                font-weight: 300;\n                font-size: 1.8rem;\n                letter-spacing: .1rem;\n                margin-bottom: 2rem;\n            }\n        }\n\n        &__blue-dark{\n            background-color: $color-blue-dark;\n            color:$color-white;\n        }\n\n        &__blue-light{\n            background-color: $color-bck-blue-light;\n        }\n\n        &__blue{\n            background-color: $color-blue-main;\n            color: $color-white;\n        }\n\n        &__link{\n            position: absolute;\n            left: 50%;\n            width: 2px;\n            height: 4rem;\n            background-color: $color-text;\n            z-index: 5;\n\n            &--up{\n                top: 0;\n                transform: translateY(-50%);\n            }\n        }\n    }\n</style>","import { render } from \"./Container.vue?vue&type=template&id=60ee86de&scoped=true\"\nimport script from \"./Container.vue?vue&type=script&lang=js\"\nexport * from \"./Container.vue?vue&type=script&lang=js\"\n\nimport \"./Container.vue?vue&type=style&index=0&id=60ee86de&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-60ee86de\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Container.vue?vue&type=style&index=0&id=60ee86de&lang=scss&scoped=true\"","<template>\n  <container id=\"footer\" color=\"blue-dark\">\n      <footer class=\"footer\">\n          <div class=\"footer__logo\">\n              <img src=\"@/assets/img/doe-logo-white.svg\" width=\"184.6\" height=\"125.2\"  alt=\"digital on earth logo\" class=\"footer__logo--img\">\n          </div>\n            <div class=\"footer__line footer__line--contact\">\n                <div class=\"footer__line--item\">\n                    <h2 class=\"footer__heading\">{{t('title')}}</h2>\n                    <h3 class=\"footer__subheading\">{{t('subtitle')}}</h3>\n                </div>\n                <div class=\"footer__liner--item\">\n                    <a href=\"mailto:info@onearth.be\" class=\"btn btn--white\">\n                        {{t('contact')}}\n                    </a>\n                </div>\n            </div>\n\n            <div class=\"footer__line footer__line--action\">\n                <div class=\"footer__line--item\">\n                    <a href=\"mailto:info@onearth.be\" class=\"footer__contact\">\n                        <Svg icon=\"mail\" className=\"footer__contact--svg\"/>\n                        info@onearth.be\n                    </a>\n                </div>\n                 <div class=\"footer__line--item\">\n                    <a href=\"tel:0032497331008\" class=\"footer__contact\">\n                        <Svg icon=\"phone\" className=\"footer__contact--svg\"/>\n                        +32 497 33 10 08\n                    </a>\n                </div>\n                 <div class=\"footer__line--item\">\n                    <div class=\"footer__contact\">\n                        <Svg icon=\"home\" className=\"footer__contact--svg\"/>\n                        1384/5 chaussée de waterloo<br>\n                        B-1180 uccle\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"footer__line footer__line--bottom\">\n                <div class=\"footer__line--item\">\n                    TVA : BE.0763.581.921\n                </div>\n            </div>\n      </footer>\n  </container>\n</template>\n\n<script>\nimport Container from './Container'\nimport Svg from './utils/Svg';\n\nimport {useI18n} from 'vue-i18n';\n\nexport default {\n    components: {Container, Svg},\n    setup(){\n          const {t} = useI18n({\n            messages:{\n              en: require('../locales/en/footer.json'),\n              fr: require('../locales/fr/footer.json')\n            }\n        })\n\n        return {t}\n\n    }\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n@import '@/style/main';\n\n.footer{\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    &__logo{\n        margin-bottom: 2rem;\n        &--img{\n            width: auto;\n            height: 8rem;\n        }\n    }\n\n    &__heading{\n        text-transform: uppercase;\n        margin-bottom: .4rem;\n    }\n\n    &__subheading{\n        text-transform: uppercase;\n        font-weight: 300;\n    }\n\n\n    &__line{\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n\n        &--item{\n            @include respond(phone){\n                margin-bottom: 2rem;\n            }\n        }\n\n        @include respond(phone){\n            flex-direction: column;\n        }\n        \n\n        &--contact{\n            margin-bottom: 4rem;\n\n        }\n\n        &--action{\n            margin-bottom: 3rem\n        }\n\n        &--bottom{\n            border-top: 2px solid currentColor;\n            padding-top: 1rem\n        }\n    }\n    &__contact{\n        @include buttonNoStyle;\n        display: flex;\n        align-items: center;\n        text-transform: uppercase;\n        letter-spacing: .1rem;\n        &--svg{\n            @include svg(3rem);\n            margin-right: 1.5rem;\n        }\n    }\n    \n}\n\n</style>","import { render } from \"./Footer.vue?vue&type=template&id=756a1b1e&scoped=true\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport \"./Footer.vue?vue&type=style&index=0&id=756a1b1e&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-756a1b1e\"\n\nexport default script"],"sourceRoot":""}