-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Adam Plesnik
committed
Nov 27, 2024
1 parent
4c8818b
commit 2439c6a
Showing
6 changed files
with
163 additions
and
119 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| import Heading from '@/components/Heading' | ||
| import Link from '@/components/Link' | ||
| import Paragraph from '@/components/Paragraph' | ||
| import CvTimeline from './CvTimeline' | ||
|
|
||
| const CvPrint = () => { | ||
| return ( | ||
| <div className="p-14 pt-20 text-base"> | ||
| <div className="flex justify-between"> | ||
| <Heading size={1}>Adam Plesník</Heading> | ||
| <Heading size={1}>UX–UI designer</Heading> | ||
| </div> | ||
| <div className="mt-4 flex w-full items-center gap-2"> | ||
| <Link href="https://adamplesnik.com">adamplesnik.com</Link> / | ||
| <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link> | ||
| <div className="flex-1 justify-end text-right">Bratislava, Slovakia</div> | ||
| </div> | ||
| <div className="mt-16 flex items-baseline gap-8"> | ||
| <Heading size={2} className="w-32 shrink-0"> | ||
| About me | ||
| </Heading> | ||
| <div> | ||
| <Paragraph className="mb-4"> | ||
| I spend quality time with my family—or alone when needed—preferably in | ||
| nature, mountain biking, traveling, or exploring around town. | ||
| </Paragraph> | ||
| <Paragraph> | ||
| I speak English fluently. I also enjoy photography, playing piano as a hobby, and | ||
| reading. | ||
| </Paragraph> | ||
| </div> | ||
| </div> | ||
| <div className="mt-16 flex flex-1 items-baseline gap-8"> | ||
| <Heading size={2} className="w-32 shrink-0"> | ||
| Skills | ||
| </Heading> | ||
| <div> | ||
| <Paragraph className="mb-4"> | ||
| I create, polish, and improve user experiences and interfaces. | ||
| </Paragraph> | ||
| <Paragraph> | ||
| Paint the large picture first—mapping user journeys and prototyping | ||
| wireframes—before diving into the designs. Once the user experience and flow are | ||
| sorted, I do my best to create clean layouts with strong typography, thoughtful colors, | ||
| and visual clarity. And a touch of playfulness. | ||
| </Paragraph> | ||
| </div> | ||
| </div> | ||
| <div className="mt-16 flex items-baseline gap-8"> | ||
| <Heading size={2} className="w-32 shrink-0"> | ||
| Tech | ||
| </Heading> | ||
| <Paragraph>Figma, React+Typescript, TSX, Tailwind CSS</Paragraph> | ||
| </div> | ||
| <div className="mt-16 flex items-baseline gap-8"> | ||
| <Heading size={2} className="w-32 shrink-0"> | ||
| CV | ||
| </Heading> | ||
| <div className="flex flex-col gap-2 print:gap-1"> | ||
| <CvTimeline print /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default CvPrint |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,52 @@ | ||
| import TimelineItem from '@/components/TimelineItem' | ||
| import clsx from 'clsx' | ||
|
|
||
| const CvTimeline = ({ print }: { print?: boolean }) => { | ||
| return ( | ||
| <> | ||
| <TimelineItem | ||
| year={'A long time ago'} | ||
| desc="Han shot first!" | ||
| className="mb-72" | ||
| right | ||
| print={print} | ||
| /> | ||
| <TimelineItem year={1985} desc="Born" className={clsx(!print && 'mb-12')} print={print} /> | ||
| <TimelineItem | ||
| year={1999} | ||
| desc="Star Wars is not a trilogy anymore" | ||
| className="mb-16" | ||
| right | ||
| print={print} | ||
| /> | ||
| <TimelineItem year={'2008\u20132010'} desc="Freelance web designer" em print={print} /> | ||
| <TimelineItem year={2010} desc="Master of Architecture" print={print} /> | ||
| <TimelineItem year={'2011\u20132012'} desc="Web designer in Websupport" em print={print} /> | ||
| <TimelineItem | ||
| year={'2013\u2013now'} | ||
| desc="Design engineer in Expersoft Technologies" | ||
| em | ||
| print={print} | ||
| /> | ||
| <TimelineItem year={2014} desc="Married" print={print} /> | ||
| <TimelineItem year={'2015 & 2021'} desc="Kids" print={print} /> | ||
| <TimelineItem | ||
| year={'Occasionally'} | ||
| desc="Portrait photographer" | ||
| className="mb-80" | ||
| em | ||
| print={print} | ||
| /> | ||
| <TimelineItem | ||
| year={12067} | ||
| desc="Hari will develop psychohistory" | ||
| className="mb-80" | ||
| right | ||
| print={print} | ||
| /> | ||
| <TimelineItem year={23354} desc="Paul will become overly sensitive" right print={print} /> | ||
| </> | ||
| ) | ||
| } | ||
|
|
||
| export default CvTimeline |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters