🐞 fix: some bugs

Author: carlosjorger

src/components/Presentation.astro

@@ -24,8 +24,9 @@ import CustomParagraph from './shared/CustomParagraph.astro';
 		</div>
 		<div class="mx-0 my-3 animate-presentation-description break-words">
 			<CustomParagraph>
-				Cuban computer science from Havana University. Currently working
-				as full-stack engineer building .net and Vuejs applications.
+				Cuban computer scientist from Havana University. Currently
+				working as full-stack engineer building .net and Vuejs
+				applications.
 			</CustomParagraph>
 		</div>
 	</div>

src/components/Work/Project.astro

@@ -21,18 +21,20 @@ const { id, title, description, anchorLabel, githubLink, imageSrc, website } =
 	class="reveal my-2 flex w-full flex-col self-start rounded border-[0.1rem] border-solid border-[var(--default-secundary-font-color)] bg-[#322644] bg-cover bg-center bg-no-repeat font-lato shadow-lg shadow-black"
 >
 	<div
-		class="h-72 bg-[#5c497fc5] p-1 backdrop-brightness-[0.35] backdrop-grayscale transition-all duration-300 ease-in-out hover:bg-teal-600/0 hover:backdrop-grayscale-0 max-lg:h-80 max-md:h-64 max-sm:h-52 [&>*:first-child]:hover:scale-105"
+		class="h-72 bg-[#5c497fc5] p-1 backdrop-brightness-[0.2] backdrop-grayscale transition-all duration-300 ease-in-out hover:bg-teal-600/0 hover:backdrop-grayscale-0 max-lg:h-80 max-md:h-64 max-sm:h-52 [&>*:first-child]:hover:scale-110"
 	>
 		<section
-			class="m-0 flex h-full w-4/5 flex-col items-start justify-end px-8 py-10 transition-[transform] duration-300 max-sm:w-full max-sm:px-5 max-sm:py-7"
+			class="m-0 flex h-full w-5/6 flex-col items-start justify-end px-8 py-10 transition-[transform] duration-300 max-sm:w-full max-sm:px-5 max-sm:py-7"
 		>
 			<header
 				class="p-1 text-3xl font-extrabold text-teal-200 max-sm:text-[1.65rem]"
 			>
 				<h3 class="m-0">{title}</h3>
 			</header>
 			<div class="p-1 pb-0 text-xs text-[#99F9F9]">
-				<CustomParagraph>{description}</CustomParagraph>
+				<CustomParagraph textColor="text-slate-50">
+					{description}
+				</CustomParagraph>
 			</div>
 			<div class="flex flex-row self-start">
 				<a href={githubLink} aria-label={anchorLabel} class="h-7"

src/components/shared/CustomParagraph.astro

@@ -1,13 +1,12 @@
 ---
 export interface Props {
 	reveal?: boolean;
+	textColor?: string;
 }
-const { reveal = false } = Astro.props;
+const { reveal = false, textColor = 'text-[var(--default-font-color2)]' } =
+	Astro.props;
 ---
 
-<p
-	class:list={[{ reveal: reveal }]}
-	class="mb-2.5 text-lg text-[var(--default-font-color2)]"
->
+<p class:list={[{ reveal: reveal }, textColor]} class="] mb-2.5 text-lg">
 	<slot />
 </p>