UNPKG

react-resume-kit

Version:

<br/> <br/> <div align="center"> <img src="https://github.com/Kiyameh/react-resume-kit/blob/main/src/assets/logo.png" alt="React Resume Kit Logo" width="300"/> </div> <br/> <br/>

2 lines (1 loc) 17.3 kB
import e from"react";import*as t from"lucide-react";import{InfoIcon as r,Mail as n,Phone as o,MapPin as a,Globe as s,Download as i,ExternalLink as m}from"lucide-react";import*as c from"@icons-pack/react-simple-icons";const l=e.createContext(void 0);function u(){const t=e.useContext(l);if(void 0===t)throw new Error("useLanguage must be used within a LanguageProvider");return t}function d(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}function p(){const{content:t}=u();return e.createElement("section",null,e.createElement("h2",null,t.about_title),e.createElement("div",{className:"resume-about-card"},e.createElement(r,{className:"resume-about-icon"}),e.createElement("p",{className:"resume-about-text"},t.about_text)))}d(".resume-about-card{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;gap:.75rem;padding:1rem}@media print{.resume-about-card{gap:.5rem;padding:.5rem}}.resume-about-icon{color:#0ea5e9;flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}@media print{.resume-about-icon{height:1rem;width:1rem}}.resume-about-text{color:#6b7280}@media print{.resume-about-text{font-size:.875rem;line-height:1.25rem}}");d(".resume-contact-socialButtons{display:flex;gap:1rem;margin-bottom:1rem}@media print{.resume-contact-socialButtons{flex-direction:column;font-size:.75rem;gap:.25rem}}.resume-contact-button{align-items:center;border:1px solid #9df;border-radius:.375rem;color:#0284c7;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;transition:color .2s,background-color .2s;width:2.5rem}.resume-contact-button:hover{background-color:#dff3fd}@media print{.resume-contact-button{display:none}}.resume-contact-bigIcon{height:1.25rem;width:1.25rem}.resume-contact-url{display:none}@media print{.resume-contact-url{align-items:center;color:#0284c7;display:flex}}.resume-contact-icon{color:#0284c7;height:1rem;margin-left:.25rem;margin-right:.25rem;width:1rem}.resume-contact-atribution{align-items:center;display:flex;font-size:.875rem;gap:.25rem}@media print{.resume-contact-atribution{font-size:.75rem;padding-top:.25rem}}.resume-contact-atribution a{align-items:center;display:flex}@media print{.resume-contact-github{display:none}}");const g={...c,...t};function f(){const{content:r}=u();return e.createElement("section",null,e.createElement("h2",null,r.connect_title),e.createElement("div",{className:"resume-contact-socialButtons"},r.social_links.map(((t,r)=>{const n=g[t.icon];return e.createElement("a",{key:r,href:`//${t.url}`,target:"_blank",rel:"noreferrer noopener"},e.createElement("div",{className:"resume-contact-button"},e.createElement(n,{className:"resume-contact-bigIcon"})),e.createElement("div",{className:"resume-contact-url"},e.createElement(n,{className:"resume-contact-icon"}),e.createElement("span",null,t.url)))}))),e.createElement("p",{className:"resume-contact-atribution"},e.createElement("span",null,(new Date).getFullYear()," ",r.author),e.createElement("a",{href:"https://opensource.org/license/mit",target:"_blank",rel:"noreferrer noopener"},"MIT License",e.createElement(c.SiOpensourceinitiative,{className:"resume-contact-icon"}))),e.createElement("p",{className:"resume-contact-atribution"},e.createElement("span",null,"This resume was built with React."),e.createElement("a",{className:"resume-contact-github",href:"https://github.com/Kiyameh/react-resume-kit"},e.createElement("span",null," You can fork it here"),e.createElement(t.GitFork,{className:"resume-contact-icon"}))))}d(".resume-courses-course{align-items:flex-start;display:flex;flex-direction:column-reverse;justify-content:space-between;margin-bottom:1rem}@media (min-width:640px){.resume-courses-course{flex-direction:row}}.resume-courses-degree{color:#000;font-size:1.125rem;font-weight:500}@media print{.resume-courses-degree{font-size:1rem}.resume-courses-school{font-size:.75rem}}");function h(){const{content:t}=u();return e.createElement("section",null,e.createElement("h2",null,t.courses_title),t.courses.map(((t,r)=>e.createElement("div",{key:r,className:"resume-courses-course"},e.createElement("div",null,e.createElement("h3",{className:"resume-courses-degree"},t.degree),e.createElement("p",{className:"resume-courses-school"},t.school)),e.createElement("p",{className:"dateChip"},t.date)))))}d(".dateChip{background-color:#f0f9ff;border:1px solid #5db6ff;border-radius:5rem;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:400;max-width:fit-content;padding:.125rem .625rem;transition:background-color .2s,color .2s;white-space:nowrap}.dateChip:hover{background-color:#e0f2fe}@media print{.dateChip{font-size:.75rem;padding-bottom:0;padding-top:0}}");function b(){const{content:t}=u();return e.createElement("header",{className:"resume-header-header"},e.createElement("div",{className:"resume-header-profile"},t.picture&&e.createElement("div",{className:"resume-header-picture"},e.createElement("img",{src:t.picture,alt:"Profile photo",className:"resume-header-image"})),e.createElement("div",null,e.createElement("h1",{className:"resume-header-name"},t.name),e.createElement("p",{className:"resume-header-title"},t.title))),e.createElement("div",{className:"resume-header-contact"},e.createElement("div",{className:"resume-header-contactItem"},e.createElement(n,{className:"resume-header-icon"}),e.createElement("a",{href:`mailto:${t.email}`},t.email)),e.createElement("div",{className:"resume-header-contactItem"},e.createElement(o,{className:"resume-header-icon"}),e.createElement("a",{href:`tel:${t.phone}`},t.phone)),e.createElement("div",{className:"resume-header-contactItem"},e.createElement(a,{className:"resume-header-icon"}),e.createElement("span",null,t.location))))}d(".resume-header-header{border-bottom:1px solid #ccc;margin-bottom:1.5rem;margin-top:1.5rem;padding-bottom:1.5rem;text-align:center}.resume-header-profile{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.resume-header-picture{border:4px solid #d2ebfc;border-radius:8rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);height:8rem;overflow:hidden;width:8rem}@media print{.resume-header-header{margin-bottom:0;margin-top:0;padding-bottom:.75rem;text-align:left}.resume-header-profile{align-items:center;flex-direction:row;justify-content:start}.resume-header-picture{height:6rem;width:6rem}}.resume-header-image{height:100%;object-fit:cover;width:100%}.resume-header-name{color:#082f49;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;line-height:2.5rem}.resume-header-title{color:#6b7280;font-size:1.25rem;line-height:1.75rem}.resume-header-contact{color:#6b7280;display:flex;flex-wrap:wrap;font-size:1rem;gap:2rem;justify-content:center;line-height:1.25rem}@media print{.resume-header-contact{font-size:.75rem;gap:.75rem;justify-content:flex-start;line-height:1rem}}.resume-header-contactItem{align-items:center;display:flex;gap:.5rem}.resume-header-icon{height:1rem;width:1rem}@media print{.resume-header-icon{height:.75rem;width:.75rem}}");d(".resume{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);color:#64748b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;margin-left:auto;margin-right:auto;max-width:56rem;overflow:hidden;padding:32px;text-align:start}@media print{@page{size:A4 portrait;margin:1cm}.resume{box-shadow:none;padding:16px}}a{color:inherit;text-decoration:none}a:hover{color:#0284c7}button{background:none;border:none;cursor:pointer;font:inherit;padding:0}ol,ul{list-style:none}h2{color:#111827;font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:2rem;margin-bottom:1rem}@media print{h2{font-size:1.25rem;line-height:1.75rem}}section{margin-bottom:2.75rem;margin-top:.75rem}@media print{section{margin-bottom:.25rem;margin-top:.25rem}}");function w(){const{language:t,setLanguage:r,content:n}=u();return e.createElement("div",{className:"language-switcher-container"},e.createElement(s,{className:"language-switcher-icon"}),e.createElement("span",{className:"language-switcher-text"},n.switcher_text,":"),e.createElement("nav",{className:"language-switcher-buttons"},n.language_labels.map(((n,o)=>e.createElement("button",{key:o,onClick:()=>r(n.value),className:"language-switcher-button "+(t===n.value?"language-switcher-active":"")},n.label)))))}d(".language-switcher-container{align-items:center;background-color:#fff;border:1px solid #e0f2fe;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;gap:.5rem;padding:.5rem;position:fixed;right:1rem;top:1rem;z-index:10}.language-switcher-icon{color:#0284c7;height:1rem;width:1rem}.language-switcher-text{color:#000;font-size:.8rem;font-weight:500}.language-switcher-buttons{display:flex;flex-direction:row;gap:.2rem}.language-switcher-button{align-items:center;background:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;height:auto;justify-content:center;padding:.25rem .5rem;transition:color .2s,background-color .2s}.language-switcher-button:hover{background-color:#f3f3f3;color:#0369a1}.language-switcher-button.language-switcher-active{background-color:#e0f2fe;color:#0369a1}@media print{.language-switcher-container{display:none}}");function k(){return e.createElement("button",{onClick:()=>{window.print()},className:"pdf-download-button"},e.createElement(i,{className:"pdf-download-icon"}),"Descargar Pdf")}function E({initialLanguage:t="en",resumeContent:r,enableLanguageSwitch:n,enablePdfDownload:o,children:a}){const[s,i]=e.useState(t);return e.createElement(l.Provider,{value:{language:s,setLanguage:i,content:r[s]}},e.createElement("main",{className:"resume"},a,o&&e.createElement(k,null),n&&e.createElement(w,null)))}d(".pdf-download-icon{height:1rem;padding-right:.5rem;width:1rem}.pdf-download-button{align-items:center;background-color:#0284c7;border-radius:.375rem;bottom:1rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;padding:.5rem 1rem;position:fixed;right:1rem;transition:color .2s,background-color .2s;z-index:10}.pdf-download-button:hover{background-color:#0369a1}@media print{.pdf-download-button{display:none}}");function x(){const{content:t}=u();return e.createElement("section",null,e.createElement("h2",null,t.projects_title),e.createElement("div",null,t.projects.map(((r,n)=>e.createElement("div",{key:n,className:"resume-projects-project"},e.createElement("div",{className:"resume-projects-header"},e.createElement("h3",{className:"resume-projects-title"},r.title),r.link&&e.createElement("a",{href:`//${r.link}`,target:"_blank",rel:"noreferrer noopener"},e.createElement(m,{className:"resume-projects-icon"}))),e.createElement("div",{className:"resume-projects-technologies"},r.technologies?.map(((t,r)=>e.createElement("span",{className:"resume-projects-chip",key:r},t)))),e.createElement("div",{className:"resume-projects-description"},e.createElement("p",null,r.description),e.createElement("p",{className:"resume-projects-features"},e.createElement("span",null,`${t.projects_subtitle}: `),r.features)))))))}d(".resume-projects-header{align-items:center;display:flex;gap:.5rem}.resume-projects-project{margin-bottom:1rem}.resume-projects-title{color:#000;font-size:1.125rem;font-weight:500}@media print{.resume-projects-title{font-size:1rem}}.resume-projects-icon{height:1rem;width:1rem}@media print{.resume-projects-icon{display:none}}.resume-projects-icon:hover{color:#0284c7}.resume-projects-technologies{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;margin-top:.5rem}@media print{.resume-projects-technologies{gap:.125rem}}.resume-projects-chip{align-items:center;background-color:#f0f9ff;border:transparent;border-radius:5rem;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:400;min-width:fit-content;padding:.125rem .625rem;transition:background-color .2s}.resume-projects-chip:hover{background-color:#e0f2fe}@media print{.resume-projects-chip{font-size:.75rem;padding:0}.resume-projects-description{font-size:.75rem}}.resume-projects-features{margin-top:.75rem}.resume-projects-features span{color:#0284c7;font-weight:600}");function y(){const{content:r}=u();return e.createElement("section",null,e.createElement("h2",null,r.soft_skills_title),e.createElement("h3",{className:"resume-soft-skills-subtitle"},r.soft_skills_subtitle),e.createElement("div",{className:"resume-soft-skills-container"},r.soft_skills.map(((r,n)=>{const o=t[r.icon];return e.createElement("div",{key:n,className:"resume-soft-skills-skill"},e.createElement(o,{className:"resume-soft-skills-icon"}),e.createElement("div",null,e.createElement("p",{className:"resume-soft-skills-skillTitle"},r.title),e.createElement("p",{className:"resume-soft-skills-skillDescription"},r.description)))}))))}d(".resume-soft-skills-subtitle{color:#0284c7;font-size:.875rem;font-weight:500;margin-top:-.5rem}@media print{.resume-soft-skills-subtitle{font-size:.75rem}}.resume-soft-skills-container{display:grid;gap:1rem}@media (min-width:768px){.resume-soft-skills-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.resume-soft-skills-container{grid-template-columns:repeat(3,1fr)}}@media print{.resume-soft-skills-container{gap:.5rem;grid-template-columns:repeat(3,1fr)}}.resume-soft-skills-skill{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:.5rem;display:flex;gap:.75rem;padding:1rem}@media print{.resume-soft-skills-skill{gap:.5rem;padding:.5rem}}.resume-soft-skills-icon{color:#0284c7;margin-top:.25rem;min-width:2rem}@media print{.resume-soft-skills-icon{display:none}}.resume-soft-skills-skillTitle{color:#0c4a6e;font-weight:500}@media print{.resume-soft-skills-skillTitle{font-size:.875rem}}.resume-soft-skills-skillDescription{font-size:.875rem}@media print{.resume-soft-skills-skillDescription{font-size:.75rem}}");function N(){const{content:t}=u();return e.createElement("section",null,e.createElement("h2",null,t.techs_title),e.createElement("div",{className:"resume-technologies-container"},t.technologies.map(((t,r)=>{const n=c[t.icon];return e.createElement("div",{key:r,className:"resume-technologies-chip"},e.createElement(n,{className:"resume-technologies-icon"}),e.createElement("span",{className:"resume-technologies-text"},t.name))}))))}d(".resume-technologies-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.resume-technologies-chip{align-items:center;background-color:#e0f2fe;border-radius:5rem;display:flex;gap:.5rem;padding:.375rem .75rem;transition-duration:.2s;transition-property:background-color}.resume-technologies-chip:hover{background-color:#bae6fd}.resume-technologies-icon{color:#0ea5e9;height:1rem;width:1rem}.resume-technologies-text{color:#0369a1;font-size:.875rem;font-weight:500}@media print{.resume-technologies-chip{font-size:.75rem;padding:.25rem .5rem}.resume-technologies-icon{display:none}.resume-technologies-text{font-size:.75rem}}");function v(){const{content:t}=u();return e.createElement("section",null,e.createElement("h2",null,t.works_title),e.createElement("div",null,t.works.map(((t,r)=>e.createElement("div",{key:r,className:"resume-works-work"},e.createElement("div",{className:"resume-works-workHeader"},e.createElement("div",{className:"resume-works-leftHeader"},e.createElement("h3",{className:"resume-works-title"},t.title),e.createElement("p",{className:"resume-works-company"},t.company)),e.createElement("div",{className:"resume-works-rightHeader"},e.createElement("p",{className:"dateChip"},t.date),e.createElement("p",{className:"resume-works-location"},t.location))),e.createElement("ul",{className:"resume-works-points"},t.points.map(((t,r)=>e.createElement("li",{key:r},t)))))))))}d(".resume-works-work{margin-bottom:1.5rem}.resume-works-workHeader{display:flex;flex-direction:column-reverse;justify-content:space-between;margin-bottom:.5rem;margin-top:.5rem}.resume-works-leftHeader{display:flex;flex-direction:column}.resume-works-rightHeader{display:flex;gap:.5rem;text-align:right}@media (min-width:640px){.resume-works-workHeader{flex-direction:row}.resume-works-rightHeader{flex-direction:column}}.resume-works-title{color:#000;font-size:1.125rem;font-weight:500}.resume-works-location{font-size:.85rem}@media print{.resume-works-title{font-size:1rem}.resume-works-company,.resume-works-location{font-size:.75rem}}.resume-works-points{list-style-type:disc;margin-bottom:.25rem;margin-top:.25rem;padding-left:1.25rem}@media print{.resume-works-points{font-size:.75rem;margin-bottom:0;margin-top:0}}");const z=["en","es"];export{l as LanguageContext,w as LanguageSwitcher,k as PdfDownloadButton,p as ResumeAbout,f as ResumeContact,h as ResumeCourses,b as ResumeHeader,E as ResumeLayout,x as ResumeProjects,y as ResumeSoftSkills,N as ResumeTechnologies,v as ResumeWorks,z as suportedLanguages,u as useLanguage};//# sourceMappingURL=index.ems.js.map