✨ feat: add more text

Author: carlosjorger

src/components/Footer/Footer.astro

@@ -2,13 +2,21 @@
 import Contact from './Contact.astro';
 import Subtitle from '../shared/Subtitle.astro';
 import CustomLink from '../shared/CustomLink.astro';
+import CustomParagraph from '../shared/CustomParagraph.astro';
 ---
 
 <footer>
-	<div class="grid h-screen max-sm:h-[100dvh]">
+	<div class="m-1 grid h-screen max-sm:h-[100dvh]">
 		<div id="contact" class="flex flex-col justify-center">
-			<section class="z-0">
+			<section class="z-0 mt-8 w-1/2 p-2 max-sm:w-[90%]">
 				<Subtitle center>Contact</Subtitle>
+				<div class="reveal mx-0 my-3 text-center">
+					<CustomParagraph>
+						I'm always open for new job oportunities or asking any
+						question. You can reach me through the following social
+						networks:
+					</CustomParagraph>
+				</div>
 				<address class="reveal text-center">
 					<Contact
 						href="mailto:rodriguezcuelloc@gmail.com"
@@ -36,7 +44,7 @@ import CustomLink from '../shared/CustomLink.astro';
 		<div
 			class="flex flex-col justify-center font-lato text-[var(--default-font-color)]"
 		>
-			<p class="reveal mx-auto my-0 mb-12 text-center text-2xl">
+			<p class="reveal mx-auto my-0 mb-12 text-center text-3xl">
 				<strong class="inline italic">© 2022 Carlos Jorge</strong>
 				<br />
 				<span>

src/components/Presentation.astro

@@ -17,16 +17,18 @@ import CustomParagraph from './shared/CustomParagraph.astro';
 		</div>
 		<div class="reveal">
 			<h2
-				class="mx-0 my-3 animate-presentation-main-skill text-4xl text-[2.52rem] font-bold"
+				class="mx-0 my-3 animate-presentation-main-skill text-4xl text-[2.52rem] font-bold max-sm:mt-4"
 			>
 				Welcome to my personal portfolio!
 			</h2>
 		</div>
-		<div class="mx-0 my-3 animate-presentation-description break-words">
+		<div
+			class="mx-0 my-6 animate-presentation-description break-words max-sm:mt-7"
+		>
 			<CustomParagraph>
 				Cuban computer scientist from Havana University. Currently
 				working as full-stack engineer building .net and Vuejs
-				applications.
+				applications. I play with astro and rust in my free time
 			</CustomParagraph>
 		</div>
 	</div>

src/components/shared/Subtitle.astro

@@ -8,7 +8,7 @@ const { center = false, left = false, right = false } = Astro.props;
 ---
 
 <h2
-	class="reveal my-2 text-5xl text-[var(--default-font-color)]"
+	class="reveal my-2 text-5xl font-bold text-[var(--default-font-color)]"
 	class:list={[
 		{ 'text-left': left, 'text-center': center, 'text-right': right },
 	]}

src/styles/styles.css

@@ -17,7 +17,6 @@
 p {
 	color: var(--default-font-color);
 	font-family: var(--default-font-family);
-	max-width: 650px;
 	margin: 0.5em 0;
 }
 
@@ -100,10 +99,6 @@ a {
 		font-size: 15px;
 	}
 
-	p {
-		max-width: 330px;
-	}
-
 	section {
 		width: 80%;
 	}