{"version":3,"sources":["webpack:///./src/components/Nav.vue?5184","webpack:///src/components/Nav.vue","webpack:///./src/components/Nav.vue?3774","webpack:///./src/components/Nav.vue","webpack:///./src/assets/github.png","webpack:///./src/components/Foot.vue?1a64","webpack:///src/components/Foot.vue","webpack:///./src/components/Foot.vue?a554","webpack:///./src/components/Foot.vue","webpack:///./src/views/Home.vue?a5ca","webpack:///./src/components/Foot.vue?69ff","webpack:///./src/assets/email.png","webpack:///./src/views/Home.vue?c60f","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?73d4","webpack:///./src/views/Home.vue","webpack:///./src/assets/linkedin.png","webpack:///./src/assets/twitter.png","webpack:///./src/components/Nav.vue?658d"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","staticRenderFns","name","mounted","document","toggle","sidebar","component","module","exports","_m","components","navigator","footerBar"],"mappings":"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","file":"js/home.cb4ec1e3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',[_c('div',{attrs:{\"id\":\"toggle\"}}),_c('div',{attrs:{\"id\":\"sidebar\"}},[_c('ul',{staticClass:\"nav-links\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/\",\"id\":\"home\"}},[_vm._v(\"Accueil\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/experiences\"}},[_vm._v(\"Expériences\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/formations\"}},[_vm._v(\"Formations\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/competences\"}},[_vm._v(\"Compétences\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/Portfolio\"}},[_vm._v(\"Portfolio\")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <nav>\r\n    <div id=\"toggle\"></div>\r\n    <div id=\"sidebar\">\r\n      <ul class=\"nav-links\">\r\n        <li><router-link to=\"/\" id=\"home\">Accueil</router-link></li>\r\n        <li><router-link to=\"/experiences\">Expériences</router-link></li>\r\n        <li><router-link to=\"/formations\">Formations</router-link></li>\r\n        <li><router-link to=\"/competences\">Compétences</router-link></li>\r\n        <li><router-link to=\"/Portfolio\">Portfolio</router-link></li>\r\n      </ul>\r\n    </div>\r\n  </nav>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Navigator',\r\n  mounted() {\r\n    const toggle = document.getElementById('toggle');\r\n    const sidebar = document.getElementById('sidebar');\r\n\r\n    document.addEventListener('click', (e) => {\r\n      if (e.target.id !== 'sidebar' && e.target.id !== 'toggle') {\r\n        toggle.classList.remove('active');\r\n        sidebar.classList.remove('active');\r\n      }\r\n    });\r\n    toggle.addEventListener('click', () => {\r\n      toggle.classList.toggle('active');\r\n      sidebar.classList.toggle('active');\r\n    });\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nnav {\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  background-color: var(--col-3);\r\n  border-bottom: 1px var(--light-1) solid;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  min-height: 5rem;\r\n  position: sticky;\r\n  top: 0;\r\n  width: 100%;\r\n  z-index: 5;\r\n}\r\n\r\n#sidebar {\r\n  width: 100%;\r\n}\r\n\r\n.nav-links {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n}\r\n\r\n.nav-links li {\r\n  list-style: none;\r\n}\r\n\r\n.nav-links a {\r\n  color: var(--light-1);\r\n  font-size: 1.3em;\r\n  letter-spacing: 3px;\r\n  padding: 0 0.8em;\r\n  text-decoration: none;\r\n}\r\n\r\n.nav-links a:hover {\r\n  color: var(--col-1);\r\n}\r\na.router-link-exact-active {\r\n  color: var(--col-1);\r\n}\r\n/* RESPONSIVE */\r\n@media screen and (max-width: 1024px) {\r\n  nav {\r\n    background-color: var(--col-3);\r\n    background: -o-radial-gradient(\r\n        circle,\r\n        transparent 20%,\r\n        #333d50 20%,\r\n        #333d50 80%,\r\n        transparent 80%,\r\n        transparent\r\n      ),\r\n      -o-radial-gradient(\r\n          circle,\r\n          transparent 20%,\r\n          #333d50 20%,\r\n          #333d50 80%,\r\n          transparent 80%,\r\n          transparent\r\n        ) 12.5px 12.5px,\r\n      -o-linear-gradient(#707784 1px, transparent 1px) 0 -0.5px,\r\n      -o-linear-gradient(left, #707784 1px, #333d50 1px) -0.5px 0;\r\n    background: radial-gradient(\r\n        circle,\r\n        transparent 20%,\r\n        #333d50 20%,\r\n        #333d50 80%,\r\n        transparent 80%,\r\n        transparent\r\n      ),\r\n      radial-gradient(\r\n          circle,\r\n          transparent 20%,\r\n          #333d50 20%,\r\n          #333d50 80%,\r\n          transparent 80%,\r\n          transparent\r\n        )\r\n        12.5px 12.5px,\r\n      linear-gradient(#707784 1px, transparent 1px) 0 -0.5px,\r\n      linear-gradient(90deg, #707784 1px, #333d50 1px) -0.5px 0;\r\n    background-size: 25px 25px, 25px 25px, 12.5px 12.5px, 12.5px 12.5px;\r\n    max-height: 61px;\r\n    min-height: 61px;\r\n  }\r\n  #toggle {\r\n    -webkit-box-align: center;\r\n    -ms-flex-align: center;\r\n    align-items: center;\r\n    background-color: var(--col-1);\r\n    cursor: pointer;\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    height: 60px;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    left: 0;\r\n    position: fixed;\r\n    top: 0;\r\n    width: 60px;\r\n    z-index: 5;\r\n  }\r\n  #toggle::before {\r\n    background-color: white;\r\n    content: '';\r\n    height: 3px;\r\n    position: absolute;\r\n    -webkit-transform: translateY(-5px);\r\n    -ms-transform: translateY(-5px);\r\n    transform: translateY(-5px);\r\n    -webkit-transition: 0.2s;\r\n    -o-transition: 0.2s;\r\n    transition: 0.2s;\r\n    width: 30px;\r\n  }\r\n  #toggle::after {\r\n    background-color: white;\r\n    content: '';\r\n    height: 3px;\r\n    position: absolute;\r\n    -webkit-transform: translateY(5px);\r\n    -ms-transform: translateY(5px);\r\n    transform: translateY(5px);\r\n    -webkit-transition: 0.2s;\r\n    -o-transition: 0.2s;\r\n    transition: 0.2s;\r\n    width: 30px;\r\n  }\r\n  #toggle.active::before {\r\n    -webkit-transform: translateY(0px) rotate(45deg);\r\n    -ms-transform: translateY(0px) rotate(45deg);\r\n    transform: translateY(0px) rotate(45deg);\r\n  }\r\n  #toggle.active::after {\r\n    -webkit-transform: translateY(0px) rotate(-45deg);\r\n    -ms-transform: translateY(0px) rotate(-45deg);\r\n    transform: translateY(0px) rotate(-45deg);\r\n  }\r\n  #sidebar {\r\n    background-color: var(--col-3);\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    left: -100%;\r\n    min-height: 100%;\r\n    position: fixed;\r\n    top: 0;\r\n    -webkit-transition: 0.5s;\r\n    -o-transition: 0.5s;\r\n    transition: 0.5s;\r\n    width: 90%;\r\n  }\r\n  #sidebar.active {\r\n    left: 0px;\r\n  }\r\n  #sidebar ul {\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    margin-top: 8vh;\r\n    padding: 0;\r\n    position: relative;\r\n  }\r\n  #sidebar ul li {\r\n    padding: 3.5vh 0;\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n  #sidebar ul li:hover {\r\n    background-color: var(--col-1);\r\n  }\r\n  #sidebar ul li a {\r\n    color: #fff;\r\n    font-size: 1.5em;\r\n    letter-spacing: 2px;\r\n    text-decoration: none;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nav.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nav.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Nav.vue?vue&type=template&id=4a4d4d44&scoped=true&\"\nimport script from \"./Nav.vue?vue&type=script&lang=js&\"\nexport * from \"./Nav.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Nav.vue?vue&type=style&index=0&id=4a4d4d44&scoped=true&lang=css&\"\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  \"4a4d4d44\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/github.8a9c0e84.png\";","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',{staticClass:\"vue__footer__container\"},[_c('div',{staticClass:\"socials-wrapper\"},[_c('div',{staticClass:\"logo\"},[_c('h3',[_vm._v(\"Edouard Herrengt\")]),_c('p',[_c('strong',[_vm._v(\"Dev Web full stack\")])])]),_c('div',{staticClass:\"contact\"},[_c('h3',[_vm._v(\"Me contacter :\")]),_c('ul',[_c('li',[_c('a',{attrs:{\"href\":\"mailto:herrengt.edouard@gmail.com?\",\"target\":\"_blank\"}},[_vm._v(\"Email\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.linkedin.com/in/edouard-herrengt-446716168/\",\"target\":\"_blank\"}},[_vm._v(\"LinkedIn\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://twitter.com/Bobely89\",\"target\":\"_blank\"}},[_vm._v(\"Twitter\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://github.com/EdouardHrgt\",\"target\":\"_blank\"}},[_vm._v(\"GitHub\")])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/edouard_herrengt/?hl=fr\",\"target\":\"_blank\"}},[_vm._v(\"Instagram\")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"vue__footer__container\">\r\n    <div class=\"socials-wrapper\">\r\n      <div class=\"logo\">\r\n        <h3>Edouard Herrengt</h3>\r\n        <p><strong>Dev Web full stack</strong></p>\r\n      </div>\r\n      <div class=\"contact\">\r\n        <h3>Me contacter :</h3>\r\n        <ul>\r\n          <li>\r\n            <a href=\"mailto:herrengt.edouard@gmail.com?\" target=\"_blank\">Email</a>\r\n          </li>\r\n          <li>\r\n            <a href=\"https://www.linkedin.com/in/edouard-herrengt-446716168/\" target=\"_blank\"\r\n              >LinkedIn</a\r\n            >\r\n          </li>\r\n          <li>\r\n            <a href=\"https://twitter.com/Bobely89\" target=\"_blank\">Twitter</a>\r\n          </li>\r\n          <li>\r\n            <a href=\"https://github.com/EdouardHrgt\" target=\"_blank\">GitHub</a>\r\n          </li>\r\n          <li>\r\n            <a href=\"https://www.instagram.com/edouard_herrengt/?hl=fr\" target=\"_blank\"\r\n              >Instagram</a\r\n            >\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'footerBar',\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.socials-wrapper {\r\n  background-color: var(--col-3);\r\n  height: 300px;\r\n  padding-top: 3rem;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: start;\r\n  -ms-flex-align: start;\r\n  align-items: flex-start;\r\n  -webkit-box-pack: space-evenly;\r\n  -ms-flex-pack: space-evenly;\r\n  justify-content: space-evenly;\r\n}\r\n.logo,\r\n.contact {\r\n  width: 300px;\r\n}\r\n.logo,\r\n.contact h3 {\r\n  font-size: 1.8rem;\r\n  color: var(--light-1);\r\n  letter-spacing: 1.5px;\r\n}\r\n.logo p strong {\r\n  color: var(--col-1);\r\n  font-size: 1.3rem;\r\n}\r\n\r\n.contact ul li {\r\n  list-style: none;\r\n  margin: 0.5rem 0;\r\n}\r\n.contact ul li a {\r\n  color: var(--light-2);\r\n  font-size: 1rem;\r\n  -webkit-transition: 0.3s;\r\n  -o-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n.contact ul li a:hover {\r\n  color: var(--col-1);\r\n}\r\n\r\n@media screen and (max-width: 1024px) {\r\n  .logo,\r\n  .contact {\r\n    width: auto;\r\n  }\r\n}\r\n@media screen and (max-width: 768px) {\r\n  .socials-wrapper {\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n    -webkit-box-align: start;\r\n    -ms-flex-align: start;\r\n    align-items: flex-start;\r\n    -webkit-box-pack: start;\r\n    -ms-flex-pack: start;\r\n    justify-content: flex-start;\r\n  }\r\n  .logo,\r\n  .contact {\r\n    padding-left: 1rem;\r\n    margin-bottom: 1rem;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Foot.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Foot.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Foot.vue?vue&type=template&id=2197ec34&scoped=true&\"\nimport script from \"./Foot.vue?vue&type=script&lang=js&\"\nexport * from \"./Foot.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Foot.vue?vue&type=style&index=0&id=2197ec34&scoped=true&lang=css&\"\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  \"2197ec34\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Home.vue?vue&type=style&index=0&id=3ad66322&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Foot.vue?vue&type=style&index=0&id=2197ec34&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vue__home__container\"},[_c('navigator'),_vm._m(0),_vm._m(1),_c('footerBar')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_c('section',{staticClass:\"title-wrapper\"},[_c('div',{staticClass:\"image-container\"}),_c('div',{staticClass:\"title-container\"},[_c('h1',[_vm._v(\"Édouard Herrengt\")]),_c('p',{attrs:{\"id\":\"job\"}},[_vm._v(\"Développeur Web\")]),_c('h2',[_vm._v(\"Email :\")]),_c('p',[_vm._v(\"herrengt.edouard@gmail.com\")]),_c('h2',[_vm._v(\"Adresse :\")]),_c('p',[_vm._v(\"Allée Vauban 59110 La Madeleine\")]),_c('h2',[_vm._v(\"Date de naissance :\")]),_c('p',[_vm._v(\"7 novembre, 1989\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"socials_presentation-wrapper\"},[_c('div',{staticClass:\"socials-wrapper\"},[_c('ul',{staticClass:\"socials\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://www.linkedin.com/in/edouard-herrengt-446716168/\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/linkedin.png\"),\"alt\":\"profil LinkedIn de Edouard Herrengt\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://twitter.com/Bobely89\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/twitter.png\"),\"alt\":\"Page Twitter de Edouard herrengt\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"mailto:herrengt.edouard@gmail.com?\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/email.png\"),\"alt\":\" envoyer un email à Edouard herrengt\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://github.com/EdouardHrgt\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/github.png\"),\"alt\":\"Page Github de Edouard herrengt\"}})])])])]),_c('div',{staticClass:\"presentation\"},[_c('h3',[_c('span',{attrs:{\"id\":\"hello\"}},[_vm._v(\"Bonjour !\")]),_c('br'),_vm._v(\"Je suis Édouard HÉRRENGT\")]),_c('p',[_vm._v(\" Désireux d'entreprendre, j'ai co-fondé la société Epicube SAS à 24 ans. ces 6 années d’expériences d’entrepreneur m’ont forgé une réélle aptitude à faire face à toutes situations, j’ai développé le sens du travail en équipe et le goût du challenge. Aujourd'hui je me suis lancé un nouvel objectif : maitriser le \"),_c('strong',[_vm._v(\"développement Web\")]),_vm._v(\" !\"),_c('br'),_c('span',{attrs:{\"id\":\"download\"}},[_vm._v(\" Retrouvez mon cv au format PDF ici : \"),_c('a',{staticClass:\"ddl-btn\",attrs:{\"href\":\"../CV-Edouard-Herrengt.pdf\",\"target\":\"_blank\"}},[_vm._v(\"Cv.pdf\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"vue__home__container\">\r\n    <navigator />\r\n    <header>\r\n      <!-- section \"Profil\" photo + infos -->\r\n      <section class=\"title-wrapper\">\r\n        <div class=\"image-container\"></div>\r\n        <div class=\"title-container\">\r\n          <h1>Édouard Herrengt</h1>\r\n          <p id=\"job\">Développeur Web</p>\r\n          <h2>Email :</h2>\r\n          <p>herrengt.edouard@gmail.com</p>\r\n          <h2>Adresse :</h2>\r\n          <p>Allée Vauban 59110 La Madeleine</p>\r\n          <h2>Date de naissance :</h2>\r\n          <p>7 novembre, 1989</p>\r\n        </div>\r\n      </section>\r\n    </header>\r\n\r\n    <section class=\"socials_presentation-wrapper\">\r\n      <!-- Réseaux sociaux-->\r\n\r\n      <div class=\"socials-wrapper\">\r\n        <ul class=\"socials\">\r\n          <li>\r\n            <a\r\n              href=\"https://www.linkedin.com/in/edouard-herrengt-446716168/\"\r\n              target=\"_blank\"\r\n            >\r\n              <img\r\n                src=\"../assets/linkedin.png\"\r\n                alt=\"profil LinkedIn de Edouard Herrengt\"\r\n              />\r\n            </a>\r\n          </li>\r\n          <li>\r\n            <a href=\"https://twitter.com/Bobely89\" target=\"_blank\">\r\n              <img\r\n                src=\"../assets/twitter.png\"\r\n                alt=\"Page Twitter de Edouard herrengt\"\r\n              />\r\n            </a>\r\n          </li>\r\n\r\n          <li>\r\n            <a href=\"mailto:herrengt.edouard@gmail.com?\" target=\"_blank\">\r\n              <img\r\n                src=\"../assets/email.png\"\r\n                alt=\" envoyer un email à Edouard herrengt\"\r\n              />\r\n            </a>\r\n          </li>\r\n\r\n          <li>\r\n            <a href=\"https://github.com/EdouardHrgt\" target=\"_blank\">\r\n              <img\r\n                src=\"../assets/github.png\"\r\n                alt=\"Page Github de Edouard herrengt\"\r\n              />\r\n            </a>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <!--! Section  Présentation -->\r\n\r\n      <div class=\"presentation\">\r\n        <h3><span id=\"hello\">Bonjour !</span><br />Je suis Édouard HÉRRENGT</h3>\r\n        <p>\r\n          Désireux d'entreprendre, j'ai co-fondé la société Epicube SAS à 24\r\n          ans. ces 6 années d’expériences d’entrepreneur m’ont forgé une réélle\r\n          aptitude à faire face à toutes situations, j’ai développé le sens du\r\n          travail en équipe et le goût du challenge. Aujourd'hui je me suis\r\n          lancé un nouvel objectif : maitriser le\r\n          <strong>développement Web</strong> !<br />\r\n          <span id=\"download\">\r\n            Retrouvez mon cv au format PDF ici :\r\n            <a class=\"ddl-btn\" href=\"../CV-Edouard-Herrengt.pdf\" target=\"_blank\"\r\n              >Cv.pdf</a\r\n            >\r\n          </span>\r\n        </p>\r\n      </div>\r\n    </section>\r\n    <footerBar />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Nav from \"@/components/Nav.vue\";\r\nimport Foot from \"@/components/Foot.vue\";\r\nexport default {\r\n  components: {\r\n    navigator: Nav,\r\n    footerBar: Foot,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nheader {\r\n  background-color: var(--trans-2);\r\n  min-height: 85vh;\r\n  position: relative;\r\n  width: auto;\r\n}\r\nheader::before {\r\n  background: url(../assets/City.webp) no-repeat center center/cover;\r\n  content: \"\";\r\n  height: 100%;\r\n  left: 0;\r\n  position: absolute;\r\n  top: 0;\r\n  width: 100%;\r\n  z-index: -1;\r\n}\r\n/* Section photo + infos */\r\n.title-wrapper,\r\n.socials-wrapper {\r\n  min-width: 520px;\r\n}\r\n.title-wrapper {\r\n  background-color: var(--trans-1);\r\n  bottom: 0;\r\n  color: white;\r\n  display: -ms-grid;\r\n  display: grid;\r\n  -ms-grid-columns: 50% 50%;\r\n  grid-template-columns: 50% 50%;\r\n  margin: 0 25%;\r\n  position: absolute;\r\n  width: 50%;\r\n}\r\n.image-container {\r\n  background: url(../assets/pp.png);\r\n  background-position: center;\r\n  background-size: cover;\r\n  -ms-grid-column: 1;\r\n  grid-column: 1;\r\n}\r\n.title-container {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  min-height: 375px;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -ms-flex-direction: column;\r\n  flex-direction: column;\r\n  -ms-grid-column: 2;\r\n  grid-column: 2;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  margin-left: 12%;\r\n  position: relative;\r\n}\r\n.title-container h1 {\r\n  padding-top: 10px;\r\n}\r\n.title-container h2 {\r\n  font-size: 1.4em;\r\n  letter-spacing: 2px;\r\n}\r\n.title-container > p {\r\n  margin-bottom: 5%;\r\n  color: white;\r\n}\r\n#job {\r\n  /* sous-titre \"dev Web\" */\r\n  color: var(--col-1);\r\n  font-size: 1.3em;\r\n  letter-spacing: 2px;\r\n}\r\n/* section RS + Présentation */\r\n.socials_presentation-wrapper {\r\n  background-color: var(--light-2);\r\n  min-height: 70vh;\r\n}\r\n/* Div Réseaux Sociaux */\r\n.socials-wrapper {\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  background-color: var(--col-3);\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  height: 9vh;\r\n  margin: 0 25%;\r\n  min-height: 4em;\r\n  position: relative;\r\n}\r\n.socials {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  list-style: none outside;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n}\r\n.socials li a {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-align: center;\r\n  -ms-flex-align: center;\r\n  align-items: center;\r\n}\r\n.socials img {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  color: white;\r\n  -webkit-transition: 0.3s;\r\n  -o-transition: 0.3s;\r\n  transition: 0.3s;\r\n}\r\n.socials img:hover {\r\n  -webkit-transform: scale(1.2);\r\n  -ms-transform: scale(1.2);\r\n  transform: scale(1.2);\r\n}\r\n/* Section présentation*/\r\n.presentation {\r\n  margin: auto;\r\n  padding: 10em 0 15em 0;\r\n  position: relative;\r\n  text-align: center;\r\n  width: 70%;\r\n}\r\n.presentation h3 {\r\n  color: var(--col-2);\r\n  font-size: 2.5em;\r\n  font-weight: 400;\r\n  line-height: 2.8em;\r\n  margin-bottom: 1em;\r\n}\r\n#hello {\r\n  color: var(--col-1);\r\n  font-size: clamp(2.4em, 6vw, 10rem);\r\n  font-weight: bold;\r\n}\r\n.presentation p {\r\n  font-size: larger;\r\n  line-height: 27px;\r\n  margin: 0 auto;\r\n  width: 645px;\r\n  text-align: start;\r\n}\r\n.presentation p strong {\r\n  color: var(--col-1);\r\n  text-decoration: none;\r\n}\r\n/* bouton CV.pdf */\r\n#download {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  margin-top: 0.5em;\r\n}\r\n.ddl-btn {\r\n  background-color: var(--trans-1);\r\n  border-radius: 3px;\r\n  border-style: none;\r\n  display: block;\r\n  margin-left: 20px;\r\n  min-width: 7em;\r\n  padding: 0.3rem 0;\r\n  color: var(--light-1);\r\n  font-size: 1.2rem;\r\n  position: relative;\r\n  top: -5px;\r\n  cursor: pointer;\r\n  text-align: center;\r\n}\r\n\r\n.ddl-btn:hover {\r\n  background-color: var(--col-1);\r\n  -webkit-transition: background-color 0.2s ease-in-out;\r\n  -o-transition: background-color 0.2s ease-in-out;\r\n  transition: background-color 0.2s ease-in-out;\r\n}\r\n\r\n/* SMART PHONES */\r\n@media screen and (max-width: 768px) {\r\n  header {\r\n    min-height: 530px;\r\n  }\r\n\r\n  /* titre + photo */\r\n  .title-wrapper,\r\n  .socials-wrapper {\r\n    min-width: 0px;\r\n  }\r\n\r\n  .title-wrapper {\r\n    background-color: var(--trans-1);\r\n    display: -webkit-box;\r\n    display: -ms-flexbox;\r\n    display: flex;\r\n    -webkit-box-pack: center;\r\n    -ms-flex-pack: center;\r\n    justify-content: center;\r\n    margin: 0;\r\n    padding: 2em 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .image-container {\r\n    display: none;\r\n  }\r\n\r\n  .title-container {\r\n    margin-left: 0;\r\n    min-height: auto;\r\n  }\r\n\r\n  .title-container h1 {\r\n    font-size: 150%;\r\n  }\r\n\r\n  .title-container h2 {\r\n    font-size: 125%;\r\n  }\r\n\r\n  .title-container > p {\r\n    cursor: -webkit-grab;\r\n    cursor: grab;\r\n    margin-bottom: 0.5em;\r\n  }\r\n\r\n  #job {\r\n    font-size: 120%;\r\n  }\r\n\r\n  .line-1 {\r\n    display: none;\r\n  }\r\n\r\n  /* Réseaux sociaux */\r\n  .socials-wrapper {\r\n    margin: 0;\r\n    min-height: 4.5em;\r\n  }\r\n\r\n  .socials {\r\n    -webkit-box-pack: space-evenly;\r\n    -ms-flex-pack: space-evenly;\r\n    justify-content: space-evenly;\r\n  }\r\n\r\n  .socials-wrapper svg {\r\n    margin: 0;\r\n  }\r\n\r\n  /* présentation */\r\n  .presentation {\r\n    margin: auto;\r\n    padding: 10em 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .presentation h3 {\r\n    font-size: 1.6em;\r\n    padding: 1em 0;\r\n  }\r\n\r\n  .presentation p {\r\n    margin: 0 auto;\r\n    font-size: 1.2em;\r\n  }\r\n}\r\n\r\n/* TABLETTES */\r\n@media screen and (max-width: 1024px) {\r\n  /* titre + photo */\r\n  .title-wrapper {\r\n    margin: 0 15%;\r\n    width: 70%;\r\n  }\r\n  .title-container {\r\n    min-height: auto;\r\n  }\r\n\r\n  .socials-wrapper {\r\n    margin: 0 15%;\r\n    width: 70%;\r\n  }\r\n\r\n  /* presentation */\r\n  .presentation {\r\n    margin: 0 auto;\r\n    width: 90%;\r\n  }\r\n  .presentation p {\r\n    margin: auto;\r\n    width: 80%;\r\n  }\r\n  #download {\r\n    -webkit-box-orient: vertical;\r\n    -webkit-box-direction: normal;\r\n    -ms-flex-direction: column;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .ddl-btn {\r\n    margin-left: 0;\r\n    margin-top: 1.5em;\r\n    width: 10em;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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=3ad66322&scoped=true&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Home.vue?vue&type=style&index=0&id=3ad66322&scoped=true&lang=css&\"\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  \"3ad66322\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/twitter.4759007f.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Nav.vue?vue&type=style&index=0&id=4a4d4d44&scoped=true&lang=css&\""],"sourceRoot":""}