From f16f36ec92260bfff48434abe08c9c99610d6c29 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= Date: Wed, 15 Jan 2025 16:14:26 +0000 Subject: [PATCH 1/8] Refactor and enhance job-related components and context. --- public/jobs.json | 2 +- src/app/components/AboutMe.tsx | 16 ++++--- src/app/components/Jobs.tsx | 77 ++++++++++++++++--------------- src/app/components/Skills.tsx | 51 ++++++++++++-------- src/app/components/Title.tsx | 12 +++-- src/app/context/JobsContext.tsx | 25 ++++++++++ src/app/context/useJobs.ts | 25 ++++++++++ src/app/fetch.ts | 6 +++ src/app/layout.tsx | 21 +++++---- src/app/page.tsx | 15 +++--- src/components/Card.tsx | 17 ------- src/components/Kbd.tsx | 14 ++++++ src/{utils.ts => utils/notNil.ts} | 0 13 files changed, 180 insertions(+), 101 deletions(-) create mode 100644 src/app/context/JobsContext.tsx create mode 100644 src/app/context/useJobs.ts create mode 100644 src/app/fetch.ts delete mode 100644 src/components/Card.tsx create mode 100644 src/components/Kbd.tsx rename src/{utils.ts => utils/notNil.ts} (100%) diff --git a/public/jobs.json b/public/jobs.json index 9ceac57..c212480 100644 --- a/public/jobs.json +++ b/public/jobs.json @@ -63,7 +63,7 @@ "tags": [ "Typescript", "React", - "Graphql", + "GraphQL", "REST", "Mui", "Azure DevOps" diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx index bc94642..d994fa3 100644 --- a/src/app/components/AboutMe.tsx +++ b/src/app/components/AboutMe.tsx @@ -1,4 +1,4 @@ -import {Card} from "../../components/Card"; +import {Kbd} from "../../components/Kbd"; export const AboutMe = () => { const age = Math.floor( @@ -13,9 +13,10 @@ export const AboutMe = () => { <>

- 👋, my name is Roman Jaroš. I am {age}. {work} years working as software engineer. + Hello, my name is Roman Jaroš. I am {age}. + {work} years working as software engineer. I have been programming since I was 15 years old and still love to learn new technologies. - Outside of the programming world, I maintain servers with about 120 docker containers. + Outside of the programming world, I maintain servers with around 80 docker containers. Outside of the IT world, I enjoy reading self improvement books, meditating, alternative medicine and model painting or playing video games.

@@ -24,9 +25,12 @@ export const AboutMe = () => { I am contractor and currently only for full remote jobs.


-
- - +
+ UI design + Web development + Automation testing + DevOps + Monitoring
diff --git a/src/app/components/Jobs.tsx b/src/app/components/Jobs.tsx index 3888e4b..7e6ad23 100644 --- a/src/app/components/Jobs.tsx +++ b/src/app/components/Jobs.tsx @@ -1,54 +1,55 @@ +"use client" + import {MapPinIcon, MoveRightIcon} from "lucide-react"; -import {notNil} from "../../utils"; -import {Job} from "../type"; -import {FC} from "react"; +import {notNil} from "../../utils/notNil"; +import {useJobs} from "../context/useJobs"; -type JobsProps = { - jobs: Job[] | undefined -} - -export const Jobs: FC = ({jobs}) => { +export const Jobs = () => { + const {jobs, filter} = useJobs() return ( <>
    - {jobs?.filter(notNil).map(({name, started, ended, description, tags, link}, index) => ( -
  1. + {jobs + ?.filter(notNil) + .filter(({tags}) => filter != undefined ? tags.includes(filter) : true) + .map(({name, started, ended, description, tags, link}, index) => ( +
  2. -

    - {name} -

    - -

    - {description} -

    - {link != undefined && -

    - - Visit website - - +

    + {name} +

    + +

    + {description}

    - } -

    - {tags.sort().map((name) => ( - + {link != undefined && +

    + + Visit website + + +

    + } +

    + {tags.sort().map((name) => ( + {name} - ))} -

    -
    3. - ))} + ))} +

    + + ))}
diff --git a/src/app/components/Skills.tsx b/src/app/components/Skills.tsx index e4b8771..b2d4bc9 100644 --- a/src/app/components/Skills.tsx +++ b/src/app/components/Skills.tsx @@ -1,40 +1,53 @@ -import {notNil} from "../../utils"; +"use client" + +import {notNil} from "../../utils/notNil"; import {StarIcon} from "lucide-react"; import {FC} from "react"; -import {Job} from "../type"; +import {useJobs} from "../context/useJobs"; -type SkillsProps = { - jobs: Job[] | undefined -} - -export const Skills: FC = ({jobs}) => { - - const skills = new Set(jobs?.filter(notNil).flatMap(({tags}) => tags).sort()); +export const Skills: FC = () => { + const {jobs, filterJobs, filter} = useJobs() + const skills = new Set(jobs.filter(notNil).flatMap(({tags}) => tags).sort()); return ( <>
-

Czech

+

Czech, native

+ + +
-

English 

+

English, B2

+ + +
-
- {Array.from(skills)?.map((name) => ( - - {name} - - ))} +
+
+ {Array.from(skills)?.map((name) => ( + filterJobs(name)} + className={[ + "cursor-pointer text-xs font-medium me-2 px-2.5 py-0.5 rounded-full select-none", + filter === name + ? "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300" + : "bg-indigo-100 text-indigo-800 dark:bg-indigo-900 dark:text-indigo-300" + ].join(" ")}> + {name} + + ))} +
+

Psss, you can click on pill to filter.

) diff --git a/src/app/components/Title.tsx b/src/app/components/Title.tsx index b8f4afa..5c43fce 100644 --- a/src/app/components/Title.tsx +++ b/src/app/components/Title.tsx @@ -1,12 +1,14 @@ export const Title = () => { return ( -
- < +

- Just - Roman + < + + Roman {" "} + + />

-  />
) } \ No newline at end of file diff --git a/src/app/context/JobsContext.tsx b/src/app/context/JobsContext.tsx new file mode 100644 index 0000000..f974658 --- /dev/null +++ b/src/app/context/JobsContext.tsx @@ -0,0 +1,25 @@ +"use client" + +import {createContext, ReactNode, FC, useState, Dispatch, SetStateAction} from "react"; +import {Job} from "../type"; + +type JobsContextPayload = { + data: Job[] + filter?: string + setFilter: Dispatch> +} | undefined + +export const JobsContext = createContext(undefined); + +type JobsContextProviderProps = { + jobs: Job[] + children: ReactNode[] +} + +export const JobsProvider: FC = ({children, jobs: data}) => { + const [filter, setFilter] = useState() + + return ( + {children} + ) +} \ No newline at end of file diff --git a/src/app/context/useJobs.ts b/src/app/context/useJobs.ts new file mode 100644 index 0000000..c4b27b9 --- /dev/null +++ b/src/app/context/useJobs.ts @@ -0,0 +1,25 @@ +"use client" + +import {useContext} from "react"; +import {JobsContext} from "./JobsContext"; + +export const useJobs = () => { + const context = useContext(JobsContext) + if (!context) { + throw new Error('useJobs must be used within a JobsProvider!'); + } + + const handleFilterJob = (name: string) => { + if (name === context.filter) { + context.setFilter(undefined) + } else { + context.setFilter(name) + } + } + + return { + jobs: context.data, + filter: context?.filter, + filterJobs: handleFilterJob, + } +} \ No newline at end of file diff --git a/src/app/fetch.ts b/src/app/fetch.ts new file mode 100644 index 0000000..b3343d9 --- /dev/null +++ b/src/app/fetch.ts @@ -0,0 +1,6 @@ +import {Job} from "./type"; + +export const fetchJobs = async (): Promise => { + const res = await fetch(`${process.env.NEXT_PUBLIC_SITE_URL}/jobs.json`, {cache: "no-store"}) + return await res?.json(); +} \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5669178..c744b8a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -8,13 +8,16 @@ export default function AppLayout({ }) { return ( - - - - - -
{children}
- - - ) + + + Roman Jaroš + + + + +
{children}
+ + + ) } \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 4af9bd5..45c9f1b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -4,12 +4,13 @@ import {Contact} from "./components/Contact"; import {Footer} from "./components/Footer"; import {Jobs} from "./components/Jobs"; import {Skills} from "./components/Skills"; -import {Job} from "./type"; +import {fetchJobs} from "./fetch"; +import {JobsProvider} from "./context/JobsContext"; +import {use} from "react"; -export default async function Page() { +export default function Page() { - const res = await fetch(`${process.env.NEXT_PUBLIC_SITE_URL}/jobs.json`, {cache: "no-store"}) - const data: Job[] | undefined = await res?.json(); + const jobs = use(fetchJobs()) return ( <> @@ -17,8 +18,10 @@ export default async function Page() { <AboutMe /> <Contact /> - <Skills jobs={data} /> - <Jobs jobs={data} /> + <JobsProvider jobs={jobs ?? []}> + <Skills /> + <Jobs /> + </JobsProvider> <Footer /> </div> </> diff --git a/src/components/Card.tsx b/src/components/Card.tsx deleted file mode 100644 index b436f24..0000000 --- a/src/components/Card.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import {FC} from "react"; - -type CardProps = { - title: string; - description: string; -} - -export const Card: FC<CardProps> = ({title, description}) => { - return ( - <div - className="w-full md:w-80 block p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700" - > - <h5 className="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">{title}</h5> - <p className="font-normal text-gray-700 dark:text-gray-400">{description}</p> - </div> - ) -} \ No newline at end of file diff --git a/src/components/Kbd.tsx b/src/components/Kbd.tsx new file mode 100644 index 0000000..4a93b45 --- /dev/null +++ b/src/components/Kbd.tsx @@ -0,0 +1,14 @@ +import {FC} from "react"; + +type KbdProps = { + children: string +} + +export const Kbd: FC<KbdProps> = ({children}) => { + return ( + <kbd + className="px-2 py-1.5 text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500"> + {children} + </kbd> + ) +} \ No newline at end of file diff --git a/src/utils.ts b/src/utils/notNil.ts similarity index 100% rename from src/utils.ts rename to src/utils/notNil.ts From 178afb50038496dcb55292d84639dd40ce526a2d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Wed, 15 Jan 2025 16:16:59 +0000 Subject: [PATCH 2/8] Fix grammar and formatting in jobs.json description --- public/jobs.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/jobs.json b/public/jobs.json index c212480..42b2f7c 100644 --- a/public/jobs.json +++ b/public/jobs.json @@ -3,7 +3,7 @@ "name": "Czech Quests", "started": "July 2024", "ended": "today", - "description": "Custom project, where I make an addon for World of Warcraft game, which show Czech translation for in-game quests. The translations are made via AI (DeepL and GPT). Text is formated for player and quest giver gender. Keep original names of other NPCs, items or places. I also create a web application where i am able to manage translations", + "description": "Custom project, where I make an addon, for World of Warcraft game, to show Czech translation for in-game quests. The translations are made via AI (DeepL and GPT). Texts are formated for player and quest giver gender. Also it keeps original names of other NPCs, items or places. I also create a web application where i am able to manage translations", "tags": [ "Typescript", "React", From 254eaaef59e728789102ed1fc0a2a92595492370 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Wed, 15 Jan 2025 19:36:28 +0000 Subject: [PATCH 3/8] Update layout styles and improve component readability --- src/app/components/AboutMe.tsx | 2 +- src/app/components/Title.tsx | 2 +- src/app/page.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx index d994fa3..6ae8f43 100644 --- a/src/app/components/AboutMe.tsx +++ b/src/app/components/AboutMe.tsx @@ -25,7 +25,7 @@ export const AboutMe = () => { <b>I am contractor and currently only for full remote jobs.</b> </p> <br /> - <div className="flex md:flex-row gap-2"> + <div className="flex flex-row flex-wrap gap-2"> <Kbd>UI design</Kbd> <Kbd>Web development</Kbd> <Kbd>Automation testing</Kbd> diff --git a/src/app/components/Title.tsx b/src/app/components/Title.tsx index 5c43fce..c870007 100644 --- a/src/app/components/Title.tsx +++ b/src/app/components/Title.tsx @@ -2,7 +2,7 @@ export const Title = () => { return ( <div className="flex justify-center text-4xl sm:text-6xl my-8 text-slate-400"> <h1> - <span><</span> + <span><Just</span> <span className="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400"> Roman {" "} diff --git a/src/app/page.tsx b/src/app/page.tsx index 45c9f1b..0282764 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -14,7 +14,7 @@ export default function Page() { return ( <> - <div className="flex flex-col gap-y-16 md:w-3/4 lg:w-2/3 mx-auto p-4 mb-20"> + <div style={{maxWidth: 1000}} className="flex flex-col gap-y-16 md:w-4/5 mx-auto p-4 mb-20"> <Title /> <AboutMe /> <Contact /> From 620bf3df8cf7862b3a95d4674646839230b59857 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Wed, 15 Jan 2025 19:39:04 +0000 Subject: [PATCH 4/8] Update skill tags to include hashtags --- src/app/components/AboutMe.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx index 6ae8f43..ee4c895 100644 --- a/src/app/components/AboutMe.tsx +++ b/src/app/components/AboutMe.tsx @@ -26,11 +26,10 @@ export const AboutMe = () => { </p> <br /> <div className="flex flex-row flex-wrap gap-2"> - <Kbd>UI design</Kbd> - <Kbd>Web development</Kbd> - <Kbd>Automation testing</Kbd> - <Kbd>DevOps</Kbd> - <Kbd>Monitoring</Kbd> + <Kbd>#uidesign</Kbd> + <Kbd>#webdevelopment</Kbd> + <Kbd>#automationtesting</Kbd> + <Kbd>#devops</Kbd> </div> </section> </> From f0569906930312d193e37afc71f13b2e8b38b3e2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Wed, 15 Jan 2025 19:42:37 +0000 Subject: [PATCH 5/8] Fix formatting in AboutMe component text styling --- src/app/components/AboutMe.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx index ee4c895..ad4db41 100644 --- a/src/app/components/AboutMe.tsx +++ b/src/app/components/AboutMe.tsx @@ -14,7 +14,7 @@ export const AboutMe = () => { <section className="leading-snug text-slate-500 dark:text-slate-400"> <p> Hello, my name is Roman Jaroš. I am {age}. <span className="underline dark:text-white decoration-pink-500"> - {work} years working as software engineer. </span> + {work} years working as software engineer.</span>{" "} I have been programming since I was 15 years old and still love to learn new technologies. Outside of the programming world, I maintain servers with around 80 docker containers. Outside of the IT world, I enjoy reading self improvement books, meditating, From acd06acc83a73641bc41e77de37600ffe8f3e96c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Mon, 24 Feb 2025 13:21:22 +0000 Subject: [PATCH 6/8] Add CV download button to Contact component --- src/app/components/Contact.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/app/components/Contact.tsx b/src/app/components/Contact.tsx index b8087e3..51fdecb 100644 --- a/src/app/components/Contact.tsx +++ b/src/app/components/Contact.tsx @@ -1,4 +1,4 @@ -import {GithubIcon, InfoIcon, LinkedinIcon, MailIcon} from "lucide-react"; +import {GithubIcon, InfoIcon, LinkedinIcon, MailIcon, ScrollTextIcon} from "lucide-react"; export const Contact = () => { return ( @@ -11,6 +11,13 @@ export const Contact = () => { className="flex gap-2 focus:outline-none text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg px-5 py-2.5 me-2 mb-2 dark:text-slate-600 dark:focus:ring-yellow-900"> <MailIcon/> Send e-mail </a> + <a + type="button" + target="_blank" + href="https://cloud.romanjaros.cz/s/HySLxskToRMxM6n" + className="flex gap-2 focus:outline-none text-white bg-green-400 hover:bg-green-500 focus:ring-4 focus:ring-green-300 font-medium rounded-lg px-5 py-2.5 me-2 mb-2 dark:text-slate-600 dark:focus:ring-green-900"> + <ScrollTextIcon/> Download CV + </a> </p> <p className="flex justify-center gap-4 my-8"> <a href="mailto:info@romanjaros.dev"><InfoIcon/></a> From 6246f0bef16c973c6b7acffa11d69765b141934e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Thu, 27 Feb 2025 20:44:36 +0000 Subject: [PATCH 7/8] Refactor and simplify component styles and text. --- src/app/components/AboutMe.tsx | 3 +-- src/app/components/Contact.tsx | 4 ++-- src/app/components/Title.tsx | 7 +------ 3 files changed, 4 insertions(+), 10 deletions(-) diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx index ad4db41..eb8984c 100644 --- a/src/app/components/AboutMe.tsx +++ b/src/app/components/AboutMe.tsx @@ -13,8 +13,7 @@ export const AboutMe = () => { <> <section className="leading-snug text-slate-500 dark:text-slate-400"> <p> - Hello, my name is Roman Jaroš. I am {age}. <span className="underline dark:text-white decoration-pink-500"> - {work} years working as software engineer.</span>{" "} + Hello, my name is Roman Jaroš. I am {age}. <b>{work} years working as software engineer.</b> I have been programming since I was 15 years old and still love to learn new technologies. Outside of the programming world, I maintain servers with around 80 docker containers. Outside of the IT world, I enjoy reading self improvement books, meditating, diff --git a/src/app/components/Contact.tsx b/src/app/components/Contact.tsx index 51fdecb..006fbe4 100644 --- a/src/app/components/Contact.tsx +++ b/src/app/components/Contact.tsx @@ -8,14 +8,14 @@ export const Contact = () => { <a type="button" href="mailto:sales@romanjaros.dev" - className="flex gap-2 focus:outline-none text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 font-medium rounded-lg px-5 py-2.5 me-2 mb-2 dark:text-slate-600 dark:focus:ring-yellow-900"> + className="flex gap-2 focus:outline-none font-medium rounded-lg px-5 py-2.5 me-2 mb-2 text-yellow-600 dark:bg-transparent"> <MailIcon/> Send e-mail </a> <a type="button" target="_blank" href="https://cloud.romanjaros.cz/s/HySLxskToRMxM6n" - className="flex gap-2 focus:outline-none text-white bg-green-400 hover:bg-green-500 focus:ring-4 focus:ring-green-300 font-medium rounded-lg px-5 py-2.5 me-2 mb-2 dark:text-slate-600 dark:focus:ring-green-900"> + className="flex gap-2 focus:outline-none font-medium rounded-lg px-5 py-2.5 me-2 mb-2 text-pink-600 dark:bg-transparent"> <ScrollTextIcon/> Download CV </a> </p> diff --git a/src/app/components/Title.tsx b/src/app/components/Title.tsx index c870007..bb5f51e 100644 --- a/src/app/components/Title.tsx +++ b/src/app/components/Title.tsx @@ -2,12 +2,7 @@ export const Title = () => { return ( <div className="flex justify-center text-4xl sm:text-6xl my-8 text-slate-400"> <h1> - <span><Just</span> - <span - className="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400"> - Roman {" "} - </span> - <span>/></span> + Roman </h1> </div> ) From 4830462f23191298b0e56dda1f05fa7c1d218639 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Roman=20Jaro=C5=A1?= <hello@romanjaros.dev> Date: Fri, 14 Mar 2025 09:34:05 +0000 Subject: [PATCH 8/8] Update text content and adjust English proficiency rating --- src/app/components/Contact.tsx | 6 +++--- src/app/components/Skills.tsx | 4 ++-- src/app/components/Title.tsx | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/components/Contact.tsx b/src/app/components/Contact.tsx index 006fbe4..8a5307c 100644 --- a/src/app/components/Contact.tsx +++ b/src/app/components/Contact.tsx @@ -1,4 +1,4 @@ -import {GithubIcon, InfoIcon, LinkedinIcon, MailIcon, ScrollTextIcon} from "lucide-react"; +import {GithubIcon, LinkedinIcon, MailIcon, ScrollTextIcon} from "lucide-react"; export const Contact = () => { return ( @@ -9,7 +9,7 @@ export const Contact = () => { type="button" href="mailto:sales@romanjaros.dev" className="flex gap-2 focus:outline-none font-medium rounded-lg px-5 py-2.5 me-2 mb-2 text-yellow-600 dark:bg-transparent"> - <MailIcon/> Send e-mail + <MailIcon/> Hire me </a> <a type="button" @@ -20,7 +20,7 @@ export const Contact = () => { </a> </p> <p className="flex justify-center gap-4 my-8"> - <a href="mailto:info@romanjaros.dev"><InfoIcon/></a> + <a href="mailto:hello@romanjaros.dev"><MailIcon/></a> <a target="_blank" href="http://linkedin.com/in/roman-jaroš-16a687139" diff --git a/src/app/components/Skills.tsx b/src/app/components/Skills.tsx index b2d4bc9..8bb5d7e 100644 --- a/src/app/components/Skills.tsx +++ b/src/app/components/Skills.tsx @@ -22,13 +22,13 @@ export const Skills: FC = () => { <StarIcon fill="#fde047" className="w-4 h-4 ms-1 text-yellow-300"/> </div> <div className="flex items-center my-2"> - <p className="mr-2 w-24 ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">English, B2</p> - <StarIcon fill="#fde047" className="w-4 h-4 ms-1 text-yellow-300"/> + <p className="mr-2 w-24 ms-1 text-sm font-medium text-gray-500 dark:text-gray-400">English, B1</p> <StarIcon fill="#fde047" className="w-4 h-4 ms-1 text-yellow-300"/> <StarIcon fill="#fde047" className="w-4 h-4 ms-1 text-yellow-300"/> <StarIcon fill="#fde047" className="w-4 h-4 ms-1 text-yellow-300"/> <StarIcon className="w-4 h-4 ms-1 text-gray-300 dark:text-gray-500"/> <StarIcon className="w-4 h-4 ms-1 text-gray-300 dark:text-gray-500"/> + <StarIcon className="w-4 h-4 ms-1 text-gray-300 dark:text-gray-500"/> </div> </section> <section> diff --git a/src/app/components/Title.tsx b/src/app/components/Title.tsx index bb5f51e..781f042 100644 --- a/src/app/components/Title.tsx +++ b/src/app/components/Title.tsx @@ -2,7 +2,7 @@ export const Title = () => { return ( <div className="flex justify-center text-4xl sm:text-6xl my-8 text-slate-400"> <h1> - Roman + Roman Jaroš </h1> </div> )