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 | import { c as create_ssr_component, d as each, e as escape, f as add_attribute, v as validate_component } from "../../chunks/ssr.js"; import "html2canvas"; import "jspdf"; 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-bloc section"><h2 class="section-title" data-svelte-h="svelte-3jrcma"><em class="fa fa-graduation-cap"></em> Formation</h2> ${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 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 ` <section class="section experiences-section"><h2 class="section-title" data-svelte-h="svelte-1ps59g1"><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">${experience.company != void 0 ? `${escape(experience.company)}, ` : ``}${escape(experience.place)} </div></div> <div class="details"><p></p> <ul>${experience.tasks != void 0 ? `${each(experience.tasks, (task) => { return `<li>${escape(task)}</li>`; })}` : ``}</ul> <p></p></div> </div>`; })}</section>`; }); const Hobbies = create_ssr_component(($$result, $$props, $$bindings, slots) => { let { hobbies } = $$props; if ($$props.hobbies === void 0 && $$bindings.hobbies && hobbies !== void 0) $$bindings.hobbies(hobbies); return ` <div class="hobbies-container container-block section"><h2 class="section-title" data-svelte-h="svelte-13pz263"><em class="fa fa-smile-o"></em> Loisirs</h2> <ul>${each(hobbies, (hobby) => { return `<li>${escape(hobby)} </li>`; })}</ul></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> ${linkedin != void 0 ? `<li class="linkedin"><em class="fa fa-linkedin"></em><a${add_attribute("href", linkedin, 0)} target="_blank">${escape(name)}</a></li>` : ``}</ul></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> ${role != void 0 ? `<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(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;width:21cm;height:29.7cm;margin:30mm 45mm}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 .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 .education-container .item{margin-bottom:15px;position:relative}body .main-wrapper .education-container .item:last-child{margin-bottom:0}body .main-wrapper .education-container .meta{font-weight:500;margin-bottom:0;margin-top:0}body .main-wrapper .education-container .time{font-weight:500;margin-bottom:0}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;min-height:100vh}', map: null }; const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => { const resume = { email: "laopo.gabriel@gmail.com", // eslint-disable-next-line no-secrets/no-secrets linkedin: null, name: "Yimeng WANG", phone: "+33 7 66 02 76 98", picture: "assets/images/profile.jpeg", role: null, education: [ { title: "Réalisation Cinéma & Télévision", place: "EICAR, PARIS", dates: "2004 - 2008" } ], experiences: [ { title: "CareDaily (auto entrepreneur)", dates: "2016-2022", company: null, place: "Shanghai, Chine", tasks: [ "Vente en ligne de produits pour enfants et féminins", "Ouverture d'une boutique physique", "Gestion de la boutique au quotidien (stocks, clients)", "Gestion d'une équipe de vendeuses (formations, animations, planning)" ] }, { title: "Tournages (scripte / assistante réalisation)", dates: "2008-2015", company: null, place: "Chine", tasks: ["Cinéma", "Télévision", "Publicités"] }, { title: "Quick", dates: "2006-2008", company: null, place: "La Défense, France" } ], languages: [ { name: "Français", level: "Courrant" }, { name: "Anglais", level: "Professionnel" }, { name: "Chinois", level: "Maternel" } ], hobbies: ["Cinéma", "Voyages", "Cuisine"] }; $$result.css.add(css); return ` ${$$result.head += `<!-- HEAD_svelte-dtgxfu_START -->${$$result.title = `<title>Yimeng WANG</title>`, ""}<html lang="fr-FR"></html><!-- HEAD_svelte-dtgxfu_END -->`, ""} <div class="wrapper columns" id="element-to-print">${validate_component(Sidebar, "Sidebar").$$render($$result, { resume }, {}, {})} <div class="main-wrapper column-2">${validate_component(Experience, "Experience").$$render($$result, { experiences: resume.experiences }, {}, {})} ${validate_component(Education, "Education").$$render($$result, { education: resume.education }, {}, {})} ${validate_component(Hobbies, "Hobbies").$$render($$result, { hobbies: resume.hobbies }, {}, {})}</div></div>`; }); export { Page as default }; |