Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 | import { c as create_ssr_component, d as each, e as escape, f as add_attribute, v as validate_component } from "../../chunks/ssr.js"; const Experience = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { experiences } = $$props; if ($$props.experiences === void 0 && $$bindings.experiences && experiences !== void 0) $$bindings.experiences(experiences); return ` <div class="main-wrapper column-2"><section class="section experiences-section"><h2 class="section-title" data-svelte-h="svelte-4g5cep"><em class="fa fa-briefcase"></em> Expériences</h2> ${each(experiences, (experience) => { return `<div class="item"><div class="meta"><div class="upper-row"><h3 class="job-title">${escape(experience.title)}</h3> <div class="time">${escape(experience.dates)}</div></div> <div class="company">${escape(experience.company)}, ${escape(experience.place)}</div></div> <div class="details"><p></p> <ul>${each(experience.tasks, (task) => { return `<li>${escape(task)}</li>`; })}</ul> <p></p></div> </div>`; })}</section></div>`; }); const Contact = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { email } = $$props; let { linkedin } = $$props; let { name } = $$props; let { phone } = $$props; if ($$props.email === void 0 && $$bindings.email && email !== void 0) $$bindings.email(email); if ($$props.linkedin === void 0 && $$bindings.linkedin && linkedin !== void 0) $$bindings.linkedin(linkedin); if ($$props.name === void 0 && $$bindings.name && name !== void 0) $$bindings.name(name); if ($$props.phone === void 0 && $$bindings.phone && phone !== void 0) $$bindings.phone(phone); return ` <div class="contact-container container-block"><ul class="list-unstyled contact-list"><li class="email"><em class="fa fa-envelope"></em><a href="${"mailto:%20" + escape(email, true)}">${escape(email)}</a></li> <li class="phone"><em class="fa fa-phone"></em><a href="${"tel:" + escape(phone.replaceAll(" ", ""), true)}">${escape(phone)}</a></li> <li class="linkedin"><em class="fa fa-linkedin"></em><a${add_attribute("href", linkedin, 0)} target="_blank">${escape(name)}</a></li></ul></div>`; }); const Education = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { education } = $$props; if ($$props.education === void 0 && $$bindings.education && education !== void 0) $$bindings.education(education); return ` <div class="education-container container-block"><h3 class="container-block-title" data-svelte-h="svelte-98dx4j">Éducation</h3> ${each(education, (degree) => { return `<div class="item"><h4 class="degree">${escape(degree.title)}</h4> <h5 class="meta">${escape(degree.place)}</h5> <div class="time">${escape(degree.dates)}</div> </div>`; })}</div>`; }); const Language = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { languages } = $$props; if ($$props.languages === void 0 && $$bindings.languages && languages !== void 0) $$bindings.languages(languages); return ` <div class="language-container container-block"><h2 class="container-block-title" data-svelte-h="svelte-1rv8k80">Langues</h2> <ul class="list-unstyled interests-list">${each(languages, (language) => { return `<li>${escape(language.name)} <span class="lang-desc">(${escape(language.level)})</span></li>`; })}</ul></div>`; }); const Profile = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { name } = $$props; let { picture } = $$props; let { role } = $$props; if ($$props.name === void 0 && $$bindings.name && name !== void 0) $$bindings.name(name); if ($$props.picture === void 0 && $$bindings.picture && picture !== void 0) $$bindings.picture(picture); if ($$props.role === void 0 && $$bindings.role && role !== void 0) $$bindings.role(role); return ` <div class="profile-container"><img class="profile img-circle"${add_attribute("src", picture, 0)} alt=""> <h1 class="name">${escape(name)}</h1> <h3 class="tagline">${escape(role)}</h3></div>`; }); const Sidebar = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { resume } = $$props; if ($$props.resume === void 0 && $$bindings.resume && resume !== void 0) $$bindings.resume(resume); return ` <div class="sidebar-wrapper column-1">${validate_component(Profile, "Profile").$$render( $$result, { name: resume.name, role: resume.role, picture: resume.picture }, {}, {} )} ${validate_component(Contact, "Contact").$$render( $$result, { name: resume.name, email: resume.email, linkedin: resume.linkedin, phone: resume.phone }, {}, {} )} ${validate_component(Education, "Education").$$render($$result, { education: resume.education }, {}, {})} ${validate_component(Language, "Language").$$render($$result, { languages: resume.languages }, {}, {})}</div>`; }); const css = { code: 'body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#f5f5f5;color:#545e6c;font-family:Roboto, sans-serif;font-size:14px;padding:30px}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:700}body a{transition:all 0.4s ease-in-out;color:#2e4049}body a:hover{color:#10171a;text-decoration:underline}body a:focus{text-decoration:none}body p{line-height:1.5}body .wrapper{background:#4b6a78;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);margin:0 auto;position:relative}body .sidebar-wrapper{background:#4b6a78;color:#fff;height:100%;min-height:800px}body .sidebar-wrapper a{color:#fff}body .sidebar-wrapper .profile-container{background:rgba(0, 0, 0, 0.2);color:#fff;padding:30px;text-align:center}body .sidebar-wrapper .name{font-size:32px;font-weight:900;margin-bottom:10px;margin-top:0}body .sidebar-wrapper .tagline{color:rgba(255, 255, 255, 0.6);font-size:16px;font-weight:400;margin-bottom:0;margin-top:0}body .sidebar-wrapper .profile{margin-bottom:15px}body .sidebar-wrapper .contact-list .fa{font-size:18px;margin-right:5px;vertical-align:middle}body .sidebar-wrapper .contact-list li{margin-bottom:15px}body .sidebar-wrapper .contact-list li:last-child{margin-bottom:0}body .sidebar-wrapper .contact-list .email .fa{font-size:14px}body .sidebar-wrapper .container-block{padding:30px}body .sidebar-wrapper .container-block-title{font-size:16px;font-weight:700;margin-bottom:15px;margin-top:0;text-transform:uppercase}body .sidebar-wrapper .degree{font-size:14px;margin-bottom:5px;margin-top:0}body .sidebar-wrapper .education-container .item{margin-bottom:15px}body .sidebar-wrapper .education-container .item:last-child{margin-bottom:0}body .sidebar-wrapper .education-container .meta{color:rgba(255, 255, 255, 0.6);font-weight:500;margin-bottom:0;margin-top:0}body .sidebar-wrapper .education-container .time{color:rgba(255, 255, 255, 0.6);font-weight:500;margin-bottom:0}body .sidebar-wrapper .language-container .lang-desc{color:rgba(255, 255, 255, 0.6)}body .sidebar-wrapper .languages-list{margin-bottom:0}body .sidebar-wrapper .languages-list li{margin-bottom:10px}body .sidebar-wrapper .languages-list li:last-child{margin-bottom:0}body .sidebar-wrapper .interests-list{margin-bottom:0}body .sidebar-wrapper .interests-list li{margin-bottom:10px}body .sidebar-wrapper .interests-list li:last-child{margin-bottom:0}body .main-wrapper{background:#fff;padding:60px;page-break-before:always}body .main-wrapper .section-title{text-transform:uppercase;font-size:20px;font-weight:500;color:#2e4049;position:relative;margin-top:0;margin-bottom:20px}body .main-wrapper .section-title .fa{background-clip:padding-box;background-color:#2e4049;border-radius:50%;color:#fff;display:inline-block;font-size:16px;height:30px;margin-right:8px;padding-top:8px;position:relative;text-align:center;top:-2px;width:30px}body .main-wrapper .section{margin-bottom:60px;page-break-inside:avoid}body .main-wrapper .experiences-section .item{margin-bottom:30px}body .main-wrapper .upper-row{position:relative;overflow:hidden;margin-bottom:2px}body .main-wrapper .job-title{color:#3f4650;font-size:16px;margin-top:0;margin-bottom:0;font-weight:500}body .main-wrapper .time{position:absolute;right:0;top:0;color:#97aac3}body .main-wrapper .company{margin-bottom:10px;color:#97aac3}body .main-wrapper .project-title{font-size:16px;font-weight:400;margin-top:0;margin-bottom:5px}body .main-wrapper .projects-section .intro{margin-bottom:30px}body .main-wrapper .projects-section .item{margin-bottom:15px}body .skillset .item{margin-bottom:15px;overflow:hidden}body .skillset .level-title{font-size:14px;margin-top:0;margin-bottom:12px}body .skillset .level-bar{height:12px;background:#f5f5f5 !important}body .skillset .level-bar-inner{height:12px;background:#6c92a3 !important}body .footer{display:none}body .btn-translate{background-color:#27383f;border-color:#4f6f7d}@media(width <= 767px){body .sidebar-wrapper{position:static;width:inherit}body .main-wrapper{padding:30px}body .main-wrapper .time{position:static;display:block;margin-top:5px}body .main-wrapper .upper-row{margin-bottom:0}}@media(width >= 992px){body .skillset .level-title{display:inline-block;float:left;width:30%;margin-bottom:0}body .skillset .level-bar{display:inline-block;width:70%;float:left;position:relative;top:1px}}.columns{content:"";display:table;clear:both;width:100%}.columns .column-1{width:33%;float:left}.columns .column-2{width:67%;float:left}', map: null }; const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => { const resume = { email: "jerome.gabriel83@proton.me", // eslint-disable-next-line no-secrets/no-secrets linkedin: "https://www.linkedin.com/in/j%C3%A9r%C3%B4me-gabriel-57a73994/", name: "Jérôme GABRIEL", phone: "+86 131 2292 5256", picture: "assets/images/picture.jpeg", role: "Senior Web Developer", education: [ { title: "Licence Professionnelle, Création Multimédia", place: "Université Denis Diderot (Paris VII)", dates: "2004 - 2005" }, { title: "DUT Informatique, Option Informatique et Génie Informatique", place: "IUT de La Rochelle", dates: "2001 - 2003" } ], experiences: [ { title: "Senior Web Developer", dates: "02/2014 - aujourd'hui", company: "MARCO VASCO", place: "Shanghai", tasks: [ "Développements PHP (PHP 5/7 / Zend Framework / Slim Framework)", "Développements Angular 2+ (Angular / Nestjs / Devices tactiles)", "Migration du système de paiements (Hipay, queue)", "Migration PHP 5 -> PHP 7", "Migrations SOAP vers API REST", "Refactoring application monolitique en micro services / micro frontends", "Mise en place Design System", "Docker", "CI/CD (Jenkins / Gitlab, Mise en place des pipelines, tests et déploiments)", "Présentations techniques", "POCs (Headless CMS, Site Generator)", "Entretiens techniques" ] }, { title: "Chef de projet", dates: "08/2011 - 06/2013", company: "BNP PARIBAS", place: "Montreuil", tasks: [ "Gestion de projet (équipe de 2 développeurs)", "Présentations techniques", "Support technique", "Projet pilote pour SCRUM", "Projet pilote pour Case Management Solution" ] }, { title: "Développeur", dates: "04/2009 - 08/2011", company: "BNP PARIBAS", place: "Paris / Montreuil", tasks: [ "Développements PHP (PHP 5 / Zend Framework)", "Mise en place CI (Jenkins)" ] }, { title: "Développeur / Chef de projet", dates: "09/2005 - 03/2009", company: "CHAMBRE DE COMMERCE ET DE L'INDUSTRIE DE PARIS", place: "Paris", tasks: [ "Maintenance technique et support utilisateurs", "Développements ASP / PHP (Drupal)", "Migration de sites vers Drupal", "Gestion de projets (équipe de 2 développeurs)" ] }, { title: "Développeur", dates: "09/2005", company: "AFNOR", place: "Saint-Denis", tasks: ["Mise en place de FileOpen pour la protection de fichiers PDF"] }, { title: "Développeur Multimédia", dates: "09/2004 - 08/2005", company: "GROUPE ALTÉIS", place: "Chatou", tasks: ["Développements ASP", "Webmaster"] } ], languages: [ { name: "Français", level: "Maternel" }, { name: "Anglais", level: "Professionnel" }, { name: "Chinois", level: "Bases" } ] }; $$result.css.add(css); return ` ${$$result.head += `<!-- HEAD_svelte-1ucignn_START -->${$$result.title = `<title>Jérôme GABRIEL</title>`, ""}<html lang="fr-FR"></html><!-- HEAD_svelte-1ucignn_END -->`, ""} <div class="wrapper columns">${validate_component(Sidebar, "Sidebar").$$render($$result, { resume }, {}, {})} ${validate_component(Experience, "Experience").$$render($$result, { experiences: resume.experiences }, {}, {})}</div>`; }); export { Page as default }; |