fix: renombrar imágenes a ASCII (sin acentos) para evitar 404
Bahía-aérea → maldonado-aerial Datacenter-racks-enorme → datacenter-racks Equipo-en-escritorio-con-mate → team-desk-mate Manos-escribiendo-teclado-café → hands-typing-coffee Monitor-closeup-grafana → monitor-grafana
Mauricio López Coria
|
Before Width: | Height: | Size: 262 KiB After Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 195 KiB After Width: | Height: | Size: 195 KiB |
|
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 144 KiB |
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 73 KiB |
|
Before Width: | Height: | Size: 179 KiB After Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 122 KiB |
@@ -12,9 +12,9 @@ interface Props {
|
||||
const { t } = Astro.props;
|
||||
|
||||
const items = [
|
||||
{ Icon: MateIcon, titleKey: 'diff.support.title' as TranslationKey, bodyKey: 'diff.support.body' as TranslationKey, photo: '/images/photos/Manos-escribiendo-teclado-café_1200x800' },
|
||||
{ Icon: MateIcon, titleKey: 'diff.support.title' as TranslationKey, bodyKey: 'diff.support.body' as TranslationKey, photo: '/images/photos/hands-typing-coffee-1200x800' },
|
||||
{ Icon: SovereigntyIcon, titleKey: 'diff.sovereignty.title' as TranslationKey, bodyKey: 'diff.sovereignty.body' as TranslationKey, photo: null },
|
||||
{ Icon: GlobeIcon, titleKey: 'diff.infra.title' as TranslationKey, bodyKey: 'diff.infra.body' as TranslationKey, photo: '/images/photos/Monitor-closeup-grafana-office_1920x1280' },
|
||||
{ Icon: GlobeIcon, titleKey: 'diff.infra.title' as TranslationKey, bodyKey: 'diff.infra.body' as TranslationKey, photo: '/images/photos/monitor-grafana-1920x1280' },
|
||||
];
|
||||
---
|
||||
<section class="py-24 md:py-32" style="background: var(--hds-bg-soft);" id="por-que-elegirnos">
|
||||
|
||||
@@ -23,9 +23,9 @@ const { t, whatsappUrl } = Astro.props;
|
||||
<!-- Background photo: Maldonado coastline (subtle) -->
|
||||
<div class="absolute inset-0 pointer-events-none" aria-hidden="true">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Bahía-aérea-atardecer-mar_1920x800.webp 1920w, /images/photos/Bahía-aérea-atardecer-mar_750.webp 750w" sizes="100vw" />
|
||||
<source type="image/webp" srcset="/images/photos/maldonado-aerial-1920x800.webp 1920w, /images/photos/maldonado-aerial-750.webp 750w" sizes="100vw" />
|
||||
<img
|
||||
src="/images/photos/Bahía-aérea-atardecer-mar_1920x800.jpg"
|
||||
src="/images/photos/maldonado-aerial-1920x800.jpg"
|
||||
alt=""
|
||||
width="1920" height="800"
|
||||
class="w-full h-full object-cover"
|
||||
|
||||
@@ -21,7 +21,7 @@ const steps = [
|
||||
<!-- Background photo: team working (very subtle, blurred) -->
|
||||
<div class="absolute inset-0 pointer-events-none" aria-hidden="true" style="opacity: 0.05; backdrop-filter: blur(4px);">
|
||||
<img
|
||||
src="/images/photos/Manos-escribiendo-teclado-café_1200x800.webp"
|
||||
src="/images/photos/hands-typing-coffee-1200x800.webp"
|
||||
alt=""
|
||||
class="w-full h-full object-cover"
|
||||
loading="lazy"
|
||||
|
||||
@@ -71,38 +71,38 @@ const whatsappUrl = 'https://wa.me/59899812487';
|
||||
<div class="photo-bento reveal">
|
||||
<figure class="photo-bento-item photo-bento-lg">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.webp" />
|
||||
<img src="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.jpg" alt="Team member working at desk with mate" width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/team-desk-mate-1920x1080.webp" />
|
||||
<img src="/images/photos/team-desk-mate-1920x1080.jpg" alt="Team member working at desk with mate" width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
<figcaption>Our desk, Maldonado</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Manos-escribiendo-teclado-café_1200x800.webp" />
|
||||
<img src="/images/photos/Manos-escribiendo-teclado-café_1200x800.jpg" alt="Hands typing on keyboard with coffee" width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/hands-typing-coffee-1200x800.webp" />
|
||||
<img src="/images/photos/hands-typing-coffee-1200x800.jpg" alt="Hands typing on keyboard with coffee" width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Monitor-closeup-grafana-office_1920x1280.webp" />
|
||||
<img src="/images/photos/Monitor-closeup-grafana-office_1920x1280.jpg" alt="Monitoring dashboard closeup" width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/monitor-grafana-1920x1280.webp" />
|
||||
<img src="/images/photos/monitor-grafana-1920x1280.jpg" alt="Monitoring dashboard closeup" width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item photo-bento-wide">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Bahía-aérea-atardecer-mar_1920x800.webp" />
|
||||
<img src="/images/photos/Bahía-aérea-atardecer-mar_1920x800.jpg" alt="Maldonado coastline at sunset" width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/maldonado-aerial-1920x800.webp" />
|
||||
<img src="/images/photos/maldonado-aerial-1920x800.jpg" alt="Maldonado coastline at sunset" width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
<figcaption>Maldonado, Uruguay — our home</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Datacenter-racks-enorme_1920x960.webp" />
|
||||
<img src="/images/photos/Datacenter-racks-enorme_1920x960.jpg" alt="Datacenter racks (provider infrastructure)" width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/datacenter-racks-1920x960.webp" />
|
||||
<img src="/images/photos/datacenter-racks-1920x960.jpg" alt="Datacenter racks (provider infrastructure)" width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
<figcaption>Provider infrastructure (CA, USA, DE)</figcaption>
|
||||
</figure>
|
||||
|
||||
@@ -71,38 +71,38 @@ const whatsappUrl = 'https://wa.me/59899812487';
|
||||
<div class="photo-bento reveal">
|
||||
<figure class="photo-bento-item photo-bento-lg">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.webp" />
|
||||
<img src="/images/photos/Equipo-en-escritorio-con-mate_1920x1080.jpg" alt={lang === 'en' ? 'Team member working at desk with mate' : 'Equipo trabajando en el escritorio con mate'} width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/team-desk-mate-1920x1080.webp" />
|
||||
<img src="/images/photos/team-desk-mate-1920x1080.jpg" alt={lang === 'en' ? 'Team member working at desk with mate' : 'Equipo trabajando en el escritorio con mate'} width="1920" height="1080" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
<figcaption>{lang === 'en' ? 'Our desk, Maldonado' : 'Nuestro escritorio, Maldonado'}</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Manos-escribiendo-teclado-café_1200x800.webp" />
|
||||
<img src="/images/photos/Manos-escribiendo-teclado-café_1200x800.jpg" alt={lang === 'en' ? 'Hands typing on keyboard with coffee' : 'Manos escribiendo en teclado con café'} width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/hands-typing-coffee-1200x800.webp" />
|
||||
<img src="/images/photos/hands-typing-coffee-1200x800.jpg" alt={lang === 'en' ? 'Hands typing on keyboard with coffee' : 'Manos escribiendo en teclado con café'} width="1200" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Monitor-closeup-grafana-office_1920x1280.webp" />
|
||||
<img src="/images/photos/Monitor-closeup-grafana-office_1920x1280.jpg" alt={lang === 'en' ? 'Monitoring dashboard closeup' : 'Dashboard de monitoreo'} width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/monitor-grafana-1920x1280.webp" />
|
||||
<img src="/images/photos/monitor-grafana-1920x1280.jpg" alt={lang === 'en' ? 'Monitoring dashboard closeup' : 'Dashboard de monitoreo'} width="1920" height="1280" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item photo-bento-wide">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Bahía-aérea-atardecer-mar_1920x800.webp" />
|
||||
<img src="/images/photos/Bahía-aérea-atardecer-mar_1920x800.jpg" alt={lang === 'en' ? 'Maldonado coastline at sunset' : 'Bahía de Maldonado al atardecer'} width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/maldonado-aerial-1920x800.webp" />
|
||||
<img src="/images/photos/maldonado-aerial-1920x800.jpg" alt={lang === 'en' ? 'Maldonado coastline at sunset' : 'Bahía de Maldonado al atardecer'} width="1920" height="800" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
<figcaption>{lang === 'en' ? 'Maldonado, Uruguay — our home' : 'Maldonado, Uruguay — nuestra casa'}</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="photo-bento-item">
|
||||
<picture>
|
||||
<source type="image/webp" srcset="/images/photos/Datacenter-racks-enorme_1920x960.webp" />
|
||||
<img src="/images/photos/Datacenter-racks-enorme_1920x960.jpg" alt={lang === 'en' ? 'Datacenter racks (provider infrastructure)' : 'Racks de datacenter (infraestructura de proveedores)'} width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
<source type="image/webp" srcset="/images/photos/datacenter-racks-1920x960.webp" />
|
||||
<img src="/images/photos/datacenter-racks-1920x960.jpg" alt={lang === 'en' ? 'Datacenter racks (provider infrastructure)' : 'Racks de datacenter (infraestructura de proveedores)'} width="1920" height="960" class="w-full h-full object-cover" loading="lazy" decoding="async" />
|
||||
</picture>
|
||||
<figcaption>{lang === 'en' ? 'Provider infrastructure (CA, USA, DE)' : 'Infraestructura de proveedores (CA, USA, DE)'}</figcaption>
|
||||
</figure>
|
||||
|
||||