diff --git a/src/partials/Header.tsx b/src/partials/Header.tsx index 737998d..ebf4ad1 100644 --- a/src/partials/Header.tsx +++ b/src/partials/Header.tsx @@ -6,6 +6,7 @@ const Header = () => {
Adam Plesník + Github Date: Wed, 2 Oct 2024 13:32:54 +0200 Subject: [PATCH 2/5] Add robots.txt --- public/robots.txt | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 public/robots.txt diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..3d4b4f2 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,5 @@ +user-agent: * +allow: * + +user-agent: * +disallow: /blog \ No newline at end of file From fc039c0f9e1f0565e168e5a235a78358c0f47c13 Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Wed, 2 Oct 2024 13:35:47 +0200 Subject: [PATCH 3/5] Update aria-label --- src/partials/Header.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/partials/Header.tsx b/src/partials/Header.tsx index ebf4ad1..9123d65 100644 --- a/src/partials/Header.tsx +++ b/src/partials/Header.tsx @@ -5,8 +5,11 @@ const Header = () => { return (
Adam Plesník - - Github + Date: Wed, 2 Oct 2024 13:50:02 +0200 Subject: [PATCH 4/5] Add custom Icon component --- src/components/Icon.test.tsx | 17 +++ src/components/Icon.tsx | 8 ++ src/components/Tile.tsx | 3 +- .../__snapshots__/Icon.test.tsx.snap | 117 ++++++++++++++++++ src/content/Tech.tsx | 15 +-- 5 files changed, 152 insertions(+), 8 deletions(-) create mode 100644 src/components/Icon.test.tsx create mode 100644 src/components/Icon.tsx create mode 100644 src/components/__snapshots__/Icon.test.tsx.snap diff --git a/src/components/Icon.test.tsx b/src/components/Icon.test.tsx new file mode 100644 index 0000000..faae3b6 --- /dev/null +++ b/src/components/Icon.test.tsx @@ -0,0 +1,17 @@ +import { toJson } from '@/utils/toJson' +import { Cog } from 'lucide-react' +import renderer from 'react-test-renderer' +import { expect, test } from 'vitest' +import Icon from './Icon' + +test('Icon', () => { + const component = renderer.create() + const tree = toJson(component) + expect(tree).toMatchSnapshot() +}) + +test('Icon with class name', () => { + const component = renderer.create() + const tree = toJson(component) + expect(tree).toMatchSnapshot() +}) diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx new file mode 100644 index 0000000..a4f2447 --- /dev/null +++ b/src/components/Icon.tsx @@ -0,0 +1,8 @@ +import clsx from 'clsx' +import { LucideIcon } from 'lucide-react' + +const Icon = ({ Icon, className }: { Icon: LucideIcon; className?: string }) => { + return +} + +export default Icon diff --git a/src/components/Tile.tsx b/src/components/Tile.tsx index 6757bd3..fbb4cf3 100644 --- a/src/components/Tile.tsx +++ b/src/components/Tile.tsx @@ -2,6 +2,7 @@ import { clsx } from 'clsx' import { MousePointerClick } from 'lucide-react' import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react' import Heading from './Heading' +import Icon from './Icon' const Tile = ({ sub, @@ -20,7 +21,7 @@ const Tile = ({ {children} {links && (
- +
{links}
)} diff --git a/src/components/__snapshots__/Icon.test.tsx.snap b/src/components/__snapshots__/Icon.test.tsx.snap new file mode 100644 index 0000000..e3120d3 --- /dev/null +++ b/src/components/__snapshots__/Icon.test.tsx.snap @@ -0,0 +1,117 @@ +// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html + +exports[`Icon 1`] = ` + + + + + + + + + + + + + + + + +`; + +exports[`Icon with class name 1`] = ` + + + + + + + + + + + + + + + + +`; diff --git a/src/content/Tech.tsx b/src/content/Tech.tsx index 8cd7623..f89a757 100644 --- a/src/content/Tech.tsx +++ b/src/content/Tech.tsx @@ -1,19 +1,20 @@ import Em from '@/components/Em' +import Icon from '@/components/Icon' import Tile from '@/components/Tile' import { Sparkles } from 'lucide-react' const skills: { tech: string; description: string }[] = [ { tech: 'React', - description: 'TSX, state as minimal as it gets, queries, micro components, API.', + description: 'TSX, state, queries, micro components, API.', }, - { tech: 'Tailwind CSS', description: 'Atomic CSS everywhere.' }, - { tech: 'CSS + Sass', description: 'Where the Tailwind CSS is not enough.' }, + { tech: 'Tailwind CSS', description: 'Utility first.' }, + { tech: 'HTML, CSS, Sass', description: 'SEO, a11y, animations, transitions.' }, { tech: 'Theme refactoring', - description: 'Reorganization and tuning of front-end parts of large app', + description: 'Reorganization and tuning of front-end.', }, - { tech: 'Figma', description: 'Mockups and prototypes.' }, + { tech: 'Figma', description: 'Mockups and prototypes, design systems, modes.' }, { tech: '...and more', description: 'Payload CMS, Angular, Vue.js, Vaadin + Java' }, ] @@ -23,10 +24,10 @@ const Tech = () => {
    {skills.map((skill, i) => (
  • - + {skill.tech} - {skill.description} + {skill.description}
    • ))} From 70a18eb5116a52bfaa0ba0d9d5204f37fb6bab7b Mon Sep 17 00:00:00 2001 From: Adam Plesnik Date: Wed, 2 Oct 2024 14:02:38 +0200 Subject: [PATCH 5/5] Update Footer, Icon --- src/components/Icon.tsx | 2 +- src/components/__snapshots__/Icon.test.tsx.snap | 4 ++-- src/partials/Footer.tsx | 17 +++++++++++------ 3 files changed, 14 insertions(+), 9 deletions(-) diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx index a4f2447..828e490 100644 --- a/src/components/Icon.tsx +++ b/src/components/Icon.tsx @@ -2,7 +2,7 @@ import clsx from 'clsx' import { LucideIcon } from 'lucide-react' const Icon = ({ Icon, className }: { Icon: LucideIcon; className?: string }) => { - return + return } export default Icon diff --git a/src/components/__snapshots__/Icon.test.tsx.snap b/src/components/__snapshots__/Icon.test.tsx.snap index e3120d3..d99b77c 100644 --- a/src/components/__snapshots__/Icon.test.tsx.snap +++ b/src/components/__snapshots__/Icon.test.tsx.snap @@ -8,7 +8,7 @@ exports[`Icon 1`] = ` stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" - strokeWidth={2} + strokeWidth={1.5} viewBox="0 0 24 24" width={24} xmlns="http://www.w3.org/2000/svg" @@ -66,7 +66,7 @@ exports[`Icon with class name 1`] = ` stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" - strokeWidth={2} + strokeWidth={1.5} viewBox="0 0 24 24" width={24} xmlns="http://www.w3.org/2000/svg" diff --git a/src/partials/Footer.tsx b/src/partials/Footer.tsx index d9e3045..ced122a 100644 --- a/src/partials/Footer.tsx +++ b/src/partials/Footer.tsx @@ -1,14 +1,19 @@ import Em from '@/components/Em' +import Icon from '@/components/Icon' import Link from '@/components/Link' +import { Trees } from 'lucide-react' const Footer = () => { return ( -
    - Adam Plesník, Bratislava, Slovakia -
    - github.com/adamplesnik - linkedin.com/in/adamplesnik - adam@adamplesnik.com +
    + +
    + Adam Plesník, Bratislava, Slovakia +
    + adam@adamplesnik.com + github.com/adamplesnik + linkedin.com/in/adamplesnik +
    )