From 4105d99f40962ccbb19e2dd8fe8de40a9d144b43 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 | 2 +-
 src/app/components/Contact.tsx | 4 ++--
 src/app/components/Title.tsx   | 7 +------
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/app/components/AboutMe.tsx b/src/app/components/AboutMe.tsx
index ad4db41..e7c39f8 100644
--- a/src/app/components/AboutMe.tsx
+++ b/src/app/components/AboutMe.tsx
@@ -13,7 +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">
+						Hello, my name is Roman Jaroš. I am {age}. <span className="text-white dark:text-white bg-pink-500 px-1">
 						{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.
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>
 	)