diff --git a/.github/workflows/check-code-quality.yml b/.github/workflows/check-code-quality.yml index 5f35be4..74f4dbe 100644 --- a/.github/workflows/check-code-quality.yml +++ b/.github/workflows/check-code-quality.yml @@ -34,3 +34,17 @@ jobs: run: npm ci - name: Run TypeScript types check run: npm run ts:check + + astro: + name: Run Astro check + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v3 + - uses: actions/setup-node@v3 + with: + node-version: 16 + cache: npm + - name: Install dependencies + run: npm ci + - name: Run Astro check + run: npm run astro:check diff --git a/astro.config.ts b/astro.config.ts index c94120b..f1785cb 100644 --- a/astro.config.ts +++ b/astro.config.ts @@ -1,8 +1,8 @@ import image from '@astrojs/image'; import tailwind from '@astrojs/tailwind'; +import compress from 'astro-compress'; import { defineConfig } from 'astro/config'; import { visualizer } from 'rollup-plugin-visualizer'; -import compress from 'astro-compress'; // https://astro.build/config export default defineConfig({ diff --git a/package-lock.json b/package-lock.json index 3ec2a97..1f2ef54 100644 --- a/package-lock.json +++ b/package-lock.json @@ -19,7 +19,9 @@ "astro": "1.9.2", "astro-compress": "1.1.27", "concurrently": "7.6.0", + "date-fns": "2.29.3", "iconify-icon-names": "1.1.0", + "immer": "9.0.18", "locales-ts": "1.0.0", "postcss": "8.4.21", "prettier": "2.8.2", @@ -29,6 +31,7 @@ "puppeteer-report": "3.1.0", "rollup-plugin-visualizer": "5.9.0", "tailwindcss": "3.2.4", + "type-fest": "3.5.2", "typescript": "4.9.4" }, "engines": { @@ -3976,6 +3979,16 @@ "node": ">=14.0.0" } }, + "node_modules/immer": { + "version": "9.0.18", + "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.18.tgz", + "integrity": "sha512-eAPNpsj7Ax1q6Y/3lm2PmlwRcFzpON7HSNQ3ru5WQH1/PSpnyed/HpNOELl2CxLKoj4r+bAHgdyKqW5gc2Se1A==", + "dev": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/immer" + } + }, "node_modules/import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -7918,6 +7931,18 @@ "node": "*" } }, + "node_modules/type-fest": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.5.2.tgz", + "integrity": "sha512-Ph7S4EhXzWy0sbljEuZo0tTNoLl+K2tPauGrQpcwUWrOVneLePTuhVzcuzVJJ6RU5DsNwQZka+8YtkXXU4z9cA==", + "dev": true, + "engines": { + "node": ">=14.16" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/typescript": { "version": "4.9.4", "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz", @@ -11971,6 +11996,12 @@ "queue": "6.0.2" } }, + "immer": { + "version": "9.0.18", + "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.18.tgz", + "integrity": "sha512-eAPNpsj7Ax1q6Y/3lm2PmlwRcFzpON7HSNQ3ru5WQH1/PSpnyed/HpNOELl2CxLKoj4r+bAHgdyKqW5gc2Se1A==", + "dev": true + }, "import-fresh": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", @@ -14725,6 +14756,12 @@ "safe-buffer": "^5.0.1" } }, + "type-fest": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.5.2.tgz", + "integrity": "sha512-Ph7S4EhXzWy0sbljEuZo0tTNoLl+K2tPauGrQpcwUWrOVneLePTuhVzcuzVJJ6RU5DsNwQZka+8YtkXXU4z9cA==", + "dev": true + }, "typescript": { "version": "4.9.4", "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.4.tgz", diff --git a/package.json b/package.json index 89b886e..50904af 100644 --- a/package.json +++ b/package.json @@ -13,9 +13,10 @@ "dev": "astro dev", "build": "astro build", "preview": "astro preview", - "generate-cv": "node scripts/generate-cv.cjs --with-clause", + "generate-cv": "node scripts/generate-cv.cjs", "prettier:check": "prettier --check --ignore-path .gitignore .", "prettier:write": "prettier --write --ignore-path .gitignore .", + "astro:check": "astro check", "ts:check": "tsc --jsx preserve --skipLibCheck", "check": "concurrently npm:*:check" }, @@ -31,7 +32,9 @@ "astro": "1.9.2", "astro-compress": "1.1.27", "concurrently": "7.6.0", + "date-fns": "2.29.3", "iconify-icon-names": "1.1.0", + "immer": "9.0.18", "locales-ts": "1.0.0", "postcss": "8.4.21", "prettier": "2.8.2", @@ -41,6 +44,7 @@ "puppeteer-report": "3.1.0", "rollup-plugin-visualizer": "5.9.0", "tailwindcss": "3.2.4", + "type-fest": "3.5.2", "typescript": "4.9.4" } } diff --git a/public/cv.pdf b/public/cv.pdf index ac7c0ae..f50b9f2 100644 Binary files a/public/cv.pdf and b/public/cv.pdf differ diff --git a/scripts/generate-cv.cjs b/scripts/generate-cv.cjs index 52b4a1d..31332ad 100644 --- a/scripts/generate-cv.cjs +++ b/scripts/generate-cv.cjs @@ -25,10 +25,6 @@ const config = { margin: { top: '10mm', right: '10mm', bottom: '10mm', left: '10mm' }, }; -const hasClause = process.argv.includes('--with-clause'); - -const url = hasClause ? 'http://localhost:3000/pdf?clause' : 'http://localhost:3000/pdf'; - const main = async () => { const child = exec('npm run dev'); @@ -39,7 +35,7 @@ const main = async () => { await page.setViewport({ width: 794, height: 1122, deviceScaleFactor: 2 }); await retry({ - promise: () => page.goto(url, { waitUntil: 'networkidle0' }), + promise: () => page.goto('http://localhost:3000/pdf', { waitUntil: 'networkidle0' }), retries: 5, retryTime: 1000, }); diff --git a/src/components/divider.astro b/src/components/divider.astro deleted file mode 100644 index cefb78b..0000000 --- a/src/components/divider.astro +++ /dev/null @@ -1 +0,0 @@ -
diff --git a/src/components/icon-button.astro b/src/components/icon-button.astro deleted file mode 100644 index 4775de1..0000000 --- a/src/components/icon-button.astro +++ /dev/null @@ -1,32 +0,0 @@ ---- -import type { IconName } from '@/types/icon'; - -import Icon from './icon.astro'; - -type IconButtonSize = 'small' | 'large'; - -export interface Props { - icon: IconName; - target?: astroHTML.JSX.AnchorHTMLAttributes['target']; - href: string; - size: IconButtonSize; - 'aria-label'?: astroHTML.JSX.AnchorHTMLAttributes['aria-label']; -} - -const sizeMap: Record = { - small: 'w-7 h-7', - large: 'w-9 h-9', -}; - -const { icon, href, target, size, ...rest } = Astro.props; - -const classes = /* tw */ { - main: 'flex items-center justify-center rounded text-gray-400 bg-gray-100 dark:bg-gray-600 dark:text-gray-200', - active: 'active:translate-y-px', - focus: 'focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500', -}; ---- - - - - diff --git a/src/components/labelled-value.astro b/src/components/labelled-value.astro deleted file mode 100644 index c1c5fda..0000000 --- a/src/components/labelled-value.astro +++ /dev/null @@ -1,13 +0,0 @@ ---- -export interface Props { - label: string; - value: string | string[]; -} - -const { label, value } = Astro.props; ---- - -
- {label}: - {value} -
diff --git a/src/components/photo.astro b/src/components/photo.astro deleted file mode 100644 index c471ecc..0000000 --- a/src/components/photo.astro +++ /dev/null @@ -1,28 +0,0 @@ ---- -import { Image } from '@astrojs/image/components'; - -import type { Photo } from '@/types/common'; - -export interface Props { - src: Photo; - alt: string; - class?: string; - loading?: 'eager' | 'lazy'; - width?: number; - height?: number; -} - -const { src, loading, ...props } = Astro.props; - -const className = Astro.props.class ?? ''; - -const isRemoteImage = typeof src === 'string'; ---- - -{ - isRemoteImage ? ( - - ) : ( - - ) -} diff --git a/src/components/section-card.astro b/src/components/section-card.astro deleted file mode 100644 index 698904c..0000000 --- a/src/components/section-card.astro +++ /dev/null @@ -1,47 +0,0 @@ ---- -import type { SectionKey } from '@/types/data'; - -import Typography from './typography.astro'; - -export interface Props { - section: SectionKey; - title?: string; - className?: string; -} - -const { section, title, className } = Astro.props; ---- - -
- { - title && ( - - {title} - - ) - } - -
- - diff --git a/src/components/tag.astro b/src/components/tag.astro deleted file mode 100644 index 66bfbdd..0000000 --- a/src/components/tag.astro +++ /dev/null @@ -1,19 +0,0 @@ ---- -import type { IconName } from '@/types/icon'; - -import Icon from './icon.astro'; - -export interface Props { - name?: IconName; - color?: string; -} - -const { name, color } = Astro.props; ---- - -
- {name && } - -
diff --git a/src/components/tags-list.astro b/src/components/tags-list.astro deleted file mode 100644 index bccf614..0000000 --- a/src/components/tags-list.astro +++ /dev/null @@ -1,29 +0,0 @@ ---- -import type { Tag } from '@/types/common'; - -import TagComponent from './tag.astro'; - -export interface Props { - tags: Tag[]; -} - -const { tags } = Astro.props; ---- - -
- { - tags.map(({ name: tagName, icon, iconColor, url }) => - url ? ( - - - {tagName} - - - ) : ( - - {tagName} - - ) - ) - } -
diff --git a/src/components/timestamp.astro b/src/components/timestamp.astro deleted file mode 100644 index c67bc1d..0000000 --- a/src/components/timestamp.astro +++ /dev/null @@ -1,17 +0,0 @@ ---- -import getDateFormatter from '@/utils/date-formatter'; -import Typography from './typography.astro'; - -export interface Props { - startDate: Date; - endDate: Date | null; - locale: string; - translationForNow: string; -} -const { startDate, endDate, locale, translationForNow } = Astro.props; -const getFormattedDate = getDateFormatter(locale); ---- - - - {getFormattedDate(startDate).concat(' - ', endDate ? getFormattedDate(endDate) : translationForNow)} - diff --git a/src/data/config.ts b/src/data/config.ts new file mode 100644 index 0000000..463b18c --- /dev/null +++ b/src/data/config.ts @@ -0,0 +1,25 @@ +import type { Config } from '@/types/data'; +import enUS from 'date-fns/locale/en-US/index.js'; +import type { ReadonlyDeep } from 'type-fest'; + +const config = { + i18n: { + locale: enUS, + dateFormat: 'MMMM yyyy', + translations: { + now: 'now', + }, + }, + seo: { + title: 'Mark Freeman - Senior React Developer', + description: + 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ac dui at vestibulum. In condimentum metus id dui tincidunt, in blandit mi vehicula.', + favicon: '/favicon.svg', + }, + pdf: { + footer: + 'I hereby give consent for my personal data included in my application to be processed for the purposes of the recruitment process.', + }, +} as const satisfies ReadonlyDeep; + +export default config; diff --git a/src/data/cv.ts b/src/data/cv.ts new file mode 100644 index 0000000..997a3db --- /dev/null +++ b/src/data/cv.ts @@ -0,0 +1,11 @@ +import type { ReadonlyDeep } from 'type-fest'; +import type { Data } from '@/types/data'; +import transformData from './transformers/transform-data'; +import configData from './config'; +import sectionsData from './sections'; + +const data = { config: configData, sections: sectionsData } as const satisfies ReadonlyDeep; + +export type PreciseData = typeof data; + +export const cv = transformData(data); diff --git a/src/data/helpers/links.ts b/src/data/helpers/links.ts new file mode 100644 index 0000000..2b2380e --- /dev/null +++ b/src/data/helpers/links.ts @@ -0,0 +1,146 @@ +// GENERAL + +import createLinkFactory from '@/utils/create-link-factory'; + +export const facebook = createLinkFactory({ + name: 'Facebook', + icon: 'fa6-brands:facebook-f', +}); + +export const linkedin = createLinkFactory({ + name: 'LinkedIn', + icon: 'fa6-brands:linkedin-in', +}); + +export const twitter = createLinkFactory({ + name: 'Twitter', + icon: 'fa6-brands:twitter', +}); + +export const pinterest = createLinkFactory({ + name: 'Pinterest', + icon: 'fa6-brands:pinterest', +}); + +// CODE + +export const github = createLinkFactory({ + name: 'GitHub', + icon: 'fa6-brands:github', +}); + +export const codepen = createLinkFactory({ + name: 'CodePen', + icon: 'fa6-brands:codepen', +}); + +export const stackblitz = createLinkFactory({ + name: 'StackBlitz', + icon: 'simple-icons:stackblitz', +}); + +export const codesandbox = createLinkFactory({ + name: 'CodeSandbox', + icon: 'simple-icons:codesandbox', +}); + +// BLOG + +export const dev = createLinkFactory({ + name: 'Dev', + icon: 'fa6-brands:dev', +}); + +export const medium = createLinkFactory({ + name: 'Medium', + icon: 'fa6-brands:medium', +}); + +// FORUM / CHAT + +export const reddit = createLinkFactory({ + name: 'Reddit', + icon: 'fa6-brands:reddit', +}); + +export const quora = createLinkFactory({ + name: 'Quora', + icon: 'fa6-brands:quora', +}); + +export const stackoverflow = createLinkFactory({ + name: 'Stack Overflow', + icon: 'fa6-brands:stack-overflow', +}); + +// DESIGN + +export const instagram = createLinkFactory({ + name: 'Instagram', + icon: 'fa6-brands:instagram', +}); +export const behance = createLinkFactory({ + name: 'Behance', + icon: 'fa6-brands:behance', +}); + +export const dribbble = createLinkFactory({ + name: 'Dribbble', + icon: 'fa6-brands:dribbble', +}); + +export const figma = createLinkFactory({ + name: 'Figma', + icon: 'fa6-brands:figma', +}); + +// MUSIC + +export const spotify = createLinkFactory({ + name: 'Spotify', + icon: 'fa6-brands:spotify', +}); + +export const soundcloud = createLinkFactory({ + name: 'SoundCloud', + icon: 'fa6-brands:soundcloud', +}); + +// VIDEO + +export const youtube = createLinkFactory({ + name: 'YouTube', + icon: 'fa6-brands:youtube', +}); + +export const twitch = createLinkFactory({ + name: 'Twitch', + icon: 'fa6-brands:twitch', +}); + +export const vimeo = createLinkFactory({ + name: 'Vimeo', + icon: 'fa6-brands:vimeo', +}); + +// PROJECT TYPE + +export const website = createLinkFactory({ + name: 'Website', + icon: 'fa6-solid:globe', +}); + +export const demo = createLinkFactory({ + name: 'App demo', + icon: 'fa6-solid:desktop', +}); + +export const mockups = createLinkFactory({ + name: 'Mockups', + icon: 'fa6-solid:image', +}); + +export const repository = createLinkFactory({ + name: 'Repository', + icon: 'fa6-solid:code-branch', +}); diff --git a/src/data/skills.ts b/src/data/helpers/skills.ts similarity index 66% rename from src/data/skills.ts rename to src/data/helpers/skills.ts index 3294c72..26c3126 100644 --- a/src/data/skills.ts +++ b/src/data/helpers/skills.ts @@ -1,159 +1,146 @@ -import type { LevelledSkill } from '@/types/skills-section'; +import createSkillFactory from '@/utils/create-skill-factory'; -import type { Tag } from '../types/common'; - -interface SkillFactory { - (data: Partial & { level: LevelledSkill['level'] }): LevelledSkill; - (data?: Partial): Tag; -} - -const createSkill = (defaultData: Omit) => - ((data?: Partial & { level?: LevelledSkill['level'] }): Tag | LevelledSkill => ({ - ...defaultData, - ...data, - })) as SkillFactory; - -export const apolloGraphql = createSkill({ +export const apolloGraphql = createSkillFactory({ name: 'Apollo GraphQL', icon: 'simple-icons:apollographql', iconColor: '#311C87', url: 'https://www.apollographql.com/', }); -export const astro = createSkill({ +export const astro = createSkillFactory({ name: 'Astro', icon: 'simple-icons:astro', iconColor: '#FF5D01', url: 'https://astro.build/', }); -export const chakraUi = createSkill({ +export const chakraUi = createSkillFactory({ name: 'Chakra UI', icon: 'simple-icons:chakraui', iconColor: '#319795', url: 'https://chakra-ui.com/', }); -export const cypress = createSkill({ +export const cypress = createSkillFactory({ name: 'Cypress', icon: 'simple-icons:cypress', iconColor: '#17202C', url: 'https://www.cypress.io/', }); -export const eslint = createSkill({ +export const eslint = createSkillFactory({ name: 'ESLint', icon: 'simple-icons:eslint', iconColor: '#4B32C3', url: 'https://eslint.org/', }); -export const firebase = createSkill({ +export const firebase = createSkillFactory({ name: 'Firebase', icon: 'simple-icons:firebase', iconColor: '#FFCA28', url: 'https://firebase.google.com/', }); -export const jest = createSkill({ +export const jest = createSkillFactory({ name: 'Jest', icon: 'simple-icons:jest', iconColor: '#C21325', url: 'https://jestjs.io/', }); -export const mongoDb = createSkill({ +export const mongoDb = createSkillFactory({ name: 'MongoDB', icon: 'simple-icons:mongodb', iconColor: '#47A248', url: 'https://www.mongodb.com/', }); -export const nestJs = createSkill({ +export const nestJs = createSkillFactory({ name: 'NestJS', icon: 'simple-icons:nestjs', iconColor: '#E0234E', url: 'https://nestjs.com/', }); -export const nextJs = createSkill({ +export const nextJs = createSkillFactory({ name: 'Next.js', icon: 'simple-icons:nextdotjs', iconColor: '#000000', url: 'https://nextjs.org/', }); -export const nx = createSkill({ +export const nx = createSkillFactory({ name: 'Nx', icon: 'simple-icons:nx', iconColor: '#143055', url: 'https://nx.dev/', }); -export const pnpm = createSkill({ +export const pnpm = createSkillFactory({ name: 'pnpm', icon: 'simple-icons:pnpm', iconColor: '#F69220', url: 'https://pnpm.io/', }); -export const postgreSql = createSkill({ +export const postgreSql = createSkillFactory({ name: 'PostgreSQL', icon: 'simple-icons:postgresql', iconColor: '#4169E1', url: 'https://www.postgresql.org/', }); -export const prettier = createSkill({ +export const prettier = createSkillFactory({ name: 'Prettier', icon: 'simple-icons:prettier', iconColor: '#F7B93E', url: 'https://prettier.io/', }); -export const react = createSkill({ +export const react = createSkillFactory({ name: 'React.js', icon: 'simple-icons:react', iconColor: '#61DAFB', url: 'https://reactjs.org/', }); -export const reactQuery = createSkill({ +export const reactQuery = createSkillFactory({ name: 'React Query', icon: 'simple-icons:reactquery', iconColor: '#FF4154', url: 'https://tanstack.com/query', }); -export const sass = createSkill({ +export const sass = createSkillFactory({ name: 'SASS', icon: 'simple-icons:sass', iconColor: '#CC6699', url: 'https://sass-lang.com/', }); -export const supabase = createSkill({ +export const supabase = createSkillFactory({ name: 'Supabase', icon: 'simple-icons:supabase', iconColor: '#3ECF8E', url: 'https://supabase.io/', }); -export const tailwindCss = createSkill({ +export const tailwindCss = createSkillFactory({ name: 'Tailwind CSS', icon: 'simple-icons:tailwindcss', iconColor: '#06B6D4', url: 'https://tailwindcss.com/', }); -export const typescript = createSkill({ +export const typescript = createSkillFactory({ name: 'TypeScript', icon: 'simple-icons:typescript', iconColor: '#3178C6', url: 'https://www.typescriptlang.org/', }); -export const vue = createSkill({ +export const vue = createSkillFactory({ name: 'Vue.js', icon: 'simple-icons:vuedotjs', iconColor: '#4FC08D', diff --git a/src/data/index.ts b/src/data/index.ts deleted file mode 100644 index 2cb21b7..0000000 --- a/src/data/index.ts +++ /dev/null @@ -1,58 +0,0 @@ -import type { EducationSection } from '@/types/education-section'; -import type { ExperienceSection } from '@/types/experience-section'; -import type { FavoritesSection } from '@/types/favorites-section'; -import type { Pdf } from '@/types/pdf'; -import type { I18n } from '@/types/i18n'; -import type { MainSection } from '@/types/main-section'; -import type { PortfolioSection } from '@/types/portfolio-section'; -import type { Seo } from '@/types/seo'; -import type { SkillsSection } from '@/types/skills-section'; -import type { TestimonialsSection } from '@/types/testimonials-section'; - -import educationData from './sections/education'; -import experienceData from './sections/experience'; -import favoritesData from './sections/favorites'; -import mainData from './sections/main'; -import portfolioData from './sections/portfolio'; -import skillsData from './sections/skills'; -import testimonialsData from './sections/testimonials'; - -export interface Data { - i18n: I18n; - seo: Seo; - pdf: Pdf; - main: MainSection; - skills?: SkillsSection; - experience?: ExperienceSection; - portfolio?: PortfolioSection; - education?: EducationSection; - testimonials?: TestimonialsSection; - favorites?: FavoritesSection; -} - -const data: Data = { - i18n: { - locale: 'en-US', - translations: { - now: 'now', - }, - }, - seo: { - title: 'Mark Freeman - Senior React Developer', - description: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ac dui at vestibulum. In condimentum metus id dui tincidunt, in blandit mi vehicula.', - }, - pdf: { - footer: - 'I hereby give consent for my personal data included in my application to be processed for the purposes of the recruitment process.', - }, - main: mainData, - skills: skillsData, - experience: experienceData, - portfolio: portfolioData, - education: educationData, - testimonials: testimonialsData, - favorites: favoritesData, -}; - -export default data; diff --git a/src/data/sections/education-section.data.ts b/src/data/sections/education-section.data.ts new file mode 100644 index 0000000..ca6af21 --- /dev/null +++ b/src/data/sections/education-section.data.ts @@ -0,0 +1,30 @@ +import type { EducationSection } from '@/types/sections/education-section.types'; +import type { ReadonlyDeep } from 'type-fest'; +import { website } from '../helpers/links'; + +const educationSectionData = { + config: { + title: 'Education', + slug: 'education', + icon: 'fa6-solid:graduation-cap', + visible: true, + }, + diplomas: [ + { + title: 'Information Technology', + institution: 'Wrocław University of Science and Technology', + dates: [new Date('2014.10'), new Date('2016.07')], + description: 'Master degree. Specialization in software development.', + links: [website({ url: '#' })], + }, + { + title: 'Information Technology', + institution: 'Wrocław University of Science and Technology', + dates: [new Date('2011.10'), new Date('2014.07')], + description: "Bachelor's degree. Specialization in application development.", + links: [website({ url: '#' })], + }, + ], +} as const satisfies ReadonlyDeep; + +export default educationSectionData; diff --git a/src/data/sections/education.ts b/src/data/sections/education.ts deleted file mode 100644 index 33bceec..0000000 --- a/src/data/sections/education.ts +++ /dev/null @@ -1,30 +0,0 @@ -import type { EducationSection } from '@/types/education-section'; - -import { website } from '../socials'; - -const educationData: EducationSection = { - config: { - title: 'Education', - icon: 'fa6-solid:graduation-cap', - }, - educationItems: [ - { - title: 'Information Technology', - institution: 'Wrocław University of Science and Technology', - startDate: new Date('2014.10'), - endDate: new Date('2016.07'), - description: 'Master degree. Specialization in software development.', - socials: [website('#')], - }, - { - title: 'Information Technology', - institution: 'Wrocław University of Science and Technology', - startDate: new Date('2011.10'), - endDate: new Date('2014.07'), - description: "Bachelor's degree. Specialization in application development.", - socials: [website('#')], - }, - ], -}; - -export default educationData; diff --git a/src/data/sections/experience.ts b/src/data/sections/experience-section.data.ts similarity index 62% rename from src/data/sections/experience.ts rename to src/data/sections/experience-section.data.ts index 079fcb2..46d2f39 100644 --- a/src/data/sections/experience.ts +++ b/src/data/sections/experience-section.data.ts @@ -1,5 +1,6 @@ -import type { ExperienceSection } from '@/types/experience-section'; - +import type { ExperienceSection } from '@/types/sections/experience-section.types'; +import type { ReadonlyDeep } from 'type-fest'; +import { facebook, github, instagram, linkedin, twitter, website } from '../helpers/links'; import { chakraUi, eslint, @@ -12,20 +13,20 @@ import { tailwindCss, typescript, vue, -} from '../skills'; -import { facebook, github, instagram, linkedin, twitter, website } from '../socials'; +} from '../helpers/skills'; -const experienceData: ExperienceSection = { +const experienceSectionData = { config: { title: 'Work experience', + slug: 'experience', icon: 'fa6-solid:suitcase', + visible: true, }, jobs: [ { role: 'Senior front-end developer', company: 'Google', - startDate: new Date('2020-02'), - endDate: null, + dates: [new Date('2020-02'), null], description: [ 'In tristique vulputate augue vel egestas.', 'Quisque ac imperdiet tortor, at lacinia ex.', @@ -34,38 +35,45 @@ const experienceData: ExperienceSection = { 'Nunc malesuada leo et est iaculis facilisis.', 'Fusce eu urna ut magna malesuada fringilla.', ], - tags: [react(), nextJs(), typescript(), nx(), firebase()], - socials: [facebook('#'), linkedin('#')], + tagsList: { + title: 'Technologies', + tags: [react(), nextJs(), typescript(), nx(), firebase()], + }, + links: [facebook({ url: '#' }), linkedin({ url: '#' })], }, { role: 'React.js developer', company: 'Facebook', - startDate: new Date('2019-04'), - endDate: new Date('2020-02'), + dates: [new Date('2019-04'), new Date('2020-02')], description: [ 'Aenean eget ultricies felis. Pellentesque dictum massa ut tellus eleifend, sed posuere massa mattis.', 'Ut posuere massa lacus, eleifend molestie tortor auctor vel.', 'Sed sed sollicitudin eros, id ultricies mi. Aliquam sodales elit vel ante tempor, non vehicula nibh facilisis.', 'Cras feugiat ultricies maximus. Aliquam tristique ex odio, ac semper urna accumsan a.', ], - tags: [react(), reactQuery(), chakraUi(), eslint()], - socials: [website('#'), instagram('#')], + tagsList: { + title: 'Technologies', + tags: [react(), reactQuery(), chakraUi(), eslint()], + }, + links: [website({ url: '#' }), instagram({ url: '#' })], }, { role: 'Junior front-end developer', company: 'GitLab', - startDate: new Date('2016-09'), - endDate: new Date('2019-04'), + dates: [new Date('2016-09'), new Date('2019-04')], description: [ 'Nulla volutpat justo ante, rhoncus posuere massa egestas in.', 'Quisque pellentesque, dolor nec sollicitudin iaculis, sem velit consequat ligula, eget tempus ligula leo et est.', 'Maecenas ut elit sit amet nibh maximus condimentum in nec lorem. Pellentesque tincidunt odio vel leo suscipit, in interdum mi gravida.', 'Donec non vulputate augue.', ], - tags: [vue(), tailwindCss(), pnpm()], - socials: [twitter('#'), github('#')], + tagsList: { + title: 'Technologies', + tags: [vue(), tailwindCss(), pnpm()], + }, + links: [twitter({ url: '#' }), github({ url: '#' })], }, ], -}; +} as const satisfies ReadonlyDeep; -export default experienceData; +export default experienceSectionData; diff --git a/src/data/sections/favorites.ts b/src/data/sections/favorites-section.data.ts similarity index 83% rename from src/data/sections/favorites.ts rename to src/data/sections/favorites-section.data.ts index bcb6a6c..503869f 100644 --- a/src/data/sections/favorites.ts +++ b/src/data/sections/favorites-section.data.ts @@ -1,33 +1,36 @@ -import type { FavoritesSection } from '@/types/favorites-section'; +import type { FavoritesSection } from '@/types/sections/favorites-section.types'; +import type { ReadonlyDeep } from 'type-fest'; -const favoritesData: FavoritesSection = { +const favoritesSectionData = { config: { title: 'My favorites', + slug: 'favorites', icon: 'fa6-solid:star', + visible: true, }, books: { title: 'Books I read', data: [ { - cover: import('@/assets/favorites/books/book-1.jpeg'), + image: import('@/assets/favorites/books/book-1.jpeg'), title: 'The Pragmatic Programmer: From Journeyman to Master', author: 'Andy Hunt, Dave Thomas', url: 'https://www.goodreads.com/book/show/4099.The_Pragmatic_Programmer', }, { - cover: 'https://m.media-amazon.com/images/I/61aFldsgAmL._SY344_BO1,204,203,200_QL70_ML2_.jpg', + image: 'https://m.media-amazon.com/images/I/61aFldsgAmL._SY344_BO1,204,203,200_QL70_ML2_.jpg', title: 'Domain-Driven Design: Tackling Complexity in the Heart of Software', author: 'Eric Evans', url: 'https://www.goodreads.com/book/show/179133.Domain_Driven_Design', }, { - cover: import('@/assets/favorites/books/book-3.jpeg'), + image: import('@/assets/favorites/books/book-3.jpeg'), title: 'Clean Code: A Handbook of Agile Software Craftsmanship', author: 'Robert C. Martin', url: 'https://www.goodreads.com/book/show/3735293-clean-code', }, { - cover: import('@/assets/favorites/books/book-4.jpeg'), + image: import('@/assets/favorites/books/book-4.jpeg'), title: 'The Clean Coder: A Code of Conduct for Professional Programmers', author: 'Robert C. Martin', url: 'https://www.goodreads.com/book/show/10284614-the-clean-coder', @@ -73,17 +76,17 @@ const favoritesData: FavoritesSection = { title: 'Videos I watched', data: [ { - thumbnail: import('@/assets/favorites/videos/video-1.jpeg'), + image: import('@/assets/favorites/videos/video-1.jpeg'), title: 'Building Resilient Frontend Architecture • Monica Lent • GOTO 2019', url: 'https://youtu.be/TqfbAXCCVwE', }, { - thumbnail: import('@/assets/favorites/videos/video-2.jpeg'), + image: import('@/assets/favorites/videos/video-2.jpeg'), title: 'Scaling Yourself • Scott Hanselman • GOTO 2012', url: 'https://youtu.be/FS1mnISoG7U', }, { - thumbnail: import('@/assets/favorites/videos/video-3.jpeg'), + image: import('@/assets/favorites/videos/video-3.jpeg'), title: "Why Isn't Functional Programming the Norm? - Richard Feldman", url: 'https://youtu.be/QyJZzq0v7Z4', }, @@ -130,6 +133,6 @@ const favoritesData: FavoritesSection = { }, ], }, -}; +} as const satisfies ReadonlyDeep; -export default favoritesData; +export default favoritesSectionData; diff --git a/src/data/sections/index.ts b/src/data/sections/index.ts new file mode 100644 index 0000000..7b2e539 --- /dev/null +++ b/src/data/sections/index.ts @@ -0,0 +1,21 @@ +import type { Sections } from '@/types/data'; +import type { ReadonlyDeep } from 'type-fest'; +import educationData from './education-section.data'; +import experienceData from './experience-section.data'; +import favoritesData from './favorites-section.data'; +import mainData from './main-section.data'; +import portfolioData from './portfolio-section.data'; +import skillsData from './skills-section.data'; +import testimonialsData from './testimonials-section.data'; + +export const sections = { + main: mainData, + skills: skillsData, + experience: experienceData, + portfolio: portfolioData, + education: educationData, + testimonials: testimonialsData, + favorites: favoritesData, +} as const satisfies ReadonlyDeep; + +export default sections; diff --git a/src/data/sections/main.ts b/src/data/sections/main-section.data.ts similarity index 75% rename from src/data/sections/main.ts rename to src/data/sections/main-section.data.ts index adf2f41..f5097ea 100644 --- a/src/data/sections/main.ts +++ b/src/data/sections/main-section.data.ts @@ -1,11 +1,13 @@ -import type { MainSection } from '@/types/main-section'; +import type { MainSection } from '@/types/sections/main-section.types'; +import type { ReadonlyDeep } from 'type-fest'; +import { facebook, github, linkedin, twitter } from '../helpers/links'; -import { facebook, github, linkedin, twitter } from '../socials'; - -const mainData: MainSection = { +const mainSectionData = { config: { icon: 'fa6-solid:user', title: 'Profile', + slug: 'profile', + visible: true, }, image: import('@/assets/my-image.jpeg'), fullName: 'Mark Freeman', @@ -29,8 +31,9 @@ const mainData: MainSection = { action: { label: 'Download CV', url: '/cv.pdf', + downloadedFileName: 'CV-Mark_Freeman.pdf', }, - socials: [facebook('#'), github('#'), linkedin('#'), twitter('#')], -}; + links: [facebook({ url: '#' }), github({ url: '#' }), linkedin({ url: '#' }), twitter({ url: '#' })], +} as const satisfies ReadonlyDeep; -export default mainData; +export default mainSectionData; diff --git a/src/data/sections/portfolio.ts b/src/data/sections/portfolio-section.data.ts similarity index 74% rename from src/data/sections/portfolio.ts rename to src/data/sections/portfolio-section.data.ts index f098878..ab25217 100644 --- a/src/data/sections/portfolio.ts +++ b/src/data/sections/portfolio-section.data.ts @@ -1,5 +1,6 @@ -import type { PortfolioSection } from '@/types/portfolio-section'; - +import type { PortfolioSection } from '@/types/sections/portfolio-section.types'; +import type { ReadonlyDeep } from 'type-fest'; +import { demo, github, mockups, website } from '../helpers/links'; import { chakraUi, eslint, @@ -15,20 +16,20 @@ import { sass, tailwindCss, typescript, -} from '../skills'; -import { demo, github, mockups, website } from '../socials'; +} from '../helpers/skills'; -const portfolioData: PortfolioSection = { +const portfolioSectionData = { config: { title: 'Projects', + slug: 'projects', icon: 'fa6-solid:rocket', + visible: true, }, projects: [ { name: 'Golden Bulls', image: import('@/assets/portfolio/project-1.jpeg'), - startDate: new Date('2020-03'), - endDate: null, + dates: [new Date('2020-03'), null], details: [ { label: 'Team size', value: '1 person' }, { label: 'My role', value: ['Front-end Developer', 'Designer'] }, @@ -41,14 +42,16 @@ const portfolioData: PortfolioSection = { ], description: 'In tristique vulputate augue vel egestas. Quisque ac imperdiet tortor, at lacinia ex. Duis vel ex hendrerit, commodo odio sed, aliquam enim. Ut arcu nulla, tincidunt eget arcu eget, molestie vulputate nisi. Nunc malesuada leo et est iaculis facilisis.', - tags: [nextJs(), sass(), pnpm(), eslint(), prettier()], - socials: [mockups('#'), demo('#')], + tagsList: { + title: 'Technologies', + tags: [nextJs(), sass(), pnpm(), eslint(), prettier()], + }, + links: [mockups({ url: '#' }), demo({ url: '#' })], }, { name: 'TruQuest', image: import('@/assets/portfolio/project-2.jpeg'), - startDate: new Date('2019-06'), - endDate: new Date('2020-02'), + dates: [new Date('2019-06'), new Date('2020-02')], details: [ { label: 'Team size', value: '7 people' }, { label: 'My role', value: ['Front-end Developer', 'Mobile Developer', 'Designer'] }, @@ -61,14 +64,16 @@ const portfolioData: PortfolioSection = { ], description: 'Ut ultricies tortor at sodales aliquam. Vivamus metus ante, fringilla nec ligula in, suscipit rhoncus mauris. Praesent hendrerit velit odio, at accumsan urna faucibus convallis. Nunc at massa eget ligula volutpat dictum a sit amet libero. Vestibulum iaculis molestie maximus. In hac habitasse platea dictumst.', - tags: [react(), tailwindCss(), nestJs(), postgreSql()], - socials: [mockups('#'), demo('#')], + tagsList: { + title: 'Technologies', + tags: [react(), tailwindCss(), nestJs(), postgreSql()], + }, + links: [mockups({ url: '#' }), demo({ url: '#' })], }, { name: 'Software Chasers', image: import('@/assets/portfolio/project-3.jpeg'), - startDate: new Date('2018-01'), - endDate: new Date('2020-12'), + dates: [new Date('2018-01'), new Date('2020-12')], details: [ { label: 'Team size', value: '3 people' }, { label: 'My role', value: ['Front-end Developer', 'Designer'] }, @@ -81,14 +86,16 @@ const portfolioData: PortfolioSection = { ], description: 'Quisque id consectetur eros. In hac habitasse platea dictumst. Sed eu pulvinar orci. Mauris consequat, est in dignissim varius, neque nisl commodo mauris, id blandit risus justo eu nulla.', - tags: [react(), chakraUi(), typescript(), nx(), pnpm()], - socials: [website('#'), github('#')], + tagsList: { + title: 'Technologies', + tags: [react(), chakraUi(), typescript(), nx(), pnpm()], + }, + links: [website({ url: '#' }), github({ url: '#' })], }, { name: 'Disco Ninjas', image: import('@/assets/portfolio/project-4.jpeg'), - startDate: new Date('2016-05'), - endDate: new Date('2018-07'), + dates: [new Date('2016-05'), new Date('2018-07')], details: [ { label: 'Team size', value: '11 people' }, { label: 'My role', value: 'Front-end Developer' }, @@ -101,10 +108,13 @@ const portfolioData: PortfolioSection = { ], description: 'Praesent eu neque tortor. Vestibulum ac magna nisl. Vivamus massa sem, feugiat in pharetra non, convallis egestas purus. Ut consequat ullamcorper sem, in euismod nibh posuere ut. ', - tags: [typescript(), jest(), firebase()], - socials: [mockups('#'), github('#')], + tagsList: { + title: 'Technologies', + tags: [typescript(), jest(), firebase()], + }, + links: [mockups({ url: '#' }), github({ url: '#' })], }, ], -}; +} as const satisfies ReadonlyDeep; -export default portfolioData; +export default portfolioSectionData; diff --git a/src/data/sections/skills.ts b/src/data/sections/skills-section.data.ts similarity index 85% rename from src/data/sections/skills.ts rename to src/data/sections/skills-section.data.ts index 1fcf4aa..52289b4 100644 --- a/src/data/sections/skills.ts +++ b/src/data/sections/skills-section.data.ts @@ -1,5 +1,5 @@ -import type { SkillsSection } from '@/types/skills-section'; - +import type { SkillsSection } from '@/types/sections/skills-section.types'; +import type { ReadonlyDeep } from 'type-fest'; import { apolloGraphql, astro, @@ -17,17 +17,18 @@ import { supabase, tailwindCss, typescript, -} from '../skills'; +} from '../helpers/skills'; -const skillsData: SkillsSection = { +const skillsSectionData = { config: { title: 'Skills', + slug: 'skills', icon: 'fa6-solid:bars-progress', + visible: true, }, skillSets: [ { title: 'I already know', - pdfTitle: 'Technologies', skills: [ react({ level: 5, @@ -63,12 +64,10 @@ const skillsData: SkillsSection = { }, { title: 'I want to learn', - excludeFromPdf: true, skills: [apolloGraphql(), astro(), supabase(), cypress()], }, { title: 'I speak', - pdfTitle: 'Languages', skills: [ { icon: 'circle-flags:pl', name: 'Polish - native' }, { icon: 'circle-flags:us', name: 'English - C1' }, @@ -76,6 +75,6 @@ const skillsData: SkillsSection = { ], }, ], -}; +} as const satisfies ReadonlyDeep; -export default skillsData; +export default skillsSectionData; diff --git a/src/data/sections/testimonials.ts b/src/data/sections/testimonials-section.data.ts similarity index 71% rename from src/data/sections/testimonials.ts rename to src/data/sections/testimonials-section.data.ts index bedbd5c..a73c6f6 100644 --- a/src/data/sections/testimonials.ts +++ b/src/data/sections/testimonials-section.data.ts @@ -1,11 +1,13 @@ -import type { TestimonialsSection } from '@/types/testimonials-section'; +import type { TestimonialsSection } from '@/types/sections/testimonials-section.types'; +import type { ReadonlyDeep } from 'type-fest'; +import { github, linkedin, website } from '../helpers/links'; -import { github, linkedin, website } from '../socials'; - -const testimonialsData: TestimonialsSection = { +const testimonialsSectionData = { config: { title: 'Testimonials', + slug: 'testimonials', icon: 'fa6-solid:comment', + visible: true, }, testimonials: [ { @@ -14,7 +16,7 @@ const testimonialsData: TestimonialsSection = { relation: 'We work together as front-end developers at Google', content: 'In nec mattis sem. Morbi purus lorem, euismod ac varius at, aliquet vitae augue. Pellentesque ut facilisis felis. In sed dui blandit, aliquet odio eu, elementum leo. In facilisis dapibus tortor ac volutpat. Cras cursus nec odio maximus elementum.', - socials: [github('#'), linkedin('#')], + links: [github({ url: '#' }), linkedin({ url: '#' })], }, { image: import('@/assets/testimonials/testimonial-2.jpeg'), @@ -22,7 +24,7 @@ const testimonialsData: TestimonialsSection = { relation: 'My project manager at GitLab', content: 'Praesent nec congue elit. Vestibulum lobortis congue ipsum, a gravida mi tempus ac. Mauris aliquet purus nibh, vel varius turpis tempus non. Nullam eget ultricies orci. Quisque nulla ante, auctor eget varius ac, imperdiet nec magna.', - socials: [linkedin('#')], + links: [linkedin({ url: '#' })], }, { image: import('@/assets/testimonials/testimonial-3.jpeg'), @@ -30,9 +32,9 @@ const testimonialsData: TestimonialsSection = { relation: 'My customer for sidewing.com website', content: 'Mauris tincidunt at purus vehicula porta. Mauris eget mollis turpis. Sed iaculis rutrum pharetra. Vivamus risus quam, suscipit et semper ut, aliquet ut tellus. Donec quis auctor nunc.', - socials: [github('#'), website('#')], + links: [github({ url: '#' }), website({ url: '#' })], }, ], -}; +} as const satisfies ReadonlyDeep; -export default testimonialsData; +export default testimonialsSectionData; diff --git a/src/data/socials.ts b/src/data/socials.ts deleted file mode 100644 index a0383a5..0000000 --- a/src/data/socials.ts +++ /dev/null @@ -1,200 +0,0 @@ -import type { Social } from '../types/common'; - -type SocialWithoutUrl = Omit; - -// GENERAL - -export const facebook = (url: string, override?: Partial): Social => ({ - name: 'Facebook', - icon: 'fa6-brands:facebook-f', - url, - ...override, -}); - -export const linkedin = (url: string, override?: Partial): Social => ({ - name: 'LinkedIn', - icon: 'fa6-brands:linkedin-in', - url, - ...override, -}); - -export const twitter = (url: string, override?: Partial): Social => ({ - name: 'Twitter', - icon: 'fa6-brands:twitter', - url, - ...override, -}); - -export const pinterest = (url: string, override?: Partial): Social => ({ - name: 'Pinterest', - icon: 'fa6-brands:pinterest', - url, - ...override, -}); - -// CODE - -export const github = (url: string, override?: Partial): Social => ({ - name: 'GitHub', - icon: 'fa6-brands:github', - url, - ...override, -}); - -export const codepen = (url: string, override?: Partial): Social => ({ - name: 'CodePen', - icon: 'fa6-brands:codepen', - url, - ...override, -}); - -export const stackblitz = (url: string, override?: Partial): Social => ({ - name: 'StackBlitz', - icon: 'simple-icons:stackblitz', - url, - ...override, -}); - -export const codesandbox = (url: string, override?: Partial): Social => ({ - name: 'CodeSandbox', - icon: 'simple-icons:codesandbox', - url, - ...override, -}); - -// BLOG - -export const dev = (url: string, override?: Partial): Social => ({ - name: 'Dev', - icon: 'fa6-brands:dev', - url, - ...override, -}); - -export const medium = (url: string, override?: Partial): Social => ({ - name: 'Medium', - icon: 'fa6-brands:medium', - url, - ...override, -}); - -// FORUM / CHAT - -export const reddit = (url: string, override?: Partial): Social => ({ - name: 'Reddit', - icon: 'fa6-brands:reddit', - url, - ...override, -}); - -export const quora = (url: string, override?: Partial): Social => ({ - name: 'Quora', - icon: 'fa6-brands:quora', - url, - ...override, -}); - -export const stackoverflow = (url: string, override?: Partial): Social => ({ - name: 'Stack Overflow', - icon: 'fa6-brands:stack-overflow', - url, - ...override, -}); - -// DESIGN - -export const instagram = (url: string, override?: Partial): Social => ({ - name: 'Instagram', - icon: 'fa6-brands:instagram', - url, - ...override, -}); -export const behance = (url: string, override?: Partial): Social => ({ - name: 'Behance', - icon: 'fa6-brands:behance', - url, - ...override, -}); - -export const dribbble = (url: string, override?: Partial): Social => ({ - name: 'Dribbble', - icon: 'fa6-brands:dribbble', - url, - ...override, -}); - -export const figma = (url: string, override?: Partial): Social => ({ - name: 'Figma', - icon: 'fa6-brands:figma', - url, - ...override, -}); - -// MUSIC - -export const spotify = (url: string, override?: Partial): Social => ({ - name: 'Spotify', - icon: 'fa6-brands:spotify', - url, - ...override, -}); - -export const soundcloud = (url: string, override?: Partial): Social => ({ - name: 'SoundCloud', - icon: 'fa6-brands:soundcloud', - url, - ...override, -}); - -// VIDEO - -export const youtube = (url: string, override?: Partial): Social => ({ - name: 'YouTube', - icon: 'fa6-brands:youtube', - url, - ...override, -}); - -export const twitch = (url: string, override?: Partial): Social => ({ - name: 'Twitch', - icon: 'fa6-brands:twitch', - url, - ...override, -}); - -export const vimeo = (url: string, override?: Partial): Social => ({ - name: 'Vimeo', - icon: 'fa6-brands:vimeo', - url, - ...override, -}); - -// PROJECT TYPE - -export const website = (url: string, override?: Partial): Social => ({ - name: 'Website', - icon: 'fa6-solid:globe', - url, - ...override, -}); - -export const demo = (url: string, override?: Partial): Social => ({ - name: 'App demo', - icon: 'fa6-solid:desktop', - url, - ...override, -}); - -export const mockups = (url: string, override?: Partial): Social => ({ - name: 'Mockups', - icon: 'fa6-solid:image', - url, - ...override, -}); - -export const repository = (url: string, override?: Partial): Social => ({ - name: 'Repository', - icon: 'fa6-solid:code-branch', - url, - ...override, -}); diff --git a/src/data/transformers/index.ts b/src/data/transformers/index.ts new file mode 100644 index 0000000..845cc62 --- /dev/null +++ b/src/data/transformers/index.ts @@ -0,0 +1 @@ +export * from './transformers'; diff --git a/src/data/transformers/transform-data.ts b/src/data/transformers/transform-data.ts new file mode 100644 index 0000000..2b10336 --- /dev/null +++ b/src/data/transformers/transform-data.ts @@ -0,0 +1,14 @@ +import type { Data } from '@/types/data'; +import produce from 'immer'; +import type { PreciseData } from '../cv'; +import type { DataTransformer } from './transformers'; + +const transformData = + (data: PreciseData) => + (...callbacks: DataTransformer[]): Data => + // @ts-ignore -- waiting for https://github.com/sindresorhus/type-fest/pull/540 to be merged + produce(data, (draft) => { + callbacks.forEach((callback) => callback(draft)); + }); + +export default transformData; diff --git a/src/data/transformers/transformers.ts b/src/data/transformers/transformers.ts new file mode 100644 index 0000000..44b7ecf --- /dev/null +++ b/src/data/transformers/transformers.ts @@ -0,0 +1,92 @@ +import type { Data } from '@/types/data'; +import type { Draft } from 'immer'; +import type { PreciseData } from '../cv'; + +export type DraftData = Draft; + +export type DataTransformer = (draft: DraftData) => void; + +type Sections = PreciseData['sections']; + +type SectionKey = keyof Sections; + +type ProjectName = Sections['portfolio']['projects'][number]['name']; + +type JobRole = Sections['experience']['jobs'][number]['role']; + +type JobCompany = Sections['experience']['jobs'][number]['company']; + +type DiplomaTitle = Sections['education']['diplomas'][number]['title']; + +type DiplomaInstitution = Sections['education']['diplomas'][number]['institution']; + +type SkillSets = Sections['skills']['skillSets']; + +type SkillSetTitle = SkillSets[number]['title']; + +type Filter, P> = T extends Readonly<[infer A, ...infer Rest]> + ? [...(A extends P ? [A] : []), ...Filter] + : []; + +type SkillsBySkillSet = Filter< + SkillSets, + { title: SkillSet } +>[number]['skills'][number]['name']; + +export const hideSection = + (section: SectionKey): DataTransformer => + (draft) => { + draft.sections[section].config.visible = false; + }; + +export const hideJob = + (role: JobRole, company?: JobCompany): DataTransformer => + (draft) => { + draft.sections.experience.jobs = draft.sections.experience.jobs.filter( + (job) => job.role !== role && job.company !== company + ); + }; + +export const hideDiploma = + (title: DiplomaTitle, institution?: DiplomaInstitution): DataTransformer => + (draft) => { + draft.sections.education.diplomas = draft.sections.education.diplomas.filter( + (diploma) => diploma.title === title && diploma.institution === institution + ); + }; + +export const hideProject = + (name: ProjectName): DataTransformer => + (draft) => { + draft.sections.portfolio.projects = draft.sections.portfolio.projects.filter((project) => project.name !== name); + }; + +export const hideSkillSet = + (name: SkillSetTitle): DataTransformer => + (draft) => { + draft.sections.skills.skillSets = draft.sections.skills.skillSets.filter((skillSet) => skillSet.title !== name); + }; + +export const renameSkillSet = + (from: SkillSetTitle, to: string): DataTransformer => + (draft) => { + draft.sections.skills.skillSets = draft.sections.skills.skillSets.map((skillSet) => + skillSet.title === from ? { ...skillSet, title: to } : skillSet + ); + }; + +export const hideSkills = + ( + skillSetTitle: SkillSetTitle, + skills: SkillsBySkillSet[] + ): DataTransformer => + (draft) => { + draft.sections.skills.skillSets = draft.sections.skills.skillSets.map((skillSet) => { + if (skillSet.title !== skillSetTitle) return skillSet; + + return { + ...skillSet, + skills: skillSet.skills.filter((skill) => !skills.includes(skill.name as (typeof skills)[number])), + }; + }); + }; diff --git a/src/pages/_playground/button.astro b/src/pages/_playground/button.astro deleted file mode 100644 index 72f6b84..0000000 --- a/src/pages/_playground/button.astro +++ /dev/null @@ -1,7 +0,0 @@ ---- -import Button from '@/components/button.astro'; ---- - -
- -
diff --git a/src/pages/_playground/favorites.astro b/src/pages/_playground/favorites.astro deleted file mode 100644 index 594808e..0000000 --- a/src/pages/_playground/favorites.astro +++ /dev/null @@ -1,51 +0,0 @@ ---- -import Typography from '@/components/typography.astro'; -import BookTile from '@/sections/favorites/book-tile.astro'; -import MediaTile from '@/sections/favorites/media-tile.astro'; -import PersonTile from '@/sections/favorites/person-tile.astro'; -import VideoTile from '@/sections/favorites/video-tile.astro'; -import type { Book, Media, Person, Video } from '@/types/favorites-section'; - -const book: Book = { - cover: import('@/assets/favorites/books/book-1.jpeg'), - title: 'The Pragmatic Programmer: From Journeyman to Master', - author: 'Andy Hunt, Dave Thomas', - url: 'https://www.goodreads.com/book/show/4099.The_Pragmatic_Programmer', -}; - -const person: Person = { - image: import('@/assets/favorites/people/person-1.jpg'), - name: 'Kent C. Dodds', - url: 'https://kentcdodds.com/', -}; - -const video: Video = { - thumbnail: import('@/assets/favorites/videos/video-1.jpeg'), - title: 'Building Resilient Frontend Architecture - Monica Lent - GOTO 2019', - url: 'https://youtu.be/TqfbAXCCVwE', -}; - -const media: Media = { - image: import('@/assets/favorites/media/media-1.jpeg'), - title: 'Fireship.io', - type: 'YouTube channel', - url: 'https://www.youtube.com/c/Fireship', -}; ---- - -Favourite Book -
- -
-Favourite Person -
- -
-Favourite Video -
- -
-Favourite Media -
- -
diff --git a/src/pages/_playground/icon-button.astro b/src/pages/_playground/icon-button.astro deleted file mode 100644 index 6d5f3e6..0000000 --- a/src/pages/_playground/icon-button.astro +++ /dev/null @@ -1,10 +0,0 @@ ---- -import IconButton from '@/components/icon-button.astro'; ---- - -
- - - - -
diff --git a/src/pages/_playground/icon.astro b/src/pages/_playground/icon.astro deleted file mode 100644 index c54f32b..0000000 --- a/src/pages/_playground/icon.astro +++ /dev/null @@ -1,9 +0,0 @@ ---- -import Icon from '@/components/icon.astro'; ---- - -
- - - -
diff --git a/src/pages/_playground/image.astro b/src/pages/_playground/image.astro deleted file mode 100644 index 893d99a..0000000 --- a/src/pages/_playground/image.astro +++ /dev/null @@ -1,7 +0,0 @@ ---- -import { Image } from '@astrojs/image/components'; ---- - -
- My image -
diff --git a/src/pages/_playground/labelled-value.astro b/src/pages/_playground/labelled-value.astro deleted file mode 100644 index 56f1abf..0000000 --- a/src/pages/_playground/labelled-value.astro +++ /dev/null @@ -1,7 +0,0 @@ ---- -import LabelledValue from '@/components/labelled-value.astro'; ---- - -
- -
diff --git a/src/pages/_playground/main-section.astro b/src/pages/_playground/main-section.astro deleted file mode 100644 index 6b63a60..0000000 --- a/src/pages/_playground/main-section.astro +++ /dev/null @@ -1,41 +0,0 @@ ---- -import MainSection from '@/sections/main/main-section.astro'; -import type { MainSection as MainSectionData } from '@/types/main-section'; - -const mainSectionData: MainSectionData = { - config: { - icon: 'fa6-solid:user', - title: 'About me', - }, - image: import('@/assets/my-image.jpeg'), - fullName: 'Mark Freeman', - role: 'Senior React Developer', - details: [ - { label: 'Phone', value: '+48 604 343 212' }, - { label: 'Email', value: 'veeeery.long.email.address@gmail.com' }, - { label: 'From', value: 'Warsaw, Poland' }, - { label: 'Salary range', value: '18 000 - 25 000 PLN' }, - ], - description: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales ac dui at vestibulum. In condimentum metus id dui tincidunt, in blandit mi vehicula. Nulla lacinia, erat sit amet elementum vulputate, lectus mauris volutpat mi, vitae accumsan metus elit ut nunc. Vestibulum lacinia enim eget eros fermentum scelerisque. Proin augue leo, posuere ut imperdiet vitae, fermentum eu ipsum. Sed sed neque sagittis, posuere urna nec, commodo leo. Pellentesque posuere justo vitae massa volutpat maximus.', - tags: [{ name: 'Open for freelance' }, { name: 'Available for mentoring' }, { name: 'Working on side project' }], - action: { - label: 'Download CV', - url: '#', - }, - socials: [ - { name: 'Facebook', icon: 'fa6-brands:facebook-f', url: '#' }, - { name: 'GitHub', icon: 'fa6-brands:github', url: '#' }, - { name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' }, - { name: 'Twitter', icon: 'fa6-brands:twitter', url: '#' }, - ], -}; ---- - - -
-
- -
-
- diff --git a/src/pages/_playground/projects-timeline.astro b/src/pages/_playground/projects-timeline.astro deleted file mode 100644 index cf544df..0000000 --- a/src/pages/_playground/projects-timeline.astro +++ /dev/null @@ -1,67 +0,0 @@ ---- -import ProjectTimelineItem from '@/sections/portfolio/project-timeline-item.astro'; -import type { I18n } from '@/types/i18n'; -import type { Project } from '@/types/portfolio-section'; - -const project: Project = { - name: 'Golden Bulls', - image: import('@/assets/portfolio/project-1.jpeg'), - startDate: new Date('2020-03'), - endDate: null, - details: [ - { label: 'Team size', value: '1 person' }, - { label: 'Company', value: 'None' }, - { label: 'My role', value: ['Front-end Developer', 'Designer'] }, - { label: 'Category', value: ['Web app', 'Open source'] }, - ], - description: - 'In tristique vulputate augue vel egestas. Quisque ac imperdiet tortor, at lacinia ex. Duis vel ex hendrerit, commodo odio sed, aliquam enim. Ut arcu nulla, tincidunt eget arcu eget, molestie vulputate nisi. Nunc malesuada leo et est iaculis facilisis.', - tags: [ - { - icon: 'simple-icons:nextdotjs', - iconColor: '#000000', - name: 'Next.js', - url: 'https://nextjs.org/', - }, - { - icon: 'simple-icons:sass', - iconColor: '#CC6699', - name: 'SASS', - url: 'https://sass-lang.com/', - }, - { - icon: 'simple-icons:pnpm', - iconColor: '#F69220', - name: 'pnpm', - url: 'https://pnpm.io/', - }, - { - icon: 'simple-icons:eslint', - iconColor: '#4B32C3', - name: 'ESLint', - url: 'https://eslint.org/', - }, - { - icon: 'simple-icons:prettier', - iconColor: '#F7B93E', - name: 'Prettier', - url: 'https://prettier.io/', - }, - ], - socials: [ - { name: 'Mockups', icon: 'fa6-solid:image', url: '#' }, - { name: 'App demo', icon: 'fa6-solid:desktop', url: '#' }, - ], -}; - -const i18nData: I18n = { - locale: 'en-US', - translations: { - now: 'now', - }, -}; ---- - -
- -
diff --git a/src/pages/_playground/section-card.astro b/src/pages/_playground/section-card.astro deleted file mode 100644 index 33b3150..0000000 --- a/src/pages/_playground/section-card.astro +++ /dev/null @@ -1,7 +0,0 @@ ---- -import SectionCard from '@/components/section-card.astro'; ---- - -
- SectionCard text -
diff --git a/src/pages/_playground/sidebar-item.astro b/src/pages/_playground/sidebar-item.astro deleted file mode 100644 index 63149b6..0000000 --- a/src/pages/_playground/sidebar-item.astro +++ /dev/null @@ -1,7 +0,0 @@ ---- -import SidebarItem from '@/components/sidebar-item.astro'; ---- - -
- -
diff --git a/src/pages/_playground/skill.astro b/src/pages/_playground/skill.astro deleted file mode 100644 index eaae15e..0000000 --- a/src/pages/_playground/skill.astro +++ /dev/null @@ -1,14 +0,0 @@ ---- -import Skill from '@/sections/skills/skill.astro'; -import type { LevelledSkill } from '@/types/skills-section'; - -const levelledSkill: LevelledSkill = { - icon: 'simple-icons:react', - iconColor: '#61DAFB', - name: 'React.js', - level: 3, - url: 'https://reactjs.org/', -}; ---- - - diff --git a/src/pages/_playground/skills-section.astro b/src/pages/_playground/skills-section.astro deleted file mode 100644 index ea124eb..0000000 --- a/src/pages/_playground/skills-section.astro +++ /dev/null @@ -1,160 +0,0 @@ ---- -import SkillsSection from '@/sections/skills/skills-section.astro'; -import type { SkillsSection as SkillsSectionData } from '@/types/skills-section'; - -const skills: SkillsSectionData = { - config: { - title: 'Skills', - icon: 'fa6-solid:bars-progress', - }, - skillSets: [ - { - title: 'I already know', - skills: [ - { - icon: 'simple-icons:react', - iconColor: '#61DAFB', - name: 'React.js', - level: 5, - url: 'https://reactjs.org/', - description: - 'Proin ut erat sed massa tempus suscipit. Mauris efficitur nunc sem, nec scelerisque ligula bibendum ut.', - }, - { - icon: 'simple-icons:typescript', - iconColor: '#3178C6', - name: 'TypeScript', - level: 4, - url: 'https://www.typescriptlang.org/', - description: 'Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.', - }, - { - icon: 'simple-icons:sass', - iconColor: '#CC6699', - name: 'SASS', - level: 4, - url: 'https://sass-lang.com/', - description: 'Nulla interdum pellentesque ultricies. Ut id eros commodo, ultrices ligula eu, elementum ante.', - }, - { - icon: 'simple-icons:chakraui', - iconColor: '#319795', - name: 'Chakra UI', - level: 5, - url: 'https://chakra-ui.com/', - }, - { - icon: 'simple-icons:tailwindcss', - iconColor: '#06B6D4', - name: 'Tailwind CSS', - level: 2, - url: 'https://tailwindcss.com/', - }, - { - icon: 'simple-icons:prettier', - iconColor: '#F7B93E', - name: 'Prettier', - level: 5, - url: 'https://prettier.io/', - }, - { - icon: 'simple-icons:eslint', - iconColor: '#4B32C3', - name: 'ESLint', - level: 4, - url: 'https://eslint.org/', - description: - 'Nulla tempor turpis at vehicula pharetra. Vestibulum tellus tortor, commodo et suscipit id, lobortis id nunc.', - }, - { - icon: 'simple-icons:nestjs', - iconColor: '#E0234E', - name: 'NestJS', - level: 2, - url: 'https://nestjs.com/', - description: - 'Praesent feugiat ultricies iaculis. In posuere vehicula odio, sed consequat velit porta viverra.', - }, - { - icon: 'simple-icons:postgresql', - iconColor: '#4169E1', - name: 'PostgreSQL', - level: 2, - url: 'https://www.postgresql.org/', - }, - { - icon: 'simple-icons:mongodb', - iconColor: '#47A248', - name: 'MongoDB', - level: 1, - url: 'https://www.mongodb.com/', - }, - { - icon: 'simple-icons:firebase', - iconColor: '#FFCA28', - name: 'Firebase', - level: 1, - url: 'https://firebase.google.com/', - }, - { - icon: 'simple-icons:pnpm', - iconColor: '#F69220', - name: 'pnpm', - level: 3, - url: 'https://pnpm.io/', - }, - ], - }, - { - title: 'I want to learn', - skills: [ - { - icon: 'simple-icons:apollographql', - iconColor: '#311C87', - name: 'Apollo GraphQL', - }, - { - icon: 'simple-icons:astro', - iconColor: '#FF5D01', - name: 'Astro', - }, - { - icon: 'simple-icons:supabase', - iconColor: '#3ECF8E', - name: 'Supabase', - }, - { - icon: 'simple-icons:cypress', - iconColor: '#17202C', - name: 'Cypress', - }, - ], - }, - { - title: 'I speak', - skills: [ - { - icon: 'circle-flags:pl', - name: 'Polish - native', - }, - { - icon: 'circle-flags:us', - name: 'English - C1', - }, - { - icon: 'circle-flags:es-variant', - name: 'Spanish - B1', - }, - ], - }, - ], -}; ---- - - -
-
- -
-
- diff --git a/src/pages/_playground/tag.astro b/src/pages/_playground/tag.astro deleted file mode 100644 index f0e0d90..0000000 --- a/src/pages/_playground/tag.astro +++ /dev/null @@ -1,11 +0,0 @@ ---- -import Tag from '@/components/tag.astro'; ---- - -
- Tag text -
- -
- Tag text -
diff --git a/src/pages/_playground/testimonial.astro b/src/pages/_playground/testimonial.astro deleted file mode 100644 index d82c23e..0000000 --- a/src/pages/_playground/testimonial.astro +++ /dev/null @@ -1,20 +0,0 @@ ---- -import Testimonial from '@/sections/testimonials/testimonial.astro'; -import type { Testimonial as TestimonialData } from '@/types/testimonials-section'; - -const testimonial: TestimonialData = { - author: 'Howard Stewart', - relation: 'We work together as front-end developers at Google', - content: - 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisl vel tincidunt aliquam, nunc nisl aliquet nisl, eget aliquet nunc nisl euismod nisl. Sed euismod, nisl vel tincidunt aliquam, nunc nisl aliquet nisl, eget aliquet nunc nisl euismod nisl.', - image: import('@/assets/testimonials/testimonial-1.jpeg'), - socials: [ - { name: 'GitHub', icon: 'fa6-brands:github', url: '#' }, - { name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' }, - ], -}; ---- - -
- -
diff --git a/src/pages/_playground/testimonials-section.astro b/src/pages/_playground/testimonials-section.astro deleted file mode 100644 index 19bdfef..0000000 --- a/src/pages/_playground/testimonials-section.astro +++ /dev/null @@ -1,45 +0,0 @@ ---- -import TestimonialsSection from '@/sections/testimonials/testimonials-section.astro'; -import type { Testimonial } from '@/types/testimonials-section'; - -const testimonials: Testimonial[] = [ - { - image: import('@/assets/testimonials/testimonial-1.jpeg'), - author: 'Howard Stewart', - relation: 'We work together as front-end developers at Google', - content: - 'In nec mattis sem. Morbi purus lorem, euismod ac varius at, aliquet vitae augue. Pellentesque ut facilisis felis. In sed dui blandit, aliquet odio eu, elementum leo. In facilisis dapibus tortor ac volutpat. Cras cursus nec odio maximus elementum.', - socials: [ - { name: 'GitHub', icon: 'fa6-brands:github', url: '#' }, - { name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' }, - ], - }, - { - image: import('@/assets/testimonials/testimonial-2.jpeg'), - author: 'Jean Richards', - relation: 'My project manager at GitLab', - content: - 'Praesent nec congue elit. Vestibulum lobortis congue ipsum, a gravida mi tempus ac. Mauris aliquet purus nibh, vel varius turpis tempus non. Nullam eget ultricies orci. Quisque nulla ante, auctor eget varius ac, imperdiet nec magna.', - socials: [{ name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' }], - }, - { - image: import('@/assets/testimonials/testimonial-3.jpeg'), - author: 'Jason Fisher', - relation: 'My customer for sidewing.com website', - content: - 'Mauris tincidunt at purus vehicula porta. Mauris eget mollis turpis. Sed iaculis rutrum pharetra. Vivamus risus quam, suscipit et semper ut, aliquet ut tellus. Donec quis auctor nunc.', - socials: [ - { name: 'GitHub', icon: 'fa6-brands:github', url: '#' }, - { name: 'Website', icon: 'fa6-solid:globe', url: '#' }, - ], - }, -]; ---- - - -
-
- -
-
- diff --git a/src/pages/_playground/typography.astro b/src/pages/_playground/typography.astro deleted file mode 100644 index 24978a7..0000000 --- a/src/pages/_playground/typography.astro +++ /dev/null @@ -1,48 +0,0 @@ ---- -import Typography from '@/components/typography.astro'; - -const text = 'A quick brown fox jumps over the lazy dog'; ---- - -
-
-

paragraph (default)

- {text} -
-
-

main-title

- {text} -
-
-

main-subtitle

- {text} -
-
-

section-title

- {text} -
-
-

section-subtitle

- {text} -
-
-

item-title

- {text} -
-
-

item-title-suffix

- {text} -
-
-

item-subtitle

- {text} -
-
-

tile-title

- {text} -
-
-

tile-subtitle

- {text} -
-
diff --git a/src/pages/_playground/work-timeline.astro b/src/pages/_playground/work-timeline.astro deleted file mode 100644 index 73c2e96..0000000 --- a/src/pages/_playground/work-timeline.astro +++ /dev/null @@ -1,67 +0,0 @@ ---- -import WorkTimelineItem from '@/sections/experience/work-timeline-item.astro'; -import type { Job } from '@/types/experience-section'; -import type { I18n } from '@/types/i18n'; - -const job: Job = { - role: 'Senior front-end developer', - company: 'Google', - startDate: new Date('2020-02'), - endDate: null, - description: [ - 'In tristique vulputate augue vel egestas.', - 'Quisque ac imperdiet tortor, at lacinia ex.', - 'Duis vel ex hendrerit, commodo odio sed, aliquam enim.', - 'Ut arcu nulla, tincidunt eget arcu eget, molestie vulputate nisi.', - 'Nunc malesuada leo et est iaculis facilisis.', - 'Fusce eu urna ut magna malesuada fringilla.', - ], - tags: [ - { - icon: 'simple-icons:react', - iconColor: '#61DAFB', - name: 'React.js', - url: 'https://reactjs.org/', - }, - { - icon: 'simple-icons:nextdotjs', - iconColor: '#000000', - name: 'Next.js', - url: 'https://nextjs.org/', - }, - { - icon: 'simple-icons:typescript', - iconColor: '#3178C6', - name: 'TypeScript', - url: 'https://www.typescriptlang.org/', - }, - { - icon: 'simple-icons:nx', - iconColor: '#143055', - name: 'Nx', - url: 'https://nx.dev/', - }, - { - icon: 'simple-icons:firebase', - iconColor: '#FFCA28', - name: 'Firebase', - url: 'https://firebase.google.com/', - }, - ], - socials: [ - { name: 'Facebook', icon: 'fa6-brands:facebook-f', url: '#' }, - { name: 'LinkedIn', icon: 'fa6-brands:linkedin-in', url: '#' }, - ], -}; - -const i18nData: I18n = { - locale: 'en-US', - translations: { - now: 'now', - }, -}; ---- - -
- -
diff --git a/src/pages/index.astro b/src/pages/index.astro index 9f4a53e..ce2707f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,61 +1,30 @@ --- -import Sidebar from '@/components/sidebar.astro'; -import ThemeToggle from '@/components/theme-toggle.astro'; -import EducationSection from '@/sections/education/education-section.astro'; -import ExperienceSection from '@/sections/experience/experience-section.astro'; -import FavoritesSection from '@/sections/favorites/favorites-section.astro'; -import MainSection from '@/sections/main/main-section.astro'; -import PortfolioSection from '@/sections/portfolio/portfolio-section.astro'; -import SkillsSection from '@/sections/skills/skills-section.astro'; -import TestimonialsSection from '@/sections/testimonials/testimonials-section.astro'; +import Layout from '@/web/components/layout.astro'; +import Sidebar from '@/web/components/sidebar.astro'; +import ThemeToggle from '@/web/components/theme-toggle.astro'; +import MainSection from '@/web/sections/main/main-section.web.astro'; +import SkillsSection from '@/web/sections/skills/skills-section.web.astro'; +import ExperienceSection from '@/web/sections/experience/experience-section.web.astro'; +import PortfolioSection from '@/web/sections/portfolio/portfolio-section.web.astro'; +import EducationSection from '@/web/sections/education/education-section.web.astro'; +import TestimonialsSection from '@/web/sections/testimonials/testimonials-section.web.astro'; +import FavoritesSection from '@/web/sections/favorites/favorites-section.web.astro'; +import { cv } from '@/data/cv'; -import data from '../data'; - -const { seo, i18n } = data; -const seoImage = seo.image ? seo.image : '/favicon.svg'; +const { config, sections } = cv(); --- - - - - - - - {seo.title} - - - - - - - - - -
- - {data.skills && } - {data.experience && } - {data.portfolio && } - {data.education && } - {data.testimonials && } - {data.favorites && } -
- - - - + + +
+ + + + + + + +
+ + + diff --git a/src/pages/pdf.astro b/src/pages/pdf.astro index 5f3d98d..0d9e112 100644 --- a/src/pages/pdf.astro +++ b/src/pages/pdf.astro @@ -1,29 +1,34 @@ --- -import Footer from '@/pdf/footer.astro'; +import Footer from '@/pdf/components/footer.astro'; import EducationSection from '@/pdf/sections/education-section.pdf.astro'; import ExperienceSection from '@/pdf/sections/experience-section.pdf.astro'; import MainSection from '@/pdf/sections/main-section.pdf.astro'; import PortfolioSection from '@/pdf/sections/portfolio-section.pdf.astro'; import SkillsSection from '@/pdf/sections/skills-section.pdf.astro'; -import data from '../data'; +import { cv } from '@/data/cv'; +import { hideProject, hideSkillSet, renameSkillSet } from '@/data/transformers'; -const { i18n } = data; +const { config, sections } = cv( + hideSkillSet('I want to learn'), + renameSkillSet('I speak', 'Languages'), + hideProject('Disco Ninjas') +); --- - + PDF preview - - {data.skills && } - {data.experience && } - {data.portfolio && } - {data.education && } -