{"version":3,"sources":["webpack:///./src/assets/pepe/pepe-reis.jpg","webpack:///./src/assets/pepe/fitas-senhor-do-bonfim.jpg","webpack:///./src/assets/pepe/museu-masp.jpg","webpack:///./src/assets/pepe/parintins-boi-garantido.jpg","webpack:///./src/assets/pepe/pepe-full-art.jpg","webpack:///./src/assets/pepe/parintins-boi-caprichoso.jpg","webpack:///./src/assets/pepe/mercado-ver-o-peso.jpg","webpack:///./src/views/work/Desbravando.vue?6cfd","webpack:///src/views/work/Desbravando.vue","webpack:///./src/views/work/Desbravando.vue?4771","webpack:///./src/views/work/Desbravando.vue","webpack:///./src/assets/pepe/igreja-senhor-do-bonfim.jpg"],"names":["module","exports","__webpack_require__","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","_v","viewport","_e","_m","role","xmlns","viewBox","d","clip-rule","to","title","staticRenderFns","aria-labelledby","src","alt","Desbravandovue_type_script_lang_js_","name","props","Object","data","intro","TimelineMax","scroller","ScrollMagic","methods","mounted","clear","addLabel","from","autoAlpha","rotationX","transformOrigin","ease","Power3","easeOut","x","sceneBg","triggerElement","offset","h","duration","document","body","offsetHeight","addTo","reverse","on","e","classList","add","scrollDirection","remove","tlDisc","is768","bezier","curviness","values","xPercent","autoRotate","rotation","zIndex","fromTo","setTween","tlGallery","staggerTo","yPercent","stagger","tlLogo","strokeDashoffset","Power0","easeNone","beforeDestroy","destroy","work_Desbravandovue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/desbravando.aae23251.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/pepe-reis.7a6570a9.jpg\";","module.exports = __webpack_public_path__ + \"img/fitas-senhor-do-bonfim.147c67f3.jpg\";","module.exports = __webpack_public_path__ + \"img/museu-masp.80d6546c.jpg\";","module.exports = __webpack_public_path__ + \"img/parintins-boi-garantido.22b66795.jpg\";","module.exports = __webpack_public_path__ + \"img/pepe-full-art.d0eff926.jpg\";","module.exports = __webpack_public_path__ + \"img/parintins-boi-caprichoso.7596711a.jpg\";","module.exports = __webpack_public_path__ + \"img/mercado-ver-o-peso.559040bb.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\",attrs:{\"id\":\"desbravando\"}},[_c('div',{staticClass:\"static-container\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"\\n            work\"),(_vm.viewport.is568)?_c('br'):_vm._e(),_vm._v(\"(\"),_c('span',{staticClass:\"params\"},[_vm._v(\"'Desbravando'\")]),_vm._v(\")\\n        \")]),_c('div',{staticClass:\"std initial-fold\"},[(_vm.viewport.is568)?_c('p',{staticClass:\"-purple -full\"},[_vm._v(\"\\n                // Art Direction\"),_c('br'),_vm._v(\"\\n                // Illustration\"),_c('br')]):_c('p',{staticClass:\"-purple -full\"},[_vm._v(\"\\n                // Art Direction and Illustration\"),_c('br')]),_c('h2',{staticClass:\"subtitle\"},[_vm._v(\"\\n                Shaping sound\\n            \")]),_vm._m(0)]),_c('div',{staticClass:\"project-start\"}),_vm._m(1),_vm._m(2),_vm._m(3),_c('div',{staticClass:\"pepe-logo\",attrs:{\"role\":\"img\"}},[_c('div',{staticClass:\"hand-write-mask\"},[_c('svg',{staticClass:\"hand-write\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 210 16\"}},[_c('path',{staticClass:\"LZeLLPey_0\",attrs:{\"d\":\"M1.3 5.2s14.5-.3 37.8 1.1S72 9.4 74.8 7.5 77.3 3 79 3c2.5 0 3.3 12.5 3.3 12.5S81.4 3.4 84 3.4c1.5 0 1.8 3 3.3 3 2.2 0 4.3-3.3 3-3.3-1.5 0-.8 3.3 1.1 3.3 1.5 0 2.3-2.1 3.3-2.1 1.9 0 4.3 11 2.8 11-.9 0-2.3-11.3 1-11.3 1.7 0 1.6 3 4.5 2.2\",\"clip-rule\":\"evenodd\"}}),_c('path',{staticClass:\"LZeLLPey_1\",attrs:{\"d\":\"M104.4 5s2.9-1.8.9-2.4-1 3.9.9 3.9 3.1-2.3 2.7-3.2c.4 1.6 1.9.1 2.1 1s-.1 2.7 2 1.9\",\"clip-rule\":\"evenodd\"}}),_c('path',{staticClass:\"LZeLLPey_2\",attrs:{\"d\":\"M114.4 5.3s2.1-2.2.8-2.5c-1.3-.3-1.6 3.5.3 3.5 1.1 0 1.4-1.9 2.7-1.9.7 0 .9 1.9 2.2 1.9 1.3 0 2.7-2.8 4.3-2.8s2.3 2.8.8 3C127.7 4.7 132.1 3 140 3s38.1 2.3 69.3 2.3\",\"clip-rule\":\"evenodd\"}}),_c('path',{staticClass:\"LZeLLPey_3\",attrs:{\"d\":\"M103.9 1.5s1-1.9 2.4-.3\",\"clip-rule\":\"evenodd\"}}),_c('path',{staticClass:\"LZeLLPey_4\",attrs:{\"d\":\"M118.6.5l.6.6\",\"clip-rule\":\"evenodd\"}})])]),_c('div',{staticClass:\"text\"},[_vm._v(\"Desbravando\")])]),_vm._m(4),_c('nav',{staticClass:\"work-nav -pepe\"},[_c('h3',[_vm._v(\"// More...\")]),_c('ul',[_c('li',{staticClass:\"prev\"},[_c('router-link',{attrs:{\"to\":\"/work/admin-panel\",\"title\":\"Admin Panel\"}},[_c('svg',{staticClass:\"nav-ico -prev\",attrs:{\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"d\":\"M5,1h10v10 M5.5,10.5l0.8-0.8\"}})]),_vm._v(\"\\n                        ...Admin Panel\\n                    \")])],1),_c('li',{staticClass:\"next\"},[_c('router-link',{attrs:{\"to\":\"/work/confianca\",\"title\":\"Confiança\"}},[_vm._v(\"\\n                        Confiança...\\n                        \"),_c('svg',{staticClass:\"nav-ico -next\",attrs:{\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"d\":\"M5,1h10v10 M5.5,10.5l0.8-0.8\"}})])])],1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"-gray\"},[_c('i',[_vm._v(\"Desbravando\")]),_vm._v(\" (Trawling) was a musical project from the musician \"),_c('i',[_vm._v(\"Pepê Reis\")]),_vm._v(\", who traveled\\n                through rhythms all over Brazil.\\n            \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cd-case\",attrs:{\"role\":\"img\",\"aria-labelledby\":\"discAlt\"}},[_c('p',{staticClass:\"ariaLabel\",attrs:{\"id\":\"discAlt\"}},[_vm._v(\"A paper CD case with the \"),_c('i',[_vm._v(\"Desbravando\")]),_vm._v(\" cover and a disk rolling\\n                out of the case.\")]),_c('div',{staticClass:\"case\"}),_c('div',{staticClass:\"disc\"}),_c('div',{staticClass:\"disc-shadow\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"std\"},[_c('h3',{staticClass:\"-red\"},[_vm._v(\"// Concept\")]),_c('p',[_vm._v(\"\\n                A visual representation of all rhythms, cities, culture and natural beauty that inspired the album.\\n            \")]),_c('h2',{staticClass:\"subtitle\"},[_vm._v(\"Elements & moods\")]),_c('p',[_vm._v(\"\\n                The final art goes straight to the point, overlapping Brazil’s east coast, its cities, and monuments\\n                with the artist's face.\\n            \")]),_c('p',[_c('i',[_vm._v(\"Pepê\")]),_vm._v(\" is primarily a singer and composer. In this album, he sang about love, cultural\\n                differences, and specific aspects of Brazilian everyday life.\\n            \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"gallery-inspiration\"},[_c('ul',[_c('li',{staticClass:\"f1\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/parintins-boi-garantido.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"The fantasy of a white ox, called \"),_c('i',[_vm._v(\"\\\"Boi Garantido\\\"\")]),_vm._v(\" (Confident Ox) with\\n                            golden horns and a red heart on the forehead, used at the Parintins festival in Brazil.\\n                        \")])])]),_c('li',{staticClass:\"f2\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/parintins-boi-caprichoso.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"The fantasy of a black ox, called \"),_c('i',[_vm._v(\"\\\"Boi Caprichoso\\\"\")]),_vm._v(\" (Whimsical Ox) with\\n                            white horns and a blue start on the forehead, used at the Parintins festival in Brazil.\\n                        \")])])]),_c('li',{staticClass:\"f3\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/fitas-senhor-do-bonfim.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"The hand of a woman taking one of several colored ribbons of the \"),_c('i',[_vm._v(\"\\\"Senhor do\\n                            Bonfim\\\"\")]),_vm._v(\", with the writing: \"),_c('i',[_vm._v(\"\\\"Lembrança do Senhor do Bonfim da Bahia\\\"\")]),_vm._v(\" (A\\n                            memento from the Lord of Bonfim of Bahia).\\n                        \")])])]),_c('li',{staticClass:\"f4\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/pepe-reis.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"A portrait of Pepê Reis, in profile pose, turned to the left.\")])])]),_c('li',{staticClass:\"f5\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/igreja-senhor-do-bonfim.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"The historical church of \"),_c('i',[_vm._v(\"\\\"Senhor do Bonfim\\\"\")]),_vm._v(\", in the state of Bahia,\\n                            Brazil. With two towers, white walls and a staircase surrounding its entrance.\\n                        \")])])]),_c('li',{staticClass:\"f6\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/museu-masp.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"The MASP museum in the city of São Paulo, Brazil, with its four red pillars and\\n                            its glass façade.\\n                        \")])])]),_c('li',{staticClass:\"f7\"},[_c('figure',[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/mercado-ver-o-peso.jpg\"),\"alt\":\"\"}}),_c('figcaption',[_vm._v(\"The historical public market \"),_c('i',[_vm._v(\"\\\"Ver o Peso\\\"\")]),_vm._v(\", (Cheeck the Weight) located by\\n                            the river, in the bay of \"),_c('i',[_vm._v(\"Guajará\")]),_vm._v(\", with its four towers, blue walls and some\\n                            fishing boats in front.\\n                        \")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pepe-full-art\"},[_c('img',{attrs:{\"src\":require(\"@/assets/pepe/pepe-full-art.jpg\"),\"alt\":\"The final art: with Pepe's head decorated with foliage, flowers, musical instruments and historical monuments, and a musical note in his throat, he flies over an ocean where a guitar is floating on the waves.\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"desbravando\" class=\"wrapper\">\n\n        <div class=\"static-container\">\n            <h1 class=\"title\">\n                work<br v-if=\"viewport.is568\">(<span class=\"params\">'Desbravando'</span>)\n            </h1>\n\n            <div class=\"std initial-fold\">\n                <p class=\"-purple -full\" v-if=\"viewport.is568\">\n                    // Art Direction<br>\n                    // Illustration<br>\n                </p>\n                <p class=\"-purple -full\" v-else>\n                    // Art Direction and Illustration<br>\n                </p>\n\n                <h2 class=\"subtitle\">\n                    Shaping sound\n                </h2>\n                <p class=\"-gray\">\n                    <i>Desbravando</i> (Trawling) was a musical project from the musician <i>Pepê Reis</i>, who traveled\n                    through rhythms all over Brazil.\n                </p>\n            </div>\n\n            <div class=\"project-start\"></div>\n\n            <div class=\"cd-case\" role=\"img\" aria-labelledby=\"discAlt\">\n                <p id=\"discAlt\" class=\"ariaLabel\">A paper CD case with the <i>Desbravando</i> cover and a disk rolling\n                    out of the case.</p>\n                <div class=\"case\"></div>\n                <div class=\"disc\"></div>\n                <div class=\"disc-shadow\"></div>\n            </div>\n\n            <div class=\"std\">\n\n                <h3 class=\"-red\">// Concept</h3>\n                <p>\n                    A visual representation of all rhythms, cities, culture and natural beauty that inspired the album.\n                </p>\n\n                <h2 class=\"subtitle\">Elements & moods</h2>\n\n                <p>\n                    The final art goes straight to the point, overlapping Brazil’s east coast, its cities, and monuments\n                    with the artist's face.\n                </p>\n                <p>\n                    <i>Pepê</i> is primarily a singer and composer. In this album, he sang about love, cultural\n                    differences, and specific aspects of Brazilian everyday life.\n                </p>\n\n            </div>\n\n            <div class=\"gallery-inspiration\">\n                <ul>\n                    <li class=\"f1\">\n                        <figure>\n                            <img src=\"@/assets/pepe/parintins-boi-garantido.jpg\" alt=\"\">\n                            <figcaption>The fantasy of a white ox, called <i>\"Boi Garantido\"</i> (Confident Ox) with\n                                golden horns and a red heart on the forehead, used at the Parintins festival in Brazil.\n                            </figcaption>\n                        </figure>\n                    </li>\n                    <li class=\"f2\">\n                        <figure>\n                            <img src=\"@/assets/pepe/parintins-boi-caprichoso.jpg\" alt=\"\">\n                            <figcaption>The fantasy of a black ox, called <i>\"Boi Caprichoso\"</i> (Whimsical Ox) with\n                                white horns and a blue start on the forehead, used at the Parintins festival in Brazil.\n                            </figcaption>\n                        </figure>\n                    </li>\n                    <li class=\"f3\">\n                        <figure>\n                            <img src=\"@/assets/pepe/fitas-senhor-do-bonfim.jpg\" alt=\"\">\n                            <figcaption>The hand of a woman taking one of several colored ribbons of the <i>\"Senhor do\n                                Bonfim\"</i>, with the writing: <i>\"Lembrança do Senhor do Bonfim da Bahia\"</i> (A\n                                memento from the Lord of Bonfim of Bahia).\n                            </figcaption>\n                        </figure>\n                    </li>\n                    <li class=\"f4\">\n                        <figure>\n                            <img src=\"@/assets/pepe/pepe-reis.jpg\" alt=\"\">\n                            <figcaption>A portrait of Pepê Reis, in profile pose, turned to the left.</figcaption>\n                        </figure>\n                    </li>\n                    <li class=\"f5\">\n                        <figure>\n                            <img src=\"@/assets/pepe/igreja-senhor-do-bonfim.jpg\" alt=\"\">\n                            <figcaption>The historical church of <i>\"Senhor do Bonfim\"</i>, in the state of Bahia,\n                                Brazil. With two towers, white walls and a staircase surrounding its entrance.\n                            </figcaption>\n                        </figure>\n                    </li>\n                    <li class=\"f6\">\n                        <figure>\n                            <img src=\"@/assets/pepe/museu-masp.jpg\" alt=\"\">\n                            <figcaption>The MASP museum in the city of São Paulo, Brazil, with its four red pillars and\n                                its glass façade.\n                            </figcaption>\n                        </figure>\n                    </li>\n                    <li class=\"f7\">\n                        <figure>\n                            <img src=\"@/assets/pepe/mercado-ver-o-peso.jpg\" alt=\"\">\n                            <figcaption>The historical public market <i>\"Ver o Peso\"</i>, (Cheeck the Weight) located by\n                                the river, in the bay of <i>Guajará</i>, with its four towers, blue walls and some\n                                fishing boats in front.\n                            </figcaption>\n                        </figure>\n                    </li>\n                </ul>\n            </div>\n\n            <div class=\"pepe-logo\" role=\"img\">\n                <div class=\"hand-write-mask\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 210 16\" class=\"hand-write\">\n                        <path d=\"M1.3 5.2s14.5-.3 37.8 1.1S72 9.4 74.8 7.5 77.3 3 79 3c2.5 0 3.3 12.5 3.3 12.5S81.4 3.4 84 3.4c1.5 0 1.8 3 3.3 3 2.2 0 4.3-3.3 3-3.3-1.5 0-.8 3.3 1.1 3.3 1.5 0 2.3-2.1 3.3-2.1 1.9 0 4.3 11 2.8 11-.9 0-2.3-11.3 1-11.3 1.7 0 1.6 3 4.5 2.2\" clip-rule=\"evenodd\" class=\"LZeLLPey_0\"></path>\n                        <path d=\"M104.4 5s2.9-1.8.9-2.4-1 3.9.9 3.9 3.1-2.3 2.7-3.2c.4 1.6 1.9.1 2.1 1s-.1 2.7 2 1.9\" clip-rule=\"evenodd\" class=\"LZeLLPey_1\"></path>\n                        <path d=\"M114.4 5.3s2.1-2.2.8-2.5c-1.3-.3-1.6 3.5.3 3.5 1.1 0 1.4-1.9 2.7-1.9.7 0 .9 1.9 2.2 1.9 1.3 0 2.7-2.8 4.3-2.8s2.3 2.8.8 3C127.7 4.7 132.1 3 140 3s38.1 2.3 69.3 2.3\" clip-rule=\"evenodd\" class=\"LZeLLPey_2\"></path>\n                        <path d=\"M103.9 1.5s1-1.9 2.4-.3\" clip-rule=\"evenodd\" class=\"LZeLLPey_3\"></path>\n                        <path d=\"M118.6.5l.6.6\" clip-rule=\"evenodd\" class=\"LZeLLPey_4\"></path>\n                    </svg>\n                </div>\n                <div class=\"text\">Desbravando</div>\n            </div>\n\n            <div class=\"pepe-full-art\">\n                <img src=\"@/assets/pepe/pepe-full-art.jpg\" alt=\"The final art: with Pepe's head decorated with foliage, flowers, musical instruments and historical monuments, and a musical note in his throat, he flies over an ocean where a guitar is floating on the waves.\">\n            </div>\n\n            <nav class=\"work-nav -pepe\">\n                <h3>// More...</h3>\n                <ul>\n                    <li class=\"prev\">\n                        <router-link to=\"/work/admin-panel\" title=\"Admin Panel\">\n                            <svg class=\"nav-ico -prev\" viewBox=\"0 0 16 16\">\n                                <path d=\"M5,1h10v10 M5.5,10.5l0.8-0.8\"/>\n                            </svg>\n                            ...Admin Panel\n                        </router-link>\n                    </li>\n                    <li class=\"next\">\n                        <router-link to=\"/work/confianca\" title=\"Confiança\">\n                            Confiança...\n                            <svg class=\"nav-ico -next\" viewBox=\"0 0 16 16\">\n                                <path d=\"M5,1h10v10 M5.5,10.5l0.8-0.8\"/>\n                            </svg>\n                        </router-link>\n                    </li>\n                </ul>\n            </nav>\n\n        </div>\n\n    </div>\n</template>\n\n<script>\n    // styles\n    import '@/styles/work.scss'\n    import '@/styles/work/desbravando.scss'\n    // ScrollMagic\n    import * as ScrollMagic from \"scrollmagic\";\n\n    export default {\n        name: 'desbravando',\n        props: {\n            viewport: Object,\n        },\n        data() {\n            return {\n                intro: new TimelineMax(),\n                scroller: new ScrollMagic.Controller(),\n            }\n        },\n        methods: {},\n        mounted() {\n\n            /**\n             * @desc\n             * Intro scene\n             */\n            this.intro\n                .clear(true)\n                .addLabel('enter', 1)\n                .from('.title', 2, {\n                    autoAlpha: 0,\n                    rotationX: 20,\n                    transformOrigin: '50% 50% -100px',\n                    ease: Power3.easeOut,\n                }, 'enter')\n                .from('.std', 2, {\n                    autoAlpha: 0,\n                    x: -32,\n                    ease: Power3.easeOut,\n                }, 'enter+=1.5');\n\n            /**\n             * @desc\n             * bg color scene\n             */\n            let sceneBg = new ScrollMagic.Scene({\n                triggerElement: '.project-start',\n                offset: this.viewport.h / 4,\n                duration: document.body.offsetHeight\n            })\n                .addTo(this.scroller)\n                .reverse(true);\n            sceneBg\n                .on('enter', (e) => {\n                    document.body.classList.add('-desbravando-bg');\n                })\n                .on('leave', (e) => {\n                    if (e.scrollDirection === 'REVERSE') {\n                        document.body.classList.remove('-desbravando-bg');\n                    }\n                });\n\n            /**\n             * @desc\n             * cd disc scene\n             */\n            let tlDisc = new TimelineMax();\n            if (this.viewport.is768) {\n                // 768 screen animation\n                tlDisc\n                    .to('.cd-case .case', 4, {\n                        bezier: {\n                            curviness: .5,\n                            values: [\n                                {xPercent: -40,},\n                                {xPercent: -10,}\n                            ],\n                            autoRotate: false\n                        },\n                    })\n                    .to('.cd-case .disc', 4, {\n                        bezier: {\n                            curviness: 1.25,\n                            values: [\n                                {xPercent: 60, rotation: 30, zIndex: 2},\n                                {xPercent: 20, rotation: 10, zIndex: 10}\n                            ],\n                            autoRotate: false\n                        },\n                    }, 0)\n                    .to('.cd-case .disc-shadow', 4, {\n                        bezier: {\n                            curviness: .5,\n                            values: [\n                                {xPercent: 60},\n                                {xPercent: 20}\n                            ],\n                            autoRotate: false\n                        },\n                    }, 0);\n            } else {\n                // default screen animation\n                tlDisc\n                    .to('.cd-case .case', 4, {\n                        xPercent: -20,\n                        ease: Power3.easeOut\n                    })\n                    .fromTo('.cd-case .disc', 4, {\n                        rotation: -180,\n                    }, {\n                        xPercent: 60,\n                        rotation: 10,\n                        ease: Power3.easeOut\n                    }, 0)\n                    .to('.cd-case .disc-shadow', 4, {\n                        xPercent: 60,\n                        ease: Power3.easeOut\n                    }, 0);\n            }\n\n            let sceneDisc = new ScrollMagic.Scene({\n                triggerElement: '.project-start',\n                offset: -this.viewport.h / 4,\n                duration: this.viewport.h\n            })\n                .setTween(tlDisc)\n                .addTo(this.scroller)\n                .reverse(true);\n\n            /**\n             * @desc\n             * cd gallery scene\n             */\n            let tlGallery = new TimelineMax();\n\n            tlGallery\n                .staggerTo('.gallery-inspiration li', 4, {\n                    yPercent: -40,\n                    stagger: .5\n                });\n\n            let sceneGallery = new ScrollMagic.Scene({\n                triggerElement: '.gallery-inspiration',\n                offset: -this.viewport.h / 4,\n                duration: this.viewport.h * 4\n            })\n                .setTween(tlGallery)\n                .addTo(this.scroller)\n                .reverse(true);\n\n            /**\n             * @desc\n             * cd logo scene\n             */\n            let tlLogo = new TimelineMax();\n\n            tlLogo\n                .staggerTo('.LZeLLPey_0, .LZeLLPey_1, .LZeLLPey_2, .LZeLLPey_3, .LZeLLPey_4', 1, {\n                    strokeDashoffset: 0,\n                    stagger: 1,\n                    ease: Power0.easeNone\n                })\n                .from('.pepe-logo .text', 5, {\n                    autoAlpha: 0,\n                    yPercent: -25,\n                    ease: Power3.easeOut\n                }, 0);\n\n            let sceneLogo = new ScrollMagic.Scene({\n                triggerElement: '.pepe-logo',\n                offset: -this.viewport.h / 3,\n                duration: this.viewport.h\n            })\n                .setTween(tlLogo)\n                .addTo(this.scroller)\n                .reverse(true);\n\n        },\n        beforeDestroy() {\n\n            this.scroller.destroy();\n\n        }\n    };\n</script>\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!./Desbravando.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!./Desbravando.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Desbravando.vue?vue&type=template&id=28c23c36&\"\nimport script from \"./Desbravando.vue?vue&type=script&lang=js&\"\nexport * from \"./Desbravando.vue?vue&type=script&lang=js&\"\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/igreja-senhor-do-bonfim.d076dc9e.jpg\";"],"sourceRoot":""}