From 8c7abe58186293aeca9d6917e2005472cae35a72 Mon Sep 17 00:00:00 2001 From: Ivan Dimitrov Date: Mon, 13 Nov 2023 20:45:59 +0200 Subject: [PATCH] formatting --- cv.tsx | 331 +++++++++++++++++++++++++++++++++------------------------ 1 file changed, 192 insertions(+), 139 deletions(-) diff --git a/cv.tsx b/cv.tsx index 65e80f2..7d1b38f 100644 --- a/cv.tsx +++ b/cv.tsx @@ -1,44 +1,48 @@ -import { Page, Text, View, Document, Link, Svg, Path } from "@react-pdf/renderer"; +import { + Page, + Text, + View, + Document, + Link, + Svg, + Path, +} from "@react-pdf/renderer"; import ReactPDF from "@react-pdf/renderer"; import fs from "fs"; import { createTw } from "react-pdf-tailwind"; -const tw = createTw({ -}); +const tw = createTw({}); type A = { - text: string - href: string - icon?: string[] -} + text: string; + href: string; + icon?: string[]; +}; type Experience = { - company: string - position: string - location: string - from: Date - to: Date - description: string - technologies: string[] - links?: A[] - feedback?: string -} + company: string; + position: string; + location: string; + from: Date; + to: Date; + description: string; + technologies: string[]; + links?: A[]; + feedback?: string; +}; type Education = { - institution: string - location: string - degree: string - field: string - from: Date - to: Date - summary: string - links?: A[] -} + institution: string; + location: string; + degree: string; + field: string; + from: Date; + to: Date; + summary: string; + links?: A[]; +}; const tech = { - android: [ - "Android", - "Android Studio", - ], + android: ["Android", "Android Studio"], java: [ "Java", "JPA", @@ -59,19 +63,9 @@ const tech = { "Gradle", "Ant", ], - web: [ - "JavaScript", - "HTML", - "CSS" - ], - api: [ - "REST", - "SOAP", - ], - db: [ - "MySQL", - "PostgreSQL" - ], + web: ["JavaScript", "HTML", "CSS"], + api: ["REST", "SOAP"], + db: ["MySQL", "PostgreSQL"], linux: [ "Linux", "Bash", @@ -90,22 +84,9 @@ const tech = { "hexdump", "dd", ], - git: [ - "git", - "GitHub", - "GitLab", - "BitBucket", - ], - hybris: [ - "SAP hybris", - "ZK Framework", - ], - payment: [ - "PayPal", - "Adyen", - "V12", - "Wells Fargo Open Banking APIs", - ], + git: ["git", "GitHub", "GitLab", "BitBucket"], + hybris: ["SAP hybris", "ZK Framework"], + payment: ["PayPal", "Adyen", "V12", "Wells Fargo Open Banking APIs"], dataIntegration: [ "Spring Batch", "Data Pipeline", @@ -128,10 +109,7 @@ const tech = { "html2text", "Poetry", ], - javascript: [ - "TypeScript", - "React", - ], + javascript: ["TypeScript", "React"], nextjs: [ "NextJS 12", "NextJS 13", @@ -152,40 +130,47 @@ const tech = { "FontAwesome", "nProgress", ], - general: [ - "Markdown", - "Google", - "DuckDuckGo", - "PDF", - "Email", - ], -} as const + general: ["Markdown", "Google", "DuckDuckGo", "PDF", "Email"], +} as const; -const techKeys = Object.keys(tech) as Array +const techKeys = Object.keys(tech) as Array; -type TechKeys = keyof typeof tech +type TechKeys = keyof typeof tech; const skills = (skills: TechKeys[]): string[] => { - return skills.map(s => tech[s]).flat() -} + return skills.map((s) => tech[s]).flat(); +}; const skillsInverted = (skills: TechKeys[]): string[] => { - return techKeys.filter(k => !skills.includes(k)).map(s => tech[s]).flat() -} + return techKeys + .filter((k) => !skills.includes(k)) + .map((s) => tech[s]) + .flat(); +}; -const createSvg = (paths: string[]) => +const createSvg = (paths: string[]) => ( - {paths.map(p => ( + {paths.map((p) => ( ))} +); const svg = { - github: createSvg(["M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z"]), - link: createSvg(["M11.013 7.962a3.519 3.519 0 0 0-4.975 0l-3.554 3.554a3.518 3.518 0 0 0 4.975 4.975l.461-.46m-.461-4.515a3.518 3.518 0 0 0 4.975 0l3.553-3.554a3.518 3.518 0 0 0-4.974-4.975L10.3 3.7"]), - email: createSvg(["m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z", "M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"]), - globe: createSvg(["M6.487 1.746c0 4.192 3.592 1.66 4.592 5.754 0 .828 1 1.5 2 1.5s2-.672 2-1.5a1.5 1.5 0 0 1 1.5-1.5h1.5m-16.02.471c4.02 2.248 1.776 4.216 4.878 5.645C10.18 13.61 9 19 9 19m9.366-6h-2.287a3 3 0 0 0-3 3v2m6-8a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"]) -} + github: createSvg([ + "M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z", + ]), + link: createSvg([ + "M11.013 7.962a3.519 3.519 0 0 0-4.975 0l-3.554 3.554a3.518 3.518 0 0 0 4.975 4.975l.461-.46m-.461-4.515a3.518 3.518 0 0 0 4.975 0l3.553-3.554a3.518 3.518 0 0 0-4.974-4.975L10.3 3.7", + ]), + email: createSvg([ + "m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z", + "M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z", + ]), + globe: createSvg([ + "M6.487 1.746c0 4.192 3.592 1.66 4.592 5.754 0 .828 1 1.5 2 1.5s2-.672 2-1.5a1.5 1.5 0 0 1 1.5-1.5h1.5m-16.02.471c4.02 2.248 1.776 4.216 4.878 5.645C10.18 13.61 9 19 9 19m9.366-6h-2.287a3 3 0 0 0-3 3v2m6-8a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z", + ]), +}; const experience = ({ company, @@ -196,14 +181,20 @@ const experience = ({ description, technologies, links, - feedback -}: Experience) => + feedback, +}: Experience) => ( - + {position} at - {company}, {location} + + {company}, {location} + from {from.toDateString()} to @@ -211,7 +202,7 @@ const experience = ({ {links && ( - {links.map(l => ( + {links.map((l) => ( {link(l)} @@ -227,15 +218,18 @@ const experience = ({ )} - {technologies.map(t => ( + {technologies.map((t) => ( - + {t} ))} +); const education = ({ institution, @@ -245,14 +239,22 @@ const education = ({ from, to, summary, - links -}: Education) => + links, +}: Education) => ( - + - Studied {degree} of {field} + + Studied {degree} of {field} + at - {institution}, {location} + + {institution}, {location} + from {from.toDateString()} to @@ -260,7 +262,7 @@ const education = ({ {links && ( - {links.map(l => ( + {links.map((l) => ( {link(l)} @@ -272,16 +274,38 @@ const education = ({ +); -const link = ({ text, href, icon }: A) => {icon || svg.link}{text} +const link = ({ text, href, icon }: A) => ( + + {icon || svg.link} + {text} + +); const Links = () => ( - {link({ text: "GitHub", href: "https://github.com/ivandimitrov8080", icon: svg.github as any })} - {link({ text: "Upwork", href: "https://www.upwork.com/freelancers/idimitrov", icon: svg.link as any })} - {link({ text: "ivan@idimitrov.dev", href: "mailto:ivan@idimitrov.dev", icon: svg.email as any })} - {link({ text: "idimitrov.dev", href: "https://www.idimitrov.dev", icon: svg.globe as any })} + {link({ + text: "GitHub", + href: "https://github.com/ivandimitrov8080", + icon: svg.github as any, + })} + {link({ + text: "Upwork", + href: "https://www.upwork.com/freelancers/idimitrov", + icon: svg.link as any, + })} + {link({ + text: "ivan@idimitrov.dev", + href: "mailto:ivan@idimitrov.dev", + icon: svg.email as any, + })} + {link({ + text: "idimitrov.dev", + href: "https://www.idimitrov.dev", + icon: svg.globe as any, + })} -) +); const Intro = () => ( @@ -289,13 +313,16 @@ const Intro = () => ( Software Developer -) +); -const pageStyles = tw("w-full h-full text-slate-50 bg-slate-950 flex flex-col p-12 text-base") -const divider = +const pageStyles = tw( + "w-full h-full text-slate-50 bg-slate-950 flex flex-col p-12 text-base" +); +const divider = ( +); const CV = () => ( ( producer="Ivan Dimitrov with react-pdf" keywords="Ivan Dimitrov Software Developer" > - + {divider} Experience @@ -319,9 +344,11 @@ const CV = () => ( location: "UK", from: new Date("21 Sep 2023"), to: new Date("5 Nov 2023"), - description: "Diagnosed and analyzed a faulty LUKS encrypted drive on a remote server.", + description: + "Diagnosed and analyzed a faulty LUKS encrypted drive on a remote server.", technologies: [...tech.linux], - feedback: "Ivan was great to work with. Bought his own ideas and expertise, and workshopped a solution with me. Has a wealth of knowledge and I'd very happily work with him again." + feedback: + "Ivan was great to work with. Bought his own ideas and expertise, and workshopped a solution with me. Has a wealth of knowledge and I'd very happily work with him again.", })} {experience({ company: "Stepsy", @@ -329,13 +356,23 @@ const CV = () => ( location: "Estonia", from: new Date("29 Jul 2023"), to: new Date("5 Nov 2023"), - description: "Created a multi-tenant knowledge base website based on Google APIs", - technologies: skills(["nextjs", "styles", "linux", "git", "general"]) - .concat(["googleapis", "Fuse.js", "Interact.js"]), + description: + "Created a multi-tenant knowledge base website based on Google APIs", + technologies: skills([ + "nextjs", + "styles", + "linux", + "git", + "general", + ]).concat(["googleapis", "Fuse.js", "Interact.js"]), links: [ - { text: "Case Study", href: "https://www.idimitrov.dev/c/cases/stepsy.wiki.md" } + { + text: "Case Study", + href: "https://www.idimitrov.dev/c/cases/stepsy.wiki.md", + }, ], - feedback: "Great experience working with Ivan! Ready to implement your vision, also advises on how it should be done." + feedback: + "Great experience working with Ivan! Ready to implement your vision, also advises on how it should be done.", })} {experience({ company: "HOI 2 Bunker", @@ -343,16 +380,22 @@ const CV = () => ( location: "UK", from: new Date("22 Jun 2023"), to: new Date("27 Jun 2023"), - description: "Scraped an old wiki website with over 500 pages and created a new static site generated using Markdown and NextJS.", - technologies: skills(["python", "nextjs", "styles", "linux", "git", "general"]), - feedback: "Ivan went above and beyond to make sure I was happy with the final result" + description: + "Scraped an old wiki website with over 500 pages and created a new static site generated using Markdown and NextJS.", + technologies: skills([ + "python", + "nextjs", + "styles", + "linux", + "git", + "general", + ]), + feedback: + "Ivan went above and beyond to make sure I was happy with the final result", })} - + {experience({ company: "North Concepts", @@ -360,9 +403,13 @@ const CV = () => ( location: "Canada", from: new Date("25 May 2023"), to: new Date("20 Jun 2023"), - description: "Wrote technical documentation and content for the DataPipeline library by NorthConcepts.", - technologies: skills(["java", "dataIntegration", "git"]).concat("WordPress"), - feedback: "Ivan is a talented developer and was able to understand and write about our developer framework without difficulty." + description: + "Wrote technical documentation and content for the DataPipeline library by NorthConcepts.", + technologies: skills(["java", "dataIntegration", "git"]).concat( + "WordPress" + ), + feedback: + "Ivan is a talented developer and was able to understand and write about our developer framework without difficulty.", })} {experience({ company: "RA Creative", @@ -370,13 +417,14 @@ const CV = () => ( location: "Nottingham, UK", from: new Date("Dec 2020"), to: new Date("20 Jan 2023"), - description: "Worked on seven international eCommerce web apps serving customers in the US and Europe.", + description: + "Worked on seven international eCommerce web apps serving customers in the US and Europe.", technologies: skillsInverted(["dataIntegration", "python", "nextjs"]), links: [ { text: "RA Creative", href: "https://racreative.co.uk/" }, { text: "Parcel Lab", href: "https://parcellab.com/" }, { text: "Wells Fargo", href: "https://www.wellsfargo.com/" }, - ] + ], })} {experience({ company: "Central Net", @@ -384,15 +432,20 @@ const CV = () => ( location: "Blagoevgrad, Bulgaria", from: new Date("May 2016"), to: new Date("May 2020"), - description: "Developed a full-stack web + android app helping students book exams, browse resources, see events, news and more.", - technologies: skillsInverted(["hybris", "payment", "dataIntegration", "python", "nextjs", "styles"]) + description: + "Developed a full-stack web + android app helping students book exams, browse resources, see events, news and more.", + technologies: skillsInverted([ + "hybris", + "payment", + "dataIntegration", + "python", + "nextjs", + "styles", + ]), })} - + {divider} Education @@ -403,19 +456,19 @@ const CV = () => ( field: "Electronics", from: new Date("Sep 2016"), to: new Date("Jun 2018"), - summary: "This is an engineering degree focused on the science of electronics and electrical engineering. It studies the physical properties of individual electrons and the forces that take place when current is flowing through a circuit. Those same forces make computers possible through carefully engineered logic gates built with transistors." + summary: + "This is an engineering degree focused on the science of electronics and electrical engineering. It studies the physical properties of individual electrons and the forces that take place when current is flowing through a circuit. Those same forces make computers possible through carefully engineered logic gates built with transistors.", })} ); -const outDir = process.env.out || "./" -const pname = process.env.pname || "cv" +const outDir = process.env.out || "./"; +const pname = process.env.pname || "cv"; if (!fs.existsSync(outDir)) { - fs.mkdirSync(outDir, { recursive: true }) + fs.mkdirSync(outDir, { recursive: true }); } ReactPDF.render(, `${outDir}/${pname}.pdf`); -