{"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/views/Formation.vue?ca79","webpack:///src/views/Formation.vue","webpack:///./src/views/Formation.vue?3d57","webpack:///./src/views/Formation.vue","webpack:///./src/components/Foot.vue?1a64","webpack:///src/components/Foot.vue","webpack:///./src/components/Foot.vue?a554","webpack:///./src/components/Foot.vue","webpack:///./src/components/Foot.vue?69ff","webpack:///./src/views/Formation.vue?c289","webpack:///./src/components/Nav.vue?658d"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","staticRenderFns","name","mounted","document","toggle","sidebar","component","_m","components","navigator","footerBar"],"mappings":"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","file":"js/formation.0dcc1a47.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vue__formations__container\"},[_c('navigator'),_vm._m(0),_c('footerBar')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"formations\",attrs:{\"id\":\"_formations\"}},[_c('h2',{staticClass:\"sub-title title-bis\"},[_vm._v(\"Formations\")]),_c('div',{staticClass:\"form-1\"},[_c('span',{staticClass:\"date\"},[_c('em',{staticClass:\"time\"},[_vm._v(\"2021-2022\")]),_c('br'),_vm._v(\"Développeur web\")]),_c('div',{staticClass:\"bulle\"}),_c('div',{staticClass:\"taches\"},[_c('p',[_c('strong',[_vm._v(\"Open Classrooms\")]),_vm._v(\".fr\")]),_c('ul',[_c('li',[_vm._v(\" Apprentissage (sous mentorat) du développement web fullstack et de ses bonnes pratiques (SEO, RGPD, WCAG) \")]),_c('li',[_vm._v(\"Réalisation de 7 projets web en totale autonomie allant de l'intégration à la création d'un site E-commerce, de REST API puis d'un réseau social.\")])])])]),_c('div',{staticClass:\"form-2\"},[_c('span',{staticClass:\"date\"},[_c('em',{staticClass:\"time\"},[_vm._v(\"Avril-Juin 2021\")]),_c('br'),_vm._v(\"Programmation web\")]),_c('div',{staticClass:\"bulle\"}),_c('div',{staticClass:\"taches\"},[_c('p',[_c('strong',[_vm._v(\"CodeCademy\")]),_vm._v(\".com\")]),_c('ul',[_c('li',[_vm._v(\" Découverte des langages de programmation orienté web :\"),_c('br'),_c('span',{attrs:{\"id\":\"prog\"}},[_vm._v(\"Html - Css - JavaScript - PHP\")]),_vm._v(\". \")])])])]),_c('div',{staticClass:\"form-3\"},[_c('span',{staticClass:\"date\"},[_c('em',{staticClass:\"time\"},[_vm._v(\"2011\")]),_c('br'),_vm._v(\"Licence Marketing et Management opérationnel\")]),_c('div',{staticClass:\"bulle\"}),_c('div',{staticClass:\"taches\"},[_c('p',[_c('strong',[_vm._v(\"Saint Jude\")]),_vm._v(\" Armentières\")]),_c('ul',[_c('li',[_vm._v(\"Apprentissage en alternance des techniques managérialles opérationnelles.\")]),_c('li',[_vm._v(\"Approfondissement des connaissances pratiques du marketing numérique.\")])])])]),_c('div',{staticClass:\"form-4\"},[_c('span',{staticClass:\"date\"},[_c('em',{staticClass:\"time\"},[_vm._v(\"2010\")]),_c('br'),_vm._v(\"Formation complémentaire d'Anglais\")]),_c('div',{staticClass:\"bulle\"}),_c('div',{staticClass:\"taches\"},[_c('p',[_c('strong',[_vm._v(\"Meridian school\")]),_vm._v(\" Plymouth\")]),_c('ul',[_c('li',[_vm._v(\" Séjour de 2 mois en Angleterre avec cours d'Anglais et création de projets d'entreprise (business models...) \")])])])]),_c('div',{staticClass:\"form-5\"},[_c('span',{staticClass:\"date\"},[_c('em',{staticClass:\"time\"},[_vm._v(\"2008-2010\")]),_c('br'),_vm._v(\"BTS Management des unités commerciales\")]),_c('div',{staticClass:\"bulle\"}),_c('div',{staticClass:\"taches\"},[_c('p',[_c('strong',[_vm._v(\"Saint Jean-Baptiste De La Salle\")]),_vm._v(\" Lille\")]),_c('ul',[_c('li',[_vm._v(\" Création de projets orientés vers l'entreprenariat, comptabilité, gestion financière, techniques modernes de marketing et de management. \")])])])]),_c('div',{staticClass:\"form-6\"},[_c('span',{staticClass:\"date\"},[_c('em',{staticClass:\"time\"},[_vm._v(\"2006-2008\")]),_c('br'),_vm._v(\"BAC Sience technique de gestion option Marketing\")]),_c('div',{staticClass:\"bulle\"}),_c('div',{staticClass:\"taches\"},[_c('p',[_c('strong',[_vm._v(\"Saint Jean-Baptiste De La Salle\")]),_vm._v(\" Lille\")]),_c('ul',[_c('li',[_vm._v(\" Apprentissage général ainsi que les bases des concepts de gestion, d'économie et de droit des entreprises. \")])])])])])}]\n\nexport { render, staticRenderFns }","<template lang=\"fr\">\r\n    <div class=\"vue__formations__container\">\r\n        <navigator />\r\n        <section class=\"formations\" id=\"_formations\">\r\n      <h2 class=\"sub-title title-bis\">Formations</h2>\r\n\r\n      <div class=\"form-1\">\r\n        <span class=\"date\"><em class=\"time\">2021-2022</em><br />Développeur web</span>\r\n        <div class=\"bulle\"></div>\r\n        <div class=\"taches\">\r\n          <p><strong>Open Classrooms</strong>.fr</p>\r\n          <ul>\r\n            <li>\r\n              Apprentissage (sous mentorat) du développement web fullstack et de ses bonnes pratiques (SEO, RGPD, WCAG)\r\n            </li>\r\n            <li>Réalisation de 7 projets web en totale autonomie \r\n              allant de l'intégration à la création d'un site E-commerce, de REST API puis d'un réseau social.</li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      \r\n      <div class=\"form-2\">\r\n        <span class=\"date\"><em class=\"time\">Avril-Juin 2021</em><br />Programmation web</span>\r\n        <div class=\"bulle\"></div>\r\n        <div class=\"taches\">\r\n          <p><strong>CodeCademy</strong>.com</p>\r\n          <ul>\r\n            <li>\r\n              Découverte des langages de programmation orienté web :<br>\r\n              <span id=\"prog\">Html - Css - JavaScript - PHP</span>.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"form-3\">\r\n        <span class=\"date\"\r\n          ><em class=\"time\">2011</em><br />Licence Marketing et Management opérationnel</span\r\n        >\r\n        <div class=\"bulle\"></div>\r\n        <div class=\"taches\">\r\n          <p><strong>Saint Jude</strong> Armentières</p>\r\n          <ul>\r\n            <li>Apprentissage en alternance des techniques managérialles opérationnelles.</li>\r\n            <li>Approfondissement des connaissances pratiques du marketing numérique.</li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"form-4\">\r\n        <span class=\"date\"><em class=\"time\">2010</em><br />Formation complémentaire d'Anglais</span>\r\n        <div class=\"bulle\"></div>\r\n        <div class=\"taches\">\r\n          <p><strong>Meridian school</strong> Plymouth</p>\r\n          <ul>\r\n            <li>\r\n              Séjour de 2 mois en Angleterre avec cours d'Anglais et création de projets d'entreprise (business\r\n              models...)\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"form-5\">\r\n        <span class=\"date\"\r\n          ><em class=\"time\">2008-2010</em><br />BTS Management des unités commerciales</span\r\n        >\r\n        <div class=\"bulle\"></div>\r\n        <div class=\"taches\">\r\n          <p><strong>Saint Jean-Baptiste De La Salle</strong> Lille</p>\r\n          <ul>\r\n            <li>\r\n              Création de projets orientés vers l'entreprenariat, comptabilité, gestion financière,\r\n              techniques modernes de marketing et de management.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"form-6\">\r\n        <span class=\"date\"\r\n          ><em class=\"time\">2006-2008</em><br />BAC Sience technique de gestion option\r\n          Marketing</span\r\n        >\r\n        <div class=\"bulle\"></div>\r\n        <div class=\"taches\">\r\n          <p><strong>Saint Jean-Baptiste De La Salle</strong> Lille</p>\r\n          <ul>\r\n            <li>\r\n              Apprentissage général ainsi que les bases des concepts de gestion, d'économie et de\r\n              droit des entreprises.\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n\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\n\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\n.bulle {\r\n  background-color: var(--col-1);\r\n  border-radius: 100%;\r\n  height: 8px;\r\n  margin: 0 20px;\r\n  min-height: 8px;\r\n  min-width: 8px;\r\n  width: 8px;\r\n}\r\n.form-1 {\r\n  padding-top: 30px;\r\n}\r\n[class^='form-'] {\r\n  -webkit-box-align: baseline;\r\n  -ms-flex-align: baseline;\r\n  align-items: baseline;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  margin: 2.1em 10% 2.1em 20%;\r\n  width: 70%;\r\n}\r\n[class^='form-']:last-child {\r\n  margin-bottom: 0;\r\n  padding-bottom: 60px;\r\n}\r\n\r\n.formations strong {\r\n  color: var(--dark-2);\r\n  font-size: 1.3em;\r\n  letter-spacing: 1.5px;\r\n}\r\n\r\n.time {\r\n  color: var(--col-2);\r\n  font-size: 1em;\r\n  font-weight: bold;\r\n  text-transform: none;\r\n}\r\n\r\n.formations li {\r\n  font-weight: 300;\r\n  list-style-type: '-   ';\r\n  max-width: 75%;\r\n  padding: 0.3em 0;\r\n}\r\n\r\n.formations li span {\r\n  color: var(--dark-1);\r\n}\r\n\r\n.date {\r\n  font-size: 1.1em;\r\n  line-height: 25px;\r\n  max-width: 220px;\r\n  min-width: 220px;\r\n  padding: 0;\r\n  text-align: end;\r\n}\r\n\r\n.formations {\r\n  background-color: var(--light-2);\r\n  color: var(--dark-1);\r\n}\r\n\r\n.formations li {\r\n  list-style: none;\r\n}\r\n\r\n.taches p {\r\n  color: var(--col-2);\r\n  font-style: italic;\r\n}\r\n/*Tablettes */\r\n@media screen and (max-width: 1024px) {\r\n  .formations li {\r\n    max-width: 100%;\r\n  }\r\n}\r\n/* Mobile */\r\n@media screen and (max-width: 768px) {\r\n  .formations {\r\n    background-color: var(--light-2);\r\n  }\r\n  .form-1 {\r\n    padding-top: 0px;\r\n  }\r\n  [class^='form-'] {\r\n    -webkit-box-align: initial;\r\n    -ms-flex-align: initial;\r\n    align-items: initial;\r\n    border-bottom: var(--light-2) 1px solid;\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    margin: 0 !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  [class^='form-'] {\r\n    border-bottom: var(--col-3) 1px solid;\r\n  }\r\n\r\n  [class^='form-']:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  .formations {\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  }\r\n\r\n  .time {\r\n    font-size: 0.7em;\r\n    color: var(--col-2);\r\n  }\r\n\r\n  .date {\r\n    display: inline-block;\r\n    font-weight: bold;\r\n    letter-spacing: 1.5px;\r\n    max-width: none;\r\n    min-width: none;\r\n    padding: 0.8em 0 0;\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .bulle {\r\n    display: none;\r\n  }\r\n\r\n  .formations ul {\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .formations li {\r\n    color: var(--col-3);\r\n    font-size: 1.05em;\r\n    margin: auto;\r\n    padding: 1em 0 2em 0 !important;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .formations p {\r\n    color: var(--col-3);\r\n    display: inline-block;\r\n    font-size: 1em;\r\n    letter-spacing: 2px;\r\n    padding-top: 1em;\r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n\r\n  .formations span {\r\n    font-size: 1.5em;\r\n    line-height: 1.3em;\r\n    margin: auto;\r\n    width: 70%;\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!./Formation.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!./Formation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Formation.vue?vue&type=template&id=c45ced08&scoped=true&lang=fr&\"\nimport script from \"./Formation.vue?vue&type=script&lang=js&\"\nexport * from \"./Formation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Formation.vue?vue&type=style&index=0&id=c45ced08&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  \"c45ced08\",\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',{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!./Foot.vue?vue&type=style&index=0&id=2197ec34&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!./Formation.vue?vue&type=style&index=0&id=c45ced08&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!./Nav.vue?vue&type=style&index=0&id=4a4d4d44&scoped=true&lang=css&\""],"sourceRoot":""}