mirror of
https://github.com/BartoszJarocki/cv.git
synced 2024-11-20 12:29:25 +03:00
Layout improvements, data update
This commit is contained in:
Bartosz Jarocki
parent
e5e34c42ed
commit
8b8cae6c50
@ -17,11 +17,11 @@ export const metadata: Metadata = {
|
||||
export default function Page() {
|
||||
return (
|
||||
<main className="container relative mx-auto scroll-my-12 overflow-auto p-4 print:p-12 md:p-16">
|
||||
<section className="mx-auto w-full max-w-2xl space-y-8 bg-white print:space-y-6">
|
||||
<section className="mx-auto w-full max-w-2xl space-y-8 bg-white print:space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex-1 space-y-1.5">
|
||||
<h1 className="text-2xl font-bold">{RESUME_DATA.name}</h1>
|
||||
<p className="max-w-md text-pretty font-mono text-sm text-muted-foreground">
|
||||
<p className="max-w-md text-pretty font-mono text-sm text-muted-foreground print:text-[12px]">
|
||||
{RESUME_DATA.about}
|
||||
</p>
|
||||
<p className="max-w-md items-center text-pretty font-mono text-xs text-muted-foreground">
|
||||
@ -73,7 +73,7 @@ export default function Page() {
|
||||
</Button>
|
||||
))}
|
||||
</div>
|
||||
<div className="hidden flex-col gap-x-1 font-mono text-sm text-muted-foreground print:flex">
|
||||
<div className="hidden flex-col gap-x-1 font-mono text-sm text-muted-foreground print:flex print:text-[12px]">
|
||||
{RESUME_DATA.contact.email ? (
|
||||
<a href={`mailto:${RESUME_DATA.contact.email}`}>
|
||||
<span className="underline">{RESUME_DATA.contact.email}</span>
|
||||
@ -94,7 +94,7 @@ export default function Page() {
|
||||
</div>
|
||||
<Section>
|
||||
<h2 className="text-xl font-bold">About</h2>
|
||||
<p className="text-pretty font-mono text-sm text-muted-foreground">
|
||||
<p className="text-pretty font-mono text-sm text-muted-foreground print:text-[12px]">
|
||||
{RESUME_DATA.summary}
|
||||
</p>
|
||||
</Section>
|
||||
@ -114,7 +114,7 @@ export default function Page() {
|
||||
{work.badges.map((badge) => (
|
||||
<Badge
|
||||
variant="secondary"
|
||||
className="align-middle text-xs"
|
||||
className="align-middle text-xs print:text-[8px] print:leading-tight print:px-1 print:py-0.5"
|
||||
key={badge}
|
||||
>
|
||||
{badge}
|
||||
@ -127,11 +127,11 @@ export default function Page() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 className="font-mono text-sm leading-none">
|
||||
<h4 className="font-mono text-sm leading-none print:text-[12px]">
|
||||
{work.title}
|
||||
</h4>
|
||||
</CardHeader>
|
||||
<CardContent className="mt-2 text-xs">
|
||||
<CardContent className="mt-2 text-xs print:text-[10px]">
|
||||
{work.description}
|
||||
</CardContent>
|
||||
</Card>
|
||||
@ -153,7 +153,9 @@ export default function Page() {
|
||||
</div>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent className="mt-2">{education.degree}</CardContent>
|
||||
<CardContent className="mt-2 print:text-[12px]">
|
||||
{education.degree}
|
||||
</CardContent>
|
||||
</Card>
|
||||
);
|
||||
})}
|
||||
@ -162,7 +164,11 @@ export default function Page() {
|
||||
<h2 className="text-xl font-bold">Skills</h2>
|
||||
<div className="flex flex-wrap gap-1">
|
||||
{RESUME_DATA.skills.map((skill) => {
|
||||
return <Badge key={skill}>{skill}</Badge>;
|
||||
return (
|
||||
<Badge className="print:text-[10px]" key={skill}>
|
||||
{skill}
|
||||
</Badge>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</Section>
|
||||
|
||||
@ -36,7 +36,7 @@ export function ProjectCard({ title, description, tags, link }: Props) {
|
||||
<div className="hidden font-mono text-xs underline print:visible">
|
||||
{link?.replace("https://", "").replace("www.", "").replace("/", "")}
|
||||
</div>
|
||||
<CardDescription className="font-mono text-xs">
|
||||
<CardDescription className="font-mono text-xs print:text-[10px]">
|
||||
{description}
|
||||
</CardDescription>
|
||||
</div>
|
||||
@ -45,7 +45,7 @@ export function ProjectCard({ title, description, tags, link }: Props) {
|
||||
<div className="mt-2 flex flex-wrap gap-1">
|
||||
{tags.map((tag) => (
|
||||
<Badge
|
||||
className="px-1 py-0 text-[10px]"
|
||||
className="px-1 py-0 text-[10px] print:px-1 print:py-0.5 print:text-[8px] print:leading-tight"
|
||||
variant="secondary"
|
||||
key={tag}
|
||||
>
|
||||
|
||||
@ -25,9 +25,9 @@ export const RESUME_DATA = {
|
||||
location: "Wrocław, Poland, CET",
|
||||
locationLink: "https://www.google.com/maps/place/Wrocław",
|
||||
about:
|
||||
"Full Stack Engineer focused on building products with extra attention to detail",
|
||||
"Detail-oriented Full Stack Engineer dedicated to building high-quality products.",
|
||||
summary:
|
||||
"As a Full Stack Engineer, I have successfully taken multiple products from 0 to 1. I lead teams effectively, ensuring an environment where people can do their best work. Currently, I work mostly with TypeScript, React, Node.js, and GraphQL. I have over 8 years of experience in working remotely with companies all around the world.",
|
||||
"As a Full Stack Engineer, I specialize in taking products from concept to launch. I excel in leading teams and creating environments where individuals perform at their best. Currently, I work mostly with TypeScript, React, Node.js, and GraphQL. I have over 8 years of experience working remotely with companies worldwide.",
|
||||
avatarUrl: "https://avatars.githubusercontent.com/u/1017620?v=4",
|
||||
personalWebsiteUrl: "https://jarocki.me",
|
||||
contact: {
|
||||
@ -60,6 +60,17 @@ export const RESUME_DATA = {
|
||||
},
|
||||
],
|
||||
work: [
|
||||
{
|
||||
company: "Film.io",
|
||||
link: "https://film.io",
|
||||
badges: ["Remote"],
|
||||
title: "Software Architect",
|
||||
logo: ConsultlyLogo,
|
||||
start: "2024",
|
||||
end: null,
|
||||
description:
|
||||
"Leading the development of the Film.io platform. Technologies: React, TypeScript, Node.js",
|
||||
},
|
||||
{
|
||||
company: "Parabol",
|
||||
link: "https://parabol.co",
|
||||
@ -69,7 +80,7 @@ export const RESUME_DATA = {
|
||||
start: "2021",
|
||||
end: "2024",
|
||||
description:
|
||||
"Implemented new features, led squad, worked on improving the way developers ship the code, started migration from Emotion to Tailwind CSS and more. Technologies: React, TypeScript, GraphQL",
|
||||
"Implemented new features, led a squad, improved code delivery process, and initiated migration from Emotion to Tailwind CSS. Technologies: React, TypeScript, GraphQL",
|
||||
},
|
||||
{
|
||||
company: "Clevertech",
|
||||
@ -80,7 +91,7 @@ export const RESUME_DATA = {
|
||||
start: "2015",
|
||||
end: "2021",
|
||||
description:
|
||||
"Created Android mobile apps and led teams for companies like Vision Media, DKMS, or AAA. Built live streaming application for Evercast from scratch. Technologies: Android, Kotlin, React, TypeScript, GraphQL",
|
||||
"Created Android mobile apps and led teams for companies like Vision Media, DKMS, and AAA. Built a live streaming application for Evercast from scratch. Technologies: Android, Kotlin, React, TypeScript, GraphQL",
|
||||
},
|
||||
{
|
||||
company: "Jojo Mobile",
|
||||
@ -91,7 +102,7 @@ export const RESUME_DATA = {
|
||||
start: "2012",
|
||||
end: "2015",
|
||||
description:
|
||||
"Built an Android team, created Android apps for biggest Polish companies like LOT, Polskie Radio, Agora, PolskaPress",
|
||||
"Led the Android team and developed apps for major Polish companies like LOT, Polskie Radio, Agora, and PolskaPress",
|
||||
},
|
||||
{
|
||||
company: "Nokia Siemens Networks",
|
||||
@ -101,7 +112,7 @@ export const RESUME_DATA = {
|
||||
logo: NSNLogo,
|
||||
start: "2010",
|
||||
end: "2012",
|
||||
description: "Creating and testing software for LTE base stations",
|
||||
description: "Developed and tested software for LTE base stations",
|
||||
},
|
||||
],
|
||||
skills: [
|
||||
@ -114,6 +125,40 @@ export const RESUME_DATA = {
|
||||
"WebRTC",
|
||||
],
|
||||
projects: [
|
||||
{
|
||||
title: "Parabol",
|
||||
techStack: [
|
||||
"Full Stack Developer",
|
||||
"TypeScript",
|
||||
"React",
|
||||
"Node.js",
|
||||
"GraphQL",
|
||||
],
|
||||
description:
|
||||
"The Agile meeting co-pilot that delivers better meetings with less effort",
|
||||
logo: ParabolLogo,
|
||||
link: {
|
||||
label: "github.com",
|
||||
href: "https://parabol.co/",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Evercast",
|
||||
techStack: [
|
||||
"Lead Frontend Developer",
|
||||
"TypeScript",
|
||||
"React",
|
||||
"Node.js",
|
||||
"GraphQL",
|
||||
],
|
||||
description:
|
||||
"Creative collaboration platform that combines video conferencing and HD media streaming",
|
||||
logo: EvercastLogo,
|
||||
link: {
|
||||
label: "evercast.us",
|
||||
href: "https://www.evercast.us/",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Consultly",
|
||||
techStack: [
|
||||
@ -146,7 +191,7 @@ export const RESUME_DATA = {
|
||||
title: "Jarocki.me",
|
||||
techStack: ["Side Project", "Next.js", "MDX"],
|
||||
description:
|
||||
"My personal website and blog. Built with Next.js and Notion API",
|
||||
"Personal website and blog. Built with Next.js and Notion API",
|
||||
logo: JarockiMeLogo,
|
||||
link: {
|
||||
label: "github.com",
|
||||
@ -157,7 +202,7 @@ export const RESUME_DATA = {
|
||||
title: "Minimal",
|
||||
techStack: ["Side Project", "Next.js", "Puppeteer"],
|
||||
description:
|
||||
"Minimalist calendars, habit trackers and planners generator",
|
||||
"Minimalist calendars, habit trackers, and planners generator",
|
||||
logo: Minimal,
|
||||
link: {
|
||||
label: "useminimal.com",
|
||||
@ -185,41 +230,6 @@ export const RESUME_DATA = {
|
||||
href: "https://getyearprogress.com/",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Parabol",
|
||||
techStack: [
|
||||
"Full Stack Developer",
|
||||
"TypeScript",
|
||||
"React",
|
||||
"Node.js",
|
||||
"GraphQL",
|
||||
],
|
||||
description:
|
||||
"The Agile meeting co-pilot that delivers better meetings with less effort",
|
||||
logo: ParabolLogo,
|
||||
link: {
|
||||
label: "github.com",
|
||||
href: "https://parabol.co/",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Evercast",
|
||||
techStack: [
|
||||
"Lead Frontend Developer",
|
||||
|
||||
"TypeScript",
|
||||
"React",
|
||||
"Node.js",
|
||||
"GraphQL",
|
||||
],
|
||||
description:
|
||||
"Creative collaboration platform that combines video conferencing and HD media streaming",
|
||||
logo: EvercastLogo,
|
||||
link: {
|
||||
label: "evercast.us",
|
||||
href: "https://www.evercast.us/",
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Mobile Vikings",
|
||||
techStack: ["Lead Android Developer", "Android", "Kotlin"],
|
||||
@ -234,8 +244,7 @@ export const RESUME_DATA = {
|
||||
{
|
||||
title: "Howdy",
|
||||
techStack: ["Lead Android Developer", "Android", "Kotlin"],
|
||||
description:
|
||||
"Howdy is a place for you to join communities you care about",
|
||||
description: "Howdy is a place for joining communities you care about",
|
||||
logo: Howdy,
|
||||
link: {
|
||||
label: "play.google.com",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user