Skip to content

Commit

Permalink
Merge pull request #147 from odracirdev/develop
Browse files Browse the repository at this point in the history
Corrección ortográfica y traducción
  • Loading branch information
felixicaza authored Jun 16, 2024
2 parents 96dfad2 + 13eac76 commit 44ca4fb
Show file tree
Hide file tree
Showing 13 changed files with 167 additions and 89 deletions.
5 changes: 3 additions & 2 deletions src/components/Footer.astro
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
---
import { t } from 'i18n:astro';
import IconAna from '../../public/svg/ana-logo.svg';
import Behance from '../../public/svg/behance.svg';
import Github from '../../public/svg/github.svg';
Expand All @@ -20,7 +21,7 @@ import Twitch from '../../public/svg/twitch.svg';
fetchpriority="low"
/>
<div class="social">
<p>Redes Sociales</p>
<p>{t('social_net')}</p>
<ul class="social-icons">
<li>
<a href="https://www.behance.net/rangelana1a2a6" target="_blank" rel="noopener norefer"
Expand Down Expand Up @@ -94,7 +95,7 @@ import Twitch from '../../public/svg/twitch.svg';
</div>
</div>
<div class="copyright">
<p>&copy; 2024 Proudly Powered by Ana Rangel</p>
<p set:html={t('copyright')} />
</div>
</footer>

Expand Down
1 change: 1 addition & 0 deletions src/components/LanguageToggle/LanguageToggle.astro
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ import { switchLocalePath } from 'i18n:astro';
width: 100%;
}
.action-language {
color: hsla(0, 0%, 100%, 0.6);
align-items: center;
background: transparent;
border: none;
Expand Down
20 changes: 18 additions & 2 deletions src/locales/en/common.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,22 @@
"navbar": ["Home", "Projects", "About me"],
"hero_title": "Hello! I'm Ana",
"hero_subtitle": "A <span class=\"highlighted-role\">UX Senior</span> with a Junior's soul",
"hero_contact_button": "Contact me",
"hero_download_cv": "Download CV"
"contact_button": "Contact me",
"hero_download_cv": "Download CV",
"project_ripley_title": "UX Designer for financial products in Chile and Peru",
"project_cencosud_title": "Product Designer for the group of supermarkets, Jumbo, Santa Isabel and Spid",
"project_cta": "See more about the project",
"contact_title": "Ready to bring your ideas to life?",
"contact_desc": "I can drive your project or be part of your team.",
"contributions_title": "Contributors",
"contributions_design": "Designers",
"contributions_dev": "Developers",
"profession_title": "Design, testing, leadership, <span class=\"prog\" data-label=\"in progress\">programming,</span> strategy",
"profession_desc": "In each project, my goal is to harmonize aesthetics, functionality and efficiency to deliver solutions that not only satisfy user needs, but also add value to the business.",
"profession_button": "Read more about me",
"study_case_title": "Case study",
"study_case_desc": "Project carried out with artificial intelligence to improve flight booking at LATAM Airlines, this is a proprietary project where UX design meets innovation for a faster and more personalized service.",
"thunder_desc": "It is my next design system, currently under creation, with a firm commitment to universal accessibility. It's not ready yet, but my goal is clear: to create an accessible and functional experience for different products.",
"social_net": "Social Networks",
"copyright": "&copy; 2024 Proudly powered by Ana Rangel."
}
20 changes: 18 additions & 2 deletions src/locales/es/common.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,22 @@
"navbar": ["Inicio", "Proyectos", "Sobre mí"],
"hero_title": "¡Hola! Soy Ana",
"hero_subtitle": "Una <span class=\"highlighted-role\">UX Senior</span> con alma de Junior",
"hero_contact_button": "Contáctame",
"hero_download_cv": "Descargar CV"
"contact_button": "Contáctame",
"hero_download_cv": "Descargar CV",
"project_ripley_title": "UX Designer para productos financieros de Chile y Perú",
"project_cencosud_title": "Product Designer para el grupo de supermercados, Jumbo, Santa Isabel y Spid",
"project_cta": "Mira más sobre el proyecto",
"contact_title": "¿Listo para dar vida a tus ideas?",
"contact_desc": "Puedo impulsar tu proyecto o formar parte de tu equipo.",
"contributions_title": "Quienes contribuyeron",
"contributions_design": "Diseñadores",
"contributions_dev": "Desarrolladores",
"profession_title": "Diseño, testeo, liderazgo,<span class=\"prog\" data-label=\"en progreso\"> programación,</span> estrategia",
"profession_desc": "En cada proyecto, mi objetivo es armonizar la estética, la funcionalidad y la eficiencia para entregar soluciones que no solo satisfacen necesidades del usuario, sino que haya un aporte de valor para el negocio.",
"profession_button": "Saber más de mi",
"study_case_title": "Caso de estudio",
"study_case_desc": "Proyecto realizado con inteligencia artificial para mejorar la reserva de vuelos en LATAM Airlines, este es un proyecto propio donde el diseño UX se encuentra con la innovación para un servicio más rápido y personalizado.",
"thunder_desc": "Es mi próximo sistema de diseño, actualmente en proceso de creación, con un compromiso firme hacia la accesibilidad universal. Aún no está listo, pero mi meta es clara: crear una experiencia accesible y funcional para distintos productos.",
"social_net": "Redes Sociales",
"copyright": "&copy; 2024 Orgullosamente impulsado por Ana Rangel."
}
16 changes: 8 additions & 8 deletions src/pages/_Sections/Contact/Contact.astro
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
import { Button, ButtonDownloadCv } from '@components';
import { t } from 'i18n:astro';
---

<section class="container">
<div class="contact">
<div class="content">
<h2 class="title">¿Listo para dar vida a tus ideas?</h2>
<p class="description">
Haz clic abajo para conversar conmigo o echa un vistazo a mi CV, para ver cómo puedo
impulsar tu proyecto o formar parte de tu equipo
</p>
<h2 class="title">{t('contact_title')}</h2>
<p class="description">{t('contact_desc')}</p>
</div>
<div class="actions">
<Button tag="anchor" href="https://calendly.com/rangelana1221/30min">Contáctame</Button>
<Button tag="anchor" href="https://calendly.com/rangelana1221/30min"
>{t('contact_button')}</Button
>
<ButtonDownloadCv id="btn-contact-download" />
</div>
</div>
Expand Down Expand Up @@ -48,9 +48,9 @@ import { Button, ButtonDownloadCv } from '@components';
}
.description {
font-family: Inter;
font-size: 32px;
font-size: 20px;
font-weight: 300;
line-height: 48px;
line-height: 1.5;
color: white;
}

Expand Down
108 changes: 62 additions & 46 deletions src/pages/_Sections/Contributors/Contributors.astro
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
---
import type { ImageMetadata } from 'astro';
import { Picture } from 'astro:assets';
import { t } from 'i18n:astro';
import designersData from './designers.json';
interface Designer {
Expand All @@ -24,45 +25,51 @@ const images = import.meta.glob<{ default: ImageMetadata }>('/src/img/avatars/*.
---

<section class="contributions">
<p class="contributions-title">Quienes han contribuido en el desarrollo y diseño</p>

<span class="contributions-subtitle">Diseño</span>
<div class="contributors">
{
dataDesigners.map((designer) => (
<a href={designer.html_url} target="_blank" class="contributor" title={designer.name}>
<Picture
class="contributors__img"
src={images[designer.avatar_url]()}
formats={['avif', 'webp']}
alt={`Avatar ${designer.name}`}
width={45}
height={45}
/>
</a>
))
}
</div>

<span class="contributions-subtitle">Desarrollo</span>
<div class="contributors">
{
dataDevs.map((contributor) => (
<a
href={contributor.html_url}
target="_blank"
class="contributor"
title={contributor.login}
>
<img
src={contributor.avatar_url}
alt={`Avatar ${contributor.login}`}
class="contributors__img"
/>
</a>
))
}
</div>
<p class="contributions-title">{t('contributions_title')}</p>

<article class="contributions-container">
<div class="contributions-container-roles">
<span class="contributions-subtitle">{t('contributions_design')}</span>
<div class="contributors">
{
dataDesigners.map((designer) => (
<a href={designer.html_url} target="_blank" class="contributor" title={designer.name}>
<Picture
class="contributors__img"
src={designer.avatar_url}
formats={['avif', 'webp']}
alt={`Avatar ${designer.name}`}
width={45}
height={45}
/>
</a>
))
}
</div>
</div>

<div class="contributions-container-roles">
<span class="contributions-subtitle">{t('contributions_dev')}</span>
<div class="contributors">
{
dataDevs.map((contributor) => (
<a
href={contributor.html_url}
target="_blank"
class="contributor"
title={contributor.login}
>
<img
src={contributor.avatar_url}
alt={`Avatar ${contributor.login}`}
class="contributors__img"
/>
</a>
))
}
</div>
</div>
</article>
</section>

<style lang="scss">
Expand All @@ -81,20 +88,27 @@ const images = import.meta.glob<{ default: ImageMetadata }>('/src/img/avatars/*.
color: white;
}

.contributions-container {
display: flex;
gap: 120px;
}

.contributions-container-roles {
display: flex;
flex-direction: column;
align-items: center;
}

.contributions-subtitle {
font-size: 24px;
font-weight: 500;
line-height: 14px;
text-align: left;
margin-bottom: 36px;
color: white;
}

.contributors {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
max-width: 1044px;
width: 100%;
margin-bottom: 24px;
Expand Down Expand Up @@ -148,9 +162,11 @@ const images = import.meta.glob<{ default: ImageMetadata }>('/src/img/avatars/*.
width: 90%;
margin: 0 auto;

.contributors {
width: calc(100% - 2rem);
margin-bottom: 32px;
.contributions-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}

.contributors-img {
Expand Down
2 changes: 1 addition & 1 deletion src/pages/_Sections/Hero/Hero.astro
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import { t } from 'i18n:astro';
<div class="btn-contanier">
<div class="btn-group">
<Button tag="anchor" href="https://calendly.com/rangelana1221/30min" isFullWidth>
{t('hero_contact_button')}
{t('contact_button')}
</Button>
<ButtonDownloadCv id="btn-hero-download" />
</div>
Expand Down
11 changes: 4 additions & 7 deletions src/pages/_Sections/Profession/Profession.astro
Original file line number Diff line number Diff line change
@@ -1,24 +1,21 @@
---
import { Button, IconCatalog } from '@components';
import { t } from 'i18n:astro';
---

<article>
<div class="container | even-columns">
<div class="title-container">
<h3>Diseño, testeo, liderazgo,<span> programación,</span> estrategia</h3>
<p class="text-content">
En cada proyecto, mi objetivo es armonizar la estética, la funcionalidad y la eficiencia
para entregar soluciones que no solo satisfacen necesidades del usuario, sino que haya un
aporte de valor que tiene para el negocio
</p>
<h3 set:html={t('profession_title')} />
<p class="text-content">{t('profession_desc')}</p>
<Button
invert
tag="anchor"
href="/about-me"
target="_self"
afterIcon={IconCatalog.arrowDownTray}
>
Saber más de mi
{t('profession_button')}
</Button>
</div>
<img class="svg-container" src="/svg/interface-description.svg" alt="" />
Expand Down
9 changes: 4 additions & 5 deletions src/pages/_Sections/StudyCases/StudyCases.astro
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
---
import { SimpleCard } from '@components';
import { t } from 'i18n:astro';
---

<div class="study-cases">
Expand All @@ -10,17 +11,15 @@ import { SimpleCard } from '@components';
alt="Latam airlines Logo"
width="285"
/>
<h3>Caso de estudio</h3>
<h3>{t('study_case_title')}</h3>
<p>
Proyecto realizado con inteligencia artificial para mejorar la reserva de vuelos con LATAM,
esto un proyecto propio donde el diseño UX se encuentra con la innovación para un servicio más
rápido y personalizado
{t('study_case_desc')}
</p>
<img class="logo-img" src="/svg/latam-airlines-1.svg" alt="Latam airlines Logo" />
</section>
<!-- TODO: arreglar que la imagen dentro del componente quede en la posicion correcta -->
<SimpleCard
cardText="Mira más sobre el proyecto"
cardText={t('project_cta')}
cardImage="/svg/latam-airlines.svg"
isInverted={true}
url="/latam-airlines"
Expand Down
8 changes: 5 additions & 3 deletions src/pages/_Sections/Thunder/Thunder.astro
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
---
import { t } from 'i18n:astro';
---

<article class="thunder-card">
<div class="container-thunder | even-columns">
<div class="thunder-description">
Expand All @@ -6,9 +10,7 @@
</div>
<div class="thunder-content">
<p class="thunder-text">
Es mi próximo sistema de diseño, actualmente en proceso de creación, con un compromiso
firme hacia la accesibilidad universal. Aún no está listo, pero mi meta es clara: crear
una experiencia accesible y funcional para distintos productos
{t('thunder_desc')}
</p>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/pages/about-me/_Sections/BasicInfo/BasicInfo.astro
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { CardWrapper, Tooltip } from '@components';
<div class="container">
<p class="intro-text">
No sólo tengo experiencia en empresas, me gusta contribuir en comunidades y compartir
conocimiento
conocimiento.
</p>

<div class="wrapper">
Expand All @@ -15,7 +15,7 @@ import { CardWrapper, Tooltip } from '@components';
<h3 class="card__title">Estudios</h3>
<p class="card__description">
Graduada en Publicidad y mercadeo, cursos de UX/UI, manejo de inteligencia artificial, y
programación
programación.
</p>
<img
class="gif"
Expand All @@ -32,7 +32,7 @@ import { CardWrapper, Tooltip } from '@components';
<p class="card__description">
He tenido el privilegio de compartir mis conocimientos en talleres y charlas sobre
trabajo en equipo y UX. Me apasiona conectar con la audiencia y fomentar el aprendizaje
colaborativo
colaborativo.
</p>
<div class="flex-group">
<Tooltip message="Nerdearla"
Expand Down
Loading

0 comments on commit 44ca4fb

Please sign in to comment.