\n
\n \n iuri\n .is()\n
\n\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n\n \n
\n CSS
\n CSS
\n CSS
\n CSS
\n CSS
\n CSS
\n CSS
\n CSS
\n CSS
\n CSS
\n\n
\n Iuri de Paula
\n\n Creative frontend developer,
\n designer, and illustrator.\n
\n
\n \n
\n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n
\n\n\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!./Biz.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!./Biz.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Biz.vue?vue&type=template&id=7f6f4308&\"\nimport script from \"./Biz.vue?vue&type=script&lang=js&\"\nexport * from \"./Biz.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Titles',{attrs:{\"viewport\":_vm.viewport,\"scene\":\"earlyTitle\"}},[_c('div',{staticClass:\"menu__container\"},[_c('div',{staticClass:\"menu\"},[_vm._v(\"Hello, I'm a card\")])]),(_vm.viewport.is568)?_c('h1',{staticClass:\"title title-black\"},[_vm._v(\"\\n EarlyDays\"),_c('br'),_vm._v(\"\\n (\"),_c('span',{staticClass:\"params\"},[_vm._v(\"2011,2008\")]),_vm._v(\")\\n \")]):_c('h1',{staticClass:\"title title-black\"},[_vm._v(\"\\n EarlyDays(\"),_c('span',{staticClass:\"params\"},[_vm._v(\"2008,2011\")]),_vm._v(\")\\n \")]),_c('div',{staticClass:\"std\"},[_c('p',{staticClass:\"-gray\"},[_vm._v(\"\n Since(2019-2021)\n
\n\n \n \n \n \n \n \n \n \n ![](\"../../assets/img/tierra.png\")
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n EarlyDays
\n \n\n \n ![\"Blue](\"https://cdn1.imggmi.com/uploads/2019/5/20/6dd464aca5299838352a29081ca9680c-full.png\")
\n \n \n Servicios
\n \n\n \n \n \n \n \n \n \n
\n\n\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!./EarlyDays.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!./EarlyDays.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EarlyDays.vue?vue&type=template&id=03b53d49&\"\nimport script from \"./EarlyDays.vue?vue&type=script&lang=js&\"\nexport * from \"./EarlyDays.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('section',{staticClass:\"scene\",attrs:{\"id\":\"Ghibli\"}},[_c('div',{staticClass:\"static-container\"},[_c('div',{staticClass:\"std\"},[_c('p',[_vm._v(\"\\n Before designing for web, I was creating\\n \"),_c('span',{staticClass:\"-big -purple\"},[_vm._v(\"\\n 3D models, matte painting and advertisements\\n \")]),_vm._v(\"\\n for many brands, TV commercials, games...\\n \")])])]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"sky\"},[_c('div',{staticClass:\"cloud c1\"}),_c('div',{staticClass:\"cloud c2\"})]),_c('div',{staticClass:\"castle-container\",attrs:{\"role\":\"img\",\"aria-labelledby\":\"castleDesc\"}},[_c('p',{staticClass:\"ariaLabel\",attrs:{\"id\":\"castleDesc\"}},[_vm._v(\"The castle of Howl's movie Moving Castle, flying over a green\\n lawn and a blue sky.\")]),_c('div',{staticClass:\"castle\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"top-tower\"}),_c('div',{staticClass:\"top-clothes\"}),_c('div',{staticClass:\"top-top\"})]),_c('div',{staticClass:\"bucket\"}),_c('div',{staticClass:\"mouth\"},[_c('div',{staticClass:\"back-lip\"}),_c('div',{staticClass:\"front-lip\"})]),_c('div',{staticClass:\"l-leg\"}),_c('div',{staticClass:\"r-leg\"}),_c('div',{staticClass:\"l-arm\"}),_c('div',{staticClass:\"body\"}),_c('div',{staticClass:\"fans\"},[_c('div',{staticClass:\"fan2\"}),_c('div',{staticClass:\"fan1\"}),_c('div',{staticClass:\"fix-tail\"})]),_c('div',{staticClass:\"r-arm-holder\"},[_c('div',{staticClass:\"r-arm\"}),_c('div',{staticClass:\"fix-shoulder\"})]),_c('div',{staticClass:\"ear\"}),_c('div',{staticClass:\"lower-foliage\"},[_c('div',{staticClass:\"foliage2\"}),_c('div',{staticClass:\"foliage1\"}),_c('div',{staticClass:\"fix-balcony\"})]),_c('div',{staticClass:\"wing\"}),_c('div',{staticClass:\"higher-foliage\"},[_c('div',{staticClass:\"foliage3\"}),_c('div',{staticClass:\"foliage2\"}),_c('div',{staticClass:\"foliage1\"}),_c('div',{staticClass:\"fix-roof\"})]),_c('div',{staticClass:\"flag\"})])]),_c('div',{staticClass:\"grass1\"}),_c('div',{staticClass:\"grass2\"})])]),_c('section',{staticClass:\"scene\",attrs:{\"id\":\"Ghibli2\"}}),_c('section',{staticClass:\"scene\",attrs:{\"id\":\"Ghibli3\"}},[_c('div',{staticClass:\"static-container\"},[_c('div',{staticClass:\"std\"},[_c('p',{staticClass:\"-big\"},[_vm._v(\"\\n And studying\\n \"),_c('span',{staticClass:\"-purple\"},[_vm._v(\"Philosophy, Japanese animation, fine arts and video games.\")])]),_c('p',[_vm._v(\"\\n All of these subjects have a major impact on how I start and develop my creative processes,\\n leading the way on how I view web development today.\\n \")])])])]),_c('section',{staticClass:\"scene\",attrs:{\"id\":\"Ghibli4\"}})])}]\n\nexport { render, staticRenderFns }","\n \n EarlyDays
\n (2011,2008)\n
\n \n EarlyDays(2008,2011)\n
\n\n\n
\n\n \n\n \n\n \n \n\n \n <table-yes>
\n\n \n \n Servicios
\n (2011,2008)\n
\n \n Servicios(2008,2011)\n
\n \n \n\n \n\n \n\n
\n \n
\n\n\n \n
\n\n \n
\n \n
\n
\n 01
\nCard One
\n
Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n\n \n
\n \n
\n 02
\nCard Two
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n \n
\n \n
\n 03
\nCard Three
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n\n \n
\n\n \n
\n \n
\n 04
\nCard One
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n\n \n
\n \n
\n 05
\nCard Two
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n \n
\n \n
\n 06
\nCard Three
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n \n
\n\n \n
\n \n
\n 07
\nCard One
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n\n \n
\n \n
\n 08
\nCard Two
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n \n
\n \n
\n 09
\nCard Three
\nLorem ipsum dolor sit amet consectetur adipisicing elit. Labore, totam velit? Iure nemo labore inventore?
\n Read More\n\n
\n \n
\n \n Freelancing & startuping,
\n Inches & pixels.\n
\n Illustrating album arts, book covers, and billboards as a freelancer.\n And designing websites, online magazines, and news portals at my first web studio.
\n
\n
\n \n
\n \n We've proudly fueled the starring
\n of some big Brazilian names such as\n Porta dos Fundos, Kibe Loco, Fhits.tv, Galo Frito\n among many others...\n
\n \n \n \n \n \n \n \n
\n\n\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!./Ghibli.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!./Ghibli.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Ghibli.vue?vue&type=template&id=66683864&\"\nimport script from \"./Ghibli.vue?vue&type=script&lang=js&\"\nexport * from \"./Ghibli.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"scene\",attrs:{\"id\":\"wrapperTitle\"}},[_c('div',{staticClass:\"static-container\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"\\n \\n \")]),_c('div',{staticClass:\"std\"},[_c('p',{staticClass:\"-gray\"},[_vm._v(\"\\n /*\"),_c('br'),_vm._v(\"\\n - Close your eyes. What do you hear?\"),_c('br'),_c('span',{staticClass:\"-answer\"},[_vm._v(\"- I hear the water, I hear the birds.\")]),_c('br'),_vm._v(\"\\n - Do you hear your own heartbeat?\"),_c('br'),_c('span',{staticClass:\"-answer\"},[_vm._v(\"- No.\")]),_c('br'),_vm._v(\"\\n - Do you hear the grasshopper which is at your feet?\"),_c('br'),_c('span',{staticClass:\"-answer\"},[_vm._v(\"- Old man, how is it that you hear these things?\")]),_c('br'),_vm._v(\"\\n - Young man, how is it that you do not?\"),_c('br'),_vm._v(\"\\n */\\n \")])])])])}]\n\nexport { render, staticRenderFns }","\n \n
\n \n
\n \n Before designing for web, I was creating\n \n 3D models, matte painting and advertisements\n \n for many brands, TV commercials, games...\n
\n\n
\n \n \n \n
\n\n \n
\n\n \n \n The castle of Howl's movie Moving Castle, flying over a green\n lawn and a blue sky.
\n\n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n \n \n
\n \n
\n \n And studying\n Philosophy, Japanese animation, fine arts and video games.\n
\n\n All of these subjects have a major impact on how I start and develop my creative processes,\n leading the way on how I view web development today.\n
\n\n
\n \n </wrapper>\n
\n\n
\n \n /*
\n - Close your eyes. What do you hear?
\n - I hear the water, I hear the birds.
\n - Do you hear your own heartbeat?
\n - No.
\n - Do you hear the grasshopper which is at your feet?
\n - Old man, how is it that you hear these things?
\n - Young man, how is it that you do not?
\n */\n
\n\n
\n \n \n
\n\n \n\n
\n\n // Made with
\n\n\n
\n\n - \n
- </> \n
- Vue.js \n
- GSAP \n
- ScrollMagic \n
- Photoshop \n
- Illustrator \n
- \n
- ~ \n
- 72 files \n
- 5MB \n
- +220h of thinking \n
- +76 hours of code \n
- +62 cups of coffee \n
- 2 easter eggs \n
- \n
- \n \n \n
- \n BadBadNotGood\n \n
- \n Khruangbin\n \n
- \n Toumani\n Diabaté\n \n
- \n Astor\n Piazzola\n \n
- \n Isao\n Tomita\n \n
- \n Ryiuchi\n Sakamoto\n \n
- \n Caetano\n Veloso\n \n
\n Thanks for checking my website!
\n // It's a work in progress so check back often!\n
\n Check out my\n
\n I am available for new projects and a coffee ;)\n
\n\n \n \n Curriculum
\n \n\n \n \n \n \n \n\n \n \n \n\n \n
\n\n\n\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=696cecf9&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.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","import Vue from 'vue';\nimport Router from 'vue-router';\nimport Home from './views/Home.vue';\nimport NProgress from 'nprogress';\n\n// use\nVue.use(Router);\n\n// create\nconst router = new Router({\n mode: 'history',\n base: process.env.BASE_URL,\n routes: [\n {\n path: '/',\n name: '.is()',\n component: Home,\n meta: {\n title: 'iuri.is',\n bodyClass: 'page-home',\n metaTags: [\n {\n name: 'description',\n content: 'I am a frontend creative developer, designer and illustrator and this is my portfolio'\n },\n // facebook\n {\n name: 'og:title',\n content: 'iuri.is'\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/'\n },\n {\n name: 'og:description',\n content: 'I am a frontend creative developer, designer and illustrator and this is my portfolio'\n },\n // twitter\n {\n name: 'twitter:title',\n content: 'iuri.is'\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/'\n },\n {\n name: 'twitter:description',\n content: 'I am a frontend creative developer, designer and illustrator and this is my portfolio'\n },\n ]\n }\n },\n {\n path: '/about',\n name: '.about()',\n component: () => import(/* webpackChunkName: \"about\" */ './views/About.vue'),\n meta: {\n title: 'iuri.about',\n bodyClass: 'page-about',\n metaTags: [\n {\n name: 'description',\n content: 'I am a frontend creative developer, designer and illustrator and this is my resume'\n },\n // facebook\n {\n name: 'og:title',\n content: 'iuri.about'\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/about'\n },\n {\n name: 'og:description',\n content: 'I am a frontend creative developer, designer and illustrator and this is my resume'\n },\n // twitter\n {\n name: 'twitter:title',\n content: 'iuri.about'\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/about'\n },\n {\n name: 'twitter:description',\n content: 'I am a frontend creative developer, designer and illustrator and this is my resume'\n },\n ]\n }\n },\n {\n path: '/work',\n name: '.work()',\n component: () => import(/* webpackChunkName: \"work\" */ './views/Work.vue'),\n meta: {\n title: 'iuri.work',\n bodyClass: 'page-work',\n metaTags: [\n {\n name: 'description',\n content: 'My selected works'\n },\n // facebook\n {\n name: 'og:title',\n content: 'iuri.work'\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/work'\n },\n {\n name: 'og:description',\n content: 'My selected works'\n },\n // twitter\n {\n name: 'twitter:title',\n content: 'iuri.work'\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/work'\n },\n {\n name: 'twitter:description',\n content: 'My selected works'\n },\n ]\n },\n },\n {\n path: '/work/confianca',\n name: `.work('Confiança')`,\n component: () => import(/* webpackChunkName: \"confianca\" */ './views/work/Confianca.vue'),\n meta: {\n title: `iuri.work('Confiança')`,\n bodyClass: 'page-confianca',\n metaTags: [\n {\n name: 'description',\n content: 'A detailed case of Confiança Delivery project.'\n },\n // facebook\n {\n name: 'og:title',\n content: 'iuri.work(\\'Confiança\\')'\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/work/confianca'\n },\n {\n name: 'og:description',\n content: 'A detailed case of Confiança Delivery project.'\n },\n // twitter\n {\n name: 'twitter:title',\n content: 'iuri.work(\\'Confiança\\')'\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/work/confianca'\n },\n {\n name: 'twitter:description',\n content: 'A detailed case of Confiança Delivery project.'\n },\n ]\n },\n },\n {\n path: '/work/admin-panel',\n name: `.work('Admin Panel')`,\n component: () => import(/* webpackChunkName: \"admin\" */ './views/work/Admin.vue'),\n meta: {\n title: `iuri.work('Admin Panel')`,\n bodyClass: 'page-admin-panel',\n metaTags: [\n {\n name: 'description',\n content: 'A detailed case of Biz Commerce\\'s Admin Panel'\n },\n // facebook\n {\n name: 'og:title',\n content: 'iuri.work(\\'Admin Panel\\')'\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/work/admin-panel'\n },\n {\n name: 'og:description',\n content: 'A detailed case of Biz Commerce\\'s Admin Panel'\n },\n // twitter\n {\n name: 'twitter:title',\n content: 'iuri.work(\\'Admin Panel\\')'\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/work/admin-panel'\n },\n {\n name: 'twitter:description',\n content: 'A detailed case of Biz Commerce\\'s Admin Panel'\n },\n ]\n },\n },\n {\n path: '/work/desbravando',\n name: `.work('Desbravando')`,\n component: () => import(/* webpackChunkName: \"desbravando\" */ './views/work/Desbravando.vue'),\n meta: {\n title: `iuri.work('Desbravando')`,\n bodyClass: 'page-desbravando',\n metaTags: [\n {\n name: 'description',\n content: 'A detailed case of Pepê Reis\\' Desbravando cover art'\n },\n // facebook\n {\n name: 'og:title',\n content: 'iuri.work(\\'Desbravando\\')'\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/work/desbravando'\n },\n {\n name: 'og:description',\n content: 'A detailed case of Pepê Reis\\' Desbravando cover art'\n },\n // twitter\n {\n name: 'twitter:title',\n content: 'iuri.work(\\'Desbravando\\')'\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/work/desbravando'\n },\n {\n name: 'twitter:description',\n content: 'A detailed case of Pepê Reis\\' Desbravando cover art'\n },\n ]\n },\n },\n {\n path: '*',\n name: `.err(404)`,\n component: () => import(/* webpackChunkName: \"404\" */ './views/404.vue'),\n meta: {\n title: `iuri.err(404)`,\n bodyClass: 'page-err404',\n metaTags: [\n {\n name: 'description',\n content: 'Ops! Page not found'\n },\n // facebook\n {\n name: 'og:title',\n content: `iuri.err(404)`\n },\n {\n name: 'og:url',\n content: 'https://iuri.is/'\n },\n {\n name: 'og:description',\n content: 'Ops! Page not found'\n },\n // twitter\n {\n name: 'twitter:title',\n content: `iuri.err(404)`\n },\n {\n name: 'twitter:url',\n content: 'https://iuri.is/'\n },\n {\n name: 'twitter:description',\n content: 'Ops! Page not found'\n },\n ]\n },\n },\n ],\n // scrollBehavior (to, from, savedPosition) {\n // // reset scroll\n // return { x: 0, y: 0 }\n // }\n});\n\n// NProgress\nNProgress.configure({\n easing: 'ease-out',\n speed: 500,\n trickleSpeed: 100,\n showSpinner: false,\n});\n\n// beforeEach\nrouter.beforeEach((to, from, next) => {\n\n // 01. lock scroll\n document.body.classList.add('locked');\n // 02. start loader\n NProgress.start();\n // 03. remove classes to avoid styles conflicts\n document.body.classList.remove(\n '-mario-lock',\n '-mario-easter-egg',\n '-bit16',\n '-mario-played',\n '-open-nav',\n '-mario-bg',\n '-admin-bg',\n '-confianca-bg',\n '-desbravando-bg'\n );\n\n // 04. Update meta tags\n /*\n This goes through the matched routes from last to first, finding the closest route with a title.\n eg. if we have /some/deep/nested/route and /some, /deep, and /nested have titles, nested's will be chosen.\n */\n const nearestWithTitle = to.matched.slice().reverse().find(r => r.meta && r.meta.title);\n // Find the nearest route element with meta tags.\n const nearestWithMeta = to.matched.slice().reverse().find(r => r.meta && r.meta.metaTags);\n const previousNearestWithMeta = from.matched.slice().reverse().find(r => r.meta && r.meta.metaTags);\n // If a route with a title was found, set the document (page) title to that value.\n if (nearestWithTitle) document.title = nearestWithTitle.meta.title;\n // Remove any stale meta tags from the document using the key attribute we set below.\n Array.from(document.querySelectorAll('[data-vue-router-controlled]')).map(el => el.parentNode.removeChild(el));\n // Skip rendering meta tags if there are none.\n if (!nearestWithMeta) return next();\n // Turn the meta tag definitions into actual elements in the head.\n nearestWithMeta.meta.metaTags\n .map(tagDef => {\n const tag = document.createElement('meta');\n Object.keys(tagDef).forEach(key => {\n tag.setAttribute(key, tagDef[key]);\n });\n // We use this to track which meta tags we create, so we don't interfere with other ones.\n tag.setAttribute('data-vue-router-controlled', '');\n return tag;\n })\n // Add the meta tags to the document head.\n .forEach(tag => document.head.appendChild(tag));\n\n // 05. continue\n next();\n});\n\n// afterEach\nrouter.afterEach((to, from) => {\n // wait to complete intro transitions\n setTimeout(() => {\n // scroll to top\n // doing it here because the scrollBehavior() was triggered before the animations\n window.scroll(0,0);\n // 01. stop loader\n NProgress.done();\n // 02. release scroll\n document.body.classList.remove('locked');\n }, 1000)\n});\n\nexport default router;","import Vue from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport VueAnalytics from 'vue-analytics';\n\n// import VueTypedJs from 'vue-typed-js'\n// Vue.use(VueTypedJs)\n\n// no tips\nVue.config.productionTip = false;\n\n// Analytics\nVue.use(VueAnalytics, {\n id: 'UA-75833214-1',\n router\n});\n\n// service worker\nif ('serviceWorker' in navigator) {\n window.addEventListener('load', () => {\n navigator.serviceWorker.register('/iuri.is-sw.js').then(registration => {\n //console.log('SW registered: ', registration);\n }).catch(registrationError => {\n //console.log('SW registration failed: ', registrationError);\n });\n });\n}\n\n// instance\nnew Vue({\n router,\n render: h => h(App),\n}).$mount('#app');\n","// astro\nexport default {\n tl: null,\n r(min, max) {\n return Math.random() * (max - min) + min;\n },\n build() {\n\n this.tl = new TimelineMax({paused: true});\n this.tl\n .set('.astro-head', {\n rotation: -15,\n transformOrigin: '50% 90%',\n yPercent: 0,\n xPercent: -10,\n })\n .set('.astro-tube', {\n rotation: -15,\n transformOrigin: '0% 100%',\n })\n .addLabel('start', 0)\n .to('.astro-head', 4, {\n rotation: 10,\n yPercent: 5,\n xPercent: 10,\n ease: Power2.easeInOut,\n repeat: -1,\n yoyo: true,\n }, 'start')\n .to('.astro-tube', 4, {\n rotation: 20,\n yPercent: 10,\n ease: Power2.easeInOut,\n repeat: -1,\n yoyo: true,\n }, 'start')\n .to('.astro-l-arm', 2, {\n rotation: -20,\n transformOrigin: '90% 90%',\n ease: Elastic.easeOut.config(1, 0.1),\n repeat: -1,\n yoyo: true,\n }, 'start')\n .fromTo('.astro-l-leg', 2, {\n rotation: 10,\n transformOrigin: '90% 10%',\n }, {\n rotation: -10,\n ease: Power2.easeInOut,\n repeat: -1,\n yoyo: true,\n }, 'start')\n .fromTo('.astro-r-leg', 2, {\n rotation: -10,\n transformOrigin: '90% 10%',\n }, {\n rotation: 10,\n ease: Power2.easeInOut,\n repeat: -1,\n yoyo: true,\n }, 'start')\n .to('.astro-body', 1, {\n scaleX: 1.06,\n transformOrigin: '50% 50%',\n ease: Power2.easeInOut,\n repeat: -1,\n yoyo: true,\n }, 'start')\n .to('.astro-astro', 5, {\n yPercent: this.r(-40, -20),\n xPercent: this.r(-10, 10),\n rotation: this.r(-120, 120),\n transformOrigin: '50% 50%',\n ease: Power2.easeInOut,\n repeat: -1,\n yoyo: true,\n }, 'start');\n\n },\n stop() {\n if (this.tl !== null) this.tl.pause(0, false);\n },\n play() {\n if (this.tl !== null) this.tl.play(0, false);\n },\n};","// coffee\nexport default {\n tl: null,\n r(min, max) {\n return Math.random() * (max - min) + min;\n },\n build() {\n\n this.tl = new TimelineMax({paused: true});\n this.tl\n .to('.coffee-coffee', 5, {\n yPercent: this.r(20, 200),\n xPercent: this.r(-50, 50),\n rotation: this.r(0, 360),\n transformOrigin: '50% 50%',\n ease: Power1.easeInOut,\n repeat: -1,\n yoyo: true,\n });\n\n },\n stop() {\n if (this.tl !== null) this.tl.pause(0, false);\n },\n play() {\n if (this.tl !== null) this.tl.play(0, false);\n },\n};","module.exports = __webpack_public_path__ + \"img/tierra.9ed713ed.png\";"],"sourceRoot":""}\n \n
\n \n \n \n \n \n \n \n Curriculum
\n .vitae('/.*$/g')\n
\n \n CurriculumVitae('/.*$/g')\n
\n \n\n
\n <A life+work showcase>
\n