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] 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>&lt;Just</span>
-				<span
-					className="text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400">
-					Roman {" "}
-				</span>
-				<span>/&gt;</span>
+				Roman
 			</h1>
 		</div>
 	)