chore: remove profile pic and add text wrap to role

rxtsel · Nov 16, 2024 · 81a3cbc · 81a3cbc
1 parent 7c874c7
commit 81a3cbc
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 19 deletions.
diff --git a/public/profile-desktop.webp b/public/profile-desktop.webp
diff --git a/public/profile-mobile.webp b/public/profile-mobile.webp
diff --git a/src/components/AboutMe.astro b/src/components/AboutMe.astro
@@ -6,19 +6,8 @@ const t = useTranslations(lang)
 ---
 
 <section class='max-w-6xl mb-6 pt-8 lg:pt-32 mx-auto' id='about-me'>
-  <picture>
-    <source media='(max-width: 767px)' srcset='/profile-mobile.webp' />
-    <source media='(min-width: 768px)' srcset='/profile-desktop.webp' />
-    <img
-      src='/profile-mobile.webp'
-      width='64'
-      height='64'
-      alt='puede ser una foto de Cristhian Melo'
-      class='aspect-square lg:size-[80px] mb-3 rounded-full border border-cPaper shadow-md'
-    />
-  </picture>
   <h1 class='text-2xl font-semibold text-cWhite mb-3'>{t('hero.p1')}</h1>
-  <h2 class='text-cWhite leading-none mb-4'>
+  <h2 class='text-cWhite leading-none mb-4 text-balance'>
     {t('hero.p2')}
   </h2>
   <article class='text-cAccent max-w-3xl'>
@@ -27,10 +16,8 @@ const t = useTranslations(lang)
       {' '}
       <strong class='font-normal text-white'>{t('about.countries')}</strong>
     </p>
-    <p class='text-pretty my-3'>
-      {t('about.p3')}
-    </p>
-    <p class='text-pretty'>
+
+    <p class='text-pretty mt-2'>
       {t('about.p5')}
     </p>
   </article>

diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
@@ -37,8 +37,7 @@ export const ui = {
     'experiense.SoundAdvice':
       'Soluciones de desarrollo para la industria de la música utilizando tecnologías avanzadas. En mi rol, he mejorado la agilidad en el desarrollo implementando técnicas modernas, realizando diseños de bases de datos, análisis, diagramas UML y ERD, escribiendo documentación y actualizando proyectos obsoletos a nuevas tecnologías.',
 
-    'about.p2':
-      'Actualmente desempeño el rol de desarrollador fullstack. He trabajado cómo profesional independiente para empresas en',
+    'about.p2': 'He trabajado para empresas en',
     'about.countries':
       'Europa, Estados Unidos, Canadá, Colombia, Argentina y México.',
     'about.p3':

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -27,7 +27,7 @@ export async function getStaticPaths() {
   keywords={t('site.keywords')}
 >
   <Header />
-  <main class='w-full px-2 z-0'>
+  <main class='w-full px-4 z-0'>
     <AboutMe />
     <Projects />
     <Experience />