{"version":3,"sources":["webpack:///./src/views/About.vue?a56b","webpack:///src/views/About.vue","webpack:///./src/views/About.vue?4206","webpack:///./src/views/About.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","_v","href","target","title","xmlns","viewBox","role","aria-labelledby","stroke","d","fill-rule","clip-rule","fill","stroke-linecap","stroke-linejoin","stroke-miterlimit","_m","staticRenderFns","Aboutvue_type_script_lang_js_","name","data","intro","TimelineMax","scroller","ScrollMagic","methods","mounted","addLabel","from","autoAlpha","rotationX","transformOrigin","ease","Power3","easeOut","x","duration","window","innerHeight","tlHeader","to","Power0","easeNone","triggerElement","offset","setTween","addTo","reverse","beforeDestroy","destroy","views_Aboutvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/about.7829e17a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\",attrs:{\"id\":\"about\"}},[_c('div',{staticClass:\"static-container\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"\\n            about()\\n        \")]),_c('div',{staticClass:\"std\"},[_c('div',{staticClass:\"first-fold\"},[_c('ul',{staticClass:\"about-contact\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://www.linkedin.com/in/iuridepaula/\",\"target\":\"_blank\",\"title\":\"LinkedIn\"}},[_c('svg',{staticClass:\"ico\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 16 16\",\"role\":\"img\",\"aria-labelledby\":\"LinkedinIcoTitle\"}},[_c('title',{attrs:{\"id\":\"LinkedinIcoTitle\"}},[_vm._v(\"LinkedIn logo\")]),_c('path',{attrs:{\"stroke\":\"none\",\"d\":\"M14.8 0H1.2C.5 0 0 .5 0 1.2v13.7c0 .6.5 1.1 1.2 1.1h13.6c.7 0 1.2-.5 1.2-1.2V1.2c0-.7-.5-1.2-1.2-1.2zM4.7 13.6H2.4V6h2.4v7.6zM3.6 5c-.8 0-1.4-.7-1.4-1.4 0-.8.6-1.4 1.4-1.4.8 0 1.4.6 1.4 1.4-.1.7-.7 1.4-1.4 1.4zm10 8.6h-2.4V9.9c0-.9 0-2-1.2-2s-1.4 1-1.4 2v3.8H6.2V6h2.3v1c.3-.6 1.1-1.2 2.2-1.2 2.4 0 2.8 1.6 2.8 3.6v4.2z\"}})])])]),_c('li',[_c('a',{attrs:{\"href\":\"https://github.com/iuridepaula\",\"target\":\"_blank\",\"title\":\"GitHub\"}},[_c('svg',{staticClass:\"ico\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 16 16\",\"role\":\"img\",\"aria-labelledby\":\"GithubIcoTitle\"}},[_c('title',{attrs:{\"id\":\"GithubIcoTitle\"}},[_vm._v(\"GitHub logo\")]),_c('path',{attrs:{\"stroke\":\"none\",\"fill-rule\":\"evenodd\",\"d\":\"M8 0C3.6 0 0 3.6 0 8c0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4v-1.4c-2.2.5-2.7-1.1-2.7-1.1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.2 1.9.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8.6 0 1.3-.1 2-.1s1.4.1 2 .3c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.6.8 1.3.8 2.1 0 3.1-1.9 3.7-3.7 3.9.3.3.6.8.6 1.5v2.2c0 .2.1.5.6.4C13.7 14.5 16 11.5 16 8c0-4.4-3.6-8-8-8z\",\"clip-rule\":\"evenodd\"}})])])]),_c('li',[_vm._v(\"\\n                        Download my\\n                        \"),_c('a',{staticClass:\"bt\",attrs:{\"href\":\"./Iuri-de-Paula-Resume.pdf\",\"target\":\"_blank\",\"title\":\"Download Resume\"}},[_vm._v(\"\\n                            resume \"),_c('svg',{staticClass:\"ico\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"fill\":\"none\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\",\"stroke-miterlimit\":\"10\",\"d\":\"M8 11.4l3.3-2.9m-6.6 0L8 11.4V.5M.5 10.8v4.7h15v-4.7\"}})])])])]),_c('p',{staticClass:\"-purple\"},[_vm._v(\"\\n                    I am a creative frontend developer, designer and illustrator.\\n                    \")]),_vm._m(0)]),_vm._m(1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"-gray\"},[_vm._v(\"\\n                    // 10+ years of experience\"),_c('br')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about-grid\"},[_c('h2',[_vm._v(\"Main skills\")]),_c('div',{staticClass:\"columns fluent\"},[_c('ul',[_c('li',[_vm._v(\"\\n                            Frontend development,\"),_c('br'),_vm._v(\"\\n                            UX/UI design\\n                        \")]),_c('li',[_vm._v(\"\\n                            JavaScript, CSS, HTML\"),_c('br'),_vm._v(\"\\n                            Vue, jQuery, GSAP\\n                        \")]),_c('li',[_vm._v(\"\\n                            Photoshop,\"),_c('br'),_vm._v(\"\\n                            Illustrator\\n                        \")]),_c('li',[_vm._v(\"\\n                            Strategic thinking,\"),_c('br'),_vm._v(\"\\n                            Storytelling\\n                        \")]),_c('li',[_vm._v(\"\\n                            E-commerce,\"),_c('br'),_vm._v(\"\\n                            Magento,\"),_c('br'),_vm._v(\"\\n                            WordPress\\n                        \")]),_c('li',[_vm._v(\"\\n                            Graphic design,\"),_c('br'),_vm._v(\"\\n                            Brand design\\n                        \")])])]),_c('h2',[_vm._v(\"Tools\")]),_c('div',{staticClass:\"columns tools\"},[_c('ul',[_c('li',[_vm._v(\"Vue\")]),_c('li',[_vm._v(\"Sass/Less\")]),_c('li',[_vm._v(\"Linters\")]),_c('li',[_vm._v(\"Mocha\")]),_c('li',[_vm._v(\"React\")]),_c('li',[_vm._v(\"Angular\")])]),_c('ul',[_c('li',[_vm._v(\"Webpack\")]),_c('li',[_vm._v(\"Node.js\")]),_c('li',[_vm._v(\"npm\")]),_c('li',[_vm._v(\"GitHub\")]),_c('li',[_vm._v(\"REST APIs\")]),_c('li',[_vm._v(\"PHP\")])]),_c('ul',[_c('li',[_vm._v(\"Photoshop\")]),_c('li',[_vm._v(\"Illustrator\")]),_c('li',[_vm._v(\"Adobe XD\")]),_c('li',[_vm._v(\"Sketch\")]),_c('li',[_vm._v(\"SVG\")]),_c('li',[_vm._v(\"Canvas\")])]),_c('ul',[_c('li',[_vm._v(\"Pencil & Paper\")]),_c('li',[_vm._v(\"Philosophy\")]),_c('li',[_vm._v(\"Psychology\")])])]),_c('h2',[_vm._v(\"Experience\")]),_c('div',{staticClass:\"columns experience\"},[_c('ul',[_c('li',[_c('b',{staticClass:\"-purple\"},[_vm._v(\"Head of Product Design\")]),_c('br'),_vm._v(\"\\n                            at BizCommerce\"),_c('br'),_vm._v(\"\\n                            2016 - 2019\\n                        \")]),_c('li',[_c('b',{staticClass:\"-purple\"},[_vm._v(\"Head of UX/UI\")]),_c('br'),_vm._v(\"\\n                            at BizCommerce\"),_c('br'),_vm._v(\"\\n                            2011 - 2019\\n                        \")]),_c('li',[_c('b',{staticClass:\"-purple\"},[_vm._v(\"Head of Design & Frontend\")]),_c('br'),_vm._v(\"\\n                            at JOE\"),_c('br'),_vm._v(\"\\n                            2010 - 2014\\n                        \")]),_c('li',[_c('b',{staticClass:\"-purple\"},[_vm._v(\"Senior Frontend Developer\")]),_c('br'),_vm._v(\"\\n                            at Tray\"),_c('br'),_vm._v(\"\\n                            2008 - 2010\\n                        \")]),_c('li',[_c('b',{staticClass:\"-purple\"},[_vm._v(\"Web Designer\")]),_c('br'),_vm._v(\"\\n                            at E2W\"),_c('br'),_vm._v(\"\\n                            2006 - 2008\\n                        \")]),_c('li',[_c('b',{staticClass:\"-purple\"},[_vm._v(\"Freelancer\")]),_c('br'),_vm._v(\"\\n                            Illustrations & Web development\"),_c('br'),_vm._v(\"\\n                            2005 - now\\n                        \")])])]),_c('h2',[_vm._v(\"Languages\")]),_c('div',{staticClass:\"columns languages\"},[_c('ul',[_c('li',[_c('span',{staticClass:\"-comment\"},[_vm._v(\"// fluent\")]),_c('br'),_c('i',{staticClass:\"-purple\"},[_vm._v(\"pt-BR\")]),_vm._v(\" Português,\"),_c('br'),_c('i',{staticClass:\"-purple\"},[_vm._v(\"en-US\")]),_vm._v(\" English\\n                        \")]),_c('li',[_c('span',{staticClass:\"-comment\"},[_vm._v(\"// intermediate\")]),_c('br'),_c('i',{staticClass:\"-purple\"},[_vm._v(\"es-ES\")]),_vm._v(\" Español\"),_c('br')]),_c('li',[_c('span',{staticClass:\"-comment\"},[_vm._v(\"// basic\")]),_c('br'),_c('i',{staticClass:\"-purple\"},[_vm._v(\"ca-ES\")]),_vm._v(\" Català,\"),_c('br'),_c('i',{staticClass:\"-purple\"},[_vm._v(\"ja-JP\")]),_vm._v(\" 日本語\"),_c('br')])])]),_c('h2',[_vm._v(\"Also busy with\")]),_c('div',{staticClass:\"columns busy\"},[_c('ul',[_c('li',[_vm._v(\"Pet my dog\")]),_c('li',[_vm._v(\"Spanish guitar\")]),_c('li',[_vm._v(\"Video games\")]),_c('li',[_vm._v(\"#eleNÃO\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"about\" class=\"wrapper\">\n\n        <div class=\"static-container\">\n            <h1 class=\"title\">\n                about()\n            </h1>\n\n            <div class=\"std\">\n                <div class=\"first-fold\">\n                    <ul class=\"about-contact\">\n                        <li>\n                            <a href=\"https://www.linkedin.com/in/iuridepaula/\" target=\"_blank\" title=\"LinkedIn\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ico\" viewBox=\"0 0 16 16\" role=\"img\" aria-labelledby=\"LinkedinIcoTitle\">\n                                    <title id=\"LinkedinIcoTitle\">LinkedIn logo</title>\n                                    <path stroke=\"none\" d=\"M14.8 0H1.2C.5 0 0 .5 0 1.2v13.7c0 .6.5 1.1 1.2 1.1h13.6c.7 0 1.2-.5 1.2-1.2V1.2c0-.7-.5-1.2-1.2-1.2zM4.7 13.6H2.4V6h2.4v7.6zM3.6 5c-.8 0-1.4-.7-1.4-1.4 0-.8.6-1.4 1.4-1.4.8 0 1.4.6 1.4 1.4-.1.7-.7 1.4-1.4 1.4zm10 8.6h-2.4V9.9c0-.9 0-2-1.2-2s-1.4 1-1.4 2v3.8H6.2V6h2.3v1c.3-.6 1.1-1.2 2.2-1.2 2.4 0 2.8 1.6 2.8 3.6v4.2z\"/>\n                                </svg>\n                            </a>\n                        </li>\n                        <li>\n                            <a href=\"https://github.com/iuridepaula\" target=\"_blank\" title=\"GitHub\">\n                                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ico\" viewBox=\"0 0 16 16\" role=\"img\" aria-labelledby=\"GithubIcoTitle\">\n                                    <title id=\"GithubIcoTitle\">GitHub logo</title>\n                                    <path stroke=\"none\" fill-rule=\"evenodd\" d=\"M8 0C3.6 0 0 3.6 0 8c0 3.5 2.3 6.5 5.5 7.6.4.1.5-.2.5-.4v-1.4c-2.2.5-2.7-1.1-2.7-1.1-.4-.9-.9-1.2-.9-1.2-.7-.5.1-.5.1-.5.8.1 1.2.8 1.2.8.7 1.2 1.9.9 2.3.7.1-.5.3-.9.5-1.1-1.8-.2-3.6-.9-3.6-4 0-.9.3-1.6.8-2.1-.1-.2-.4-1 .1-2.1 0 0 .7-.2 2.2.8.6 0 1.3-.1 2-.1s1.4.1 2 .3c1.5-1 2.2-.8 2.2-.8.4 1.1.2 1.9.1 2.1.5.6.8 1.3.8 2.1 0 3.1-1.9 3.7-3.7 3.9.3.3.6.8.6 1.5v2.2c0 .2.1.5.6.4C13.7 14.5 16 11.5 16 8c0-4.4-3.6-8-8-8z\" clip-rule=\"evenodd\"/>\n                                </svg>\n                            </a>\n                        </li>\n                        <li>\n                            Download my\n                            <a href=\"./Iuri-de-Paula-Resume.pdf\" target=\"_blank\" title=\"Download Resume\" class=\"bt\">\n                                resume <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ico\" viewBox=\"0 0 16 16\"><path fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" d=\"M8 11.4l3.3-2.9m-6.6 0L8 11.4V.5M.5 10.8v4.7h15v-4.7\"/></svg>\n                            </a>\n                        </li>\n                    </ul>\n\n                    <p class=\"-purple\">\n                        I am a creative frontend developer, designer and illustrator.\n                        <!--From Brazil, based in Barcelona - Catalunya - Spain.-->\n                    </p>\n                    <p class=\"-gray\">\n                        // 10+ years of experience<br>\n                        <!--// Co-founder of Biz Commerce-->\n                    </p>\n                </div>\n\n                <div class=\"about-grid\">\n                    <h2>Main skills</h2>\n                    <div class=\"columns fluent\">\n                        <ul>\n                            <li>\n                                Frontend development,<br>\n                                UX/UI design\n                            </li>\n                            <li>\n                                JavaScript, CSS, HTML<br>\n                                Vue, jQuery, GSAP\n                            </li>\n                            <li>\n                                Photoshop,<br>\n                                Illustrator\n                            </li>\n                            <li>\n                                Strategic thinking,<br>\n                                Storytelling\n                            </li>\n                            <li>\n                                E-commerce,<br>\n                                Magento,<br>\n                                WordPress\n                            </li>\n                            <li>\n                                Graphic design,<br>\n                                Brand design\n                            </li>\n                        </ul>\n                    </div>\n\n                    <h2>Tools</h2>\n                    <div class=\"columns tools\">\n                        <ul>\n                            <li>Vue</li>\n                            <li>Sass/Less</li>\n                            <li>Linters</li>\n                            <li>Mocha</li>\n                            <li>React</li>\n                            <li>Angular</li>\n                        </ul>\n                        <ul>\n                            <li>Webpack</li>\n                            <li>Node.js</li>\n                            <li>npm</li>\n                            <li>GitHub</li>\n                            <li>REST APIs</li>\n                            <li>PHP</li>\n                        </ul>\n                        <ul>\n                            <li>Photoshop</li>\n                            <li>Illustrator</li>\n                            <li>Adobe XD</li>\n                            <li>Sketch</li>\n                            <li>SVG</li>\n                            <li>Canvas</li>\n                        </ul>\n                        <ul>\n                            <li>Pencil & Paper</li>\n                            <li>Philosophy</li>\n                            <li>Psychology</li>\n                        </ul>\n                    </div>\n\n                    <h2>Experience</h2>\n                    <div class=\"columns experience\">\n                        <ul>\n                            <li>\n                                <b class=\"-purple\">Head of Product Design</b><br>\n                                at BizCommerce<br>\n                                2016 - 2019\n                            </li>\n                            <li>\n                                <b class=\"-purple\">Head of UX/UI</b><br>\n                                at BizCommerce<br>\n                                2011 - 2019\n                            </li>\n                            <li>\n                                <b class=\"-purple\">Head of Design & Frontend</b><br>\n                                at JOE<br>\n                                2010 - 2014\n                            </li>\n                            <li>\n                                <b class=\"-purple\">Senior Frontend Developer</b><br>\n                                at Tray<br>\n                                2008 - 2010\n                            </li>\n                            <li>\n                                <b class=\"-purple\">Web Designer</b><br>\n                                at E2W<br>\n                                2006 - 2008\n                            </li>\n                            <li>\n                                <b class=\"-purple\">Freelancer</b><br>\n                                Illustrations & Web development<br>\n                                2005 - now\n                            </li>\n                        </ul>\n                    </div>\n\n                    <h2>Languages</h2>\n                    <div class=\"columns languages\">\n                        <ul>\n                            <li>\n                                <span class=\"-comment\">// fluent</span><br>\n                                <i class=\"-purple\">pt-BR</i> Português,<br>\n                                <i class=\"-purple\">en-US</i> English\n                            </li>\n                            <li>\n                                <span class=\"-comment\">// intermediate</span><br>\n                                <i class=\"-purple\">es-ES</i> Español<br>\n                            </li>\n                            <li>\n                                <span class=\"-comment\">// basic</span><br>\n                                <i class=\"-purple\">ca-ES</i> Català,<br>\n                                <i class=\"-purple\">ja-JP</i> 日本語<br>\n                            </li>\n                        </ul>\n                    </div>\n\n                    <h2>Also busy with</h2>\n                    <div class=\"columns busy\">\n                        <ul>\n                            <li>Pet my dog</li>\n                            <li>Spanish guitar</li>\n                            <li>Video games</li>\n                            <li>#eleNÃO</li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n    </div>\n</template>\n\n<script>\n    // styles\n    import '@/styles/about.scss';\n    // ScrollMagic\n    import * as ScrollMagic from \"scrollmagic\";\n\n    export default {\n        name: 'about',\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                .addLabel('enter', 1)\n                .from('.title', 2, {\n                    autoAlpha: 0,\n                    rotationX: 90,\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             * Setup Time lines and Scenes\n             */\n            let duration = window.innerHeight;\n\n            /**\n             * @desc\n             * header background scene\n             */\n            let tlHeader = new TimelineMax();\n\n            tlHeader\n                .to('.header-bg', 4, {\n                    autoAlpha: 1,\n                    ease: Power0.easeNone,\n                });\n\n            new ScrollMagic.Scene({\n                triggerElement: '#about',\n                offset: duration/4,\n                duration: duration\n            })\n                .setTween(tlHeader)\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!./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=61c8d571&\"\nimport script from \"./About.vue?vue&type=script&lang=js&\"\nexport * from \"./About.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"],"sourceRoot":""}