From 9eea14250c75237552959cd588b53f735ad5b03e Mon Sep 17 00:00:00 2001
From: mateonunez <mateonunez95@gmail.com>
Date: Mon, 25 Nov 2024 20:45:53 +0100
Subject: [PATCH] perf: more changes

Signed-off-by: mateonunez <mateonunez95@gmail.com>
---
 components/about/about.jsx        | 10 +++++-----
 components/about/about.module.css | 13 ++++---------
 components/hero/hero.jsx          |  2 +-
 components/hero/hero.module.css   |  2 +-
 public/site.webmanifest           |  2 +-
 5 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/components/about/about.jsx b/components/about/about.jsx
index d9793077..0827fb56 100644
--- a/components/about/about.jsx
+++ b/components/about/about.jsx
@@ -12,9 +12,9 @@ import cn from 'classnames';
 
 const goals = [
   { title: 'First Node.js contribution', progress: 100 },
-  { title: 'Work fully remote', progress: 90 },
+  { title: 'Work fully remote', progress: 100 },
+  { title: 'Make my first public talk', progress: 50 },
   { title: 'Learn Rust as I know JavaScript', progress: 40 },
-  { title: 'Make my first public talk', progress: 30 },
 ];
 
 const About = ({ ...props }) => {
@@ -42,7 +42,7 @@ const About = ({ ...props }) => {
               {/* Intro  */}
               <Fade direction="left" distance={150} delay={0.5} trigger={introRef}>
                 <div className={s.introInner} ref={introRef}>
-                  <span>I&apos;m a Senior Developer based in Milan 🤌</span>
+                  <span>I&apos;m a Software Engineer based in Milan 🤌</span>
                 </div>
               </Fade>
               {/* Profile */}
@@ -61,7 +61,7 @@ const About = ({ ...props }) => {
                       <div className={cn(s.profileQuote, 'text-right')}>”</div>
                     </div>
                     <div className="w-full">
-                      <p className="text-center font-bold text-amber-500 text-md">@mateonunez</p>
+                      <p className="font-bold text-center text-amber-500 text-md">@mateonunez</p>
                     </div>
                   </div>
                 </Fade>
@@ -106,7 +106,7 @@ const About = ({ ...props }) => {
                           <Link href="https://hlpy.co" passHref alt="hlpy" target="_blank" rel="noreferrer">
                             hlpy
                           </Link>{' '}
-                          as a Senior Developer.
+                          as a Software Engineer.
                         </span>
                       </div>
                       <div className={s.bio}>
diff --git a/components/about/about.module.css b/components/about/about.module.css
index 34bc363d..75611e35 100644
--- a/components/about/about.module.css
+++ b/components/about/about.module.css
@@ -1,9 +1,5 @@
 .root {
-  margin: auto 0 4rem;
-  display: flex;
-  flex-direction: column;
   font-size: 14px;
-  min-height: calc(100vh);
 }
 
 .title {
@@ -14,7 +10,7 @@
 }
 
 .intro {
-  margin: 2rem auto 0 auto;
+  /* margin: 2rem auto 0 auto; */
   width: 100%;
 }
 
@@ -32,9 +28,9 @@
 }
 
 .profileContainer {
-  width: 80%;
-  margin: 1rem auto 1rem auto;
+  /* margin: 1rem auto 1rem auto; */
   @apply rounded-lg shadow-lg;
+  padding: 2rem 0 2rem 0;
 }
 
 .profileInner {
@@ -48,8 +44,7 @@
 }
 
 .profileImage {
-  margin: 0 auto 1rem auto;
-  padding: 1rem 0 3rem 0;
+  margin: auto;
   overflow: hidden;
   @apply w-20 h-20 rounded-full shadow-lg;
 }
diff --git a/components/hero/hero.jsx b/components/hero/hero.jsx
index 0556f8c4..a235a1b0 100644
--- a/components/hero/hero.jsx
+++ b/components/hero/hero.jsx
@@ -45,7 +45,7 @@ export default function Hero({ article, ...props }) {
           {/* Last Article */}
           <div className={s.lastArticle}>
             <Fade>
-              <h2 className="subtitle text-center">
+              <h2 className="text-center subtitle">
                 <Link href="/blog" title="Blog" aria-label="Blog" rel="canonical">
                   From the Blog
                 </Link>
diff --git a/components/hero/hero.module.css b/components/hero/hero.module.css
index 66d725d1..bd2689cd 100644
--- a/components/hero/hero.module.css
+++ b/components/hero/hero.module.css
@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: column;
   font-size: 14px;
-  min-height: calc(100vh);
+  /* min-height: calc(100vh); */
 }
 
 .container {
diff --git a/public/site.webmanifest b/public/site.webmanifest
index 7eb1da0c..ef7ed8b7 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -6,7 +6,7 @@
   "start_url": "/",
   "name": "Mateo Nunez | ",
   "short_name": "Mateo Nunez",
-  "description": "Mateo Nunez | Senior Developer",
+  "description": "Mateo Nunez | Software Engineer",
   "icons": [
     {
       "src": "/icon-192x192.png",