Qué hace
- Mapa interactivo de América en puntos (datos geográficos reales). 5 lugares: Baja California Sur y la península (21 menciones), Patagonia (5), Uruguay (2), Escondido, California (1) y Buenos Aires (1). Tocas un punto y salen sus notas; los puntos de las notas que están a la vista laten.
- 3 tarjetas en el orden de tu especificación: país muy grande con barra de color → «Featured mention» → medio · ciudad · fecha → titular → resumen. Cada una cambia cada 4 s con 1.33 s de desfase (nunca las tres juntas), con fundido y leve desplazamiento. Rotan México, Argentina, Uruguay y Estados Unidos (10 notas destacadas) y las tres siempre muestran países distintos. Al cambiar no se mueve nada de la página.
- «There’s more to discover»: «Explore all coverage» abre el archivo de las 30 menciones ordenado por lugar y «See all 30 mentions» por año; también por medio. Solo cambia el orden: no hay filtros por país.
- Se pausa con el mouse encima, con el teclado y fuera de pantalla, y tiene botón «Pause the cards». Sin movimiento para quien lo tiene desactivado en su teléfono.
Cómo se ve
Lo que cambié de tu maqueta (por la biblioteca y por veracidad)
- Colores: el naranja, azul claro y amarillo de la maqueta no están en la paleta oficial. México va en dorado, Argentina en cromo, Uruguay en teal y Estados Unidos en navy. El título va todo en navy, como en tu maqueta (el dorado no se lee bien sobre la banda verde salvia de esa parte).
- «and beyond» y «30+»: en todas las menciones encontradas solo hay esos 4 países, así que «and beyond» no sería cierto. Y como el archivo tiene exactamente 30, dice «30 mentions» en todos lados (antes decía 30+ en un lugar y 30 en otro).
- Sin punto de «medios nacionales» de México: los 5 medios que parecían nacionales resultaron ser de Baja California Sur o de la península (SOS Rotativo, Tribuna de México, Noro, Baja Traveler), así que se cuentan en Baja California Sur.
- Resúmenes de las tarjetas: escritos después de leer cada nota. Los de Twister TV y TV Pública (videos en redes) solo repiten lo que dice su publicación.
Cómo se revisó
- 3 revisores independientes: PC (7 anchos), celular (4 anchos + girado) y un adversario que buscó datos falsos y trató de romperla.
- Encontraron y ya se corrigió: una nota de BCS contada en California, el punto de «medios nacionales», la ventanita que tapaba puntos o se salía de la pantalla, la etiqueta del punto pegada en el celular, áreas táctiles menores a 44 px, falta de botón de pausa, contraste del dorado, fechas de 624 Noticias y Baja Traveler, tiempos verbales de 3 resúmenes, la punta del pin 4 px corrida y detalles de tablet.
- Medido al final: sin errores, sin scroll horizontal y sin saltos de la página al rotar. Las 30 menciones están en el HTML, así que Google las lee sin JavaScript. Cada punto está a menos de 0.4 % de su lugar real.
- Falta: probar en un iPhone real que la ventanita se cierre al tocar fuera (en el simulador sí funciona).
Portada, franja de logos, menú y galería (28 sep, tarde)
- Perforaciones de película arriba y abajo de la portada; las dos corren mientras la portada está a la vista.
- Los logos en la primera pantalla, justo debajo de la portada y antes del menú: «Trusted by leading companies and institutions», y en PC y tablet, al lado: «National Geographic, Copa Airlines, Subaru México, Wahu and the Government of Baja California Sur are among the brands and institutions Adrián has worked with.»
- Velocidad de los logos: hoy en la página pública corren a ~57 px/s (no a 42, como decía el código: unos logos sin tamaño alteraban el cálculo); en la vista previa van a 66 px/s, un 15 % más.
- Menú (About · Projects · Press · Gallery · Contact · Work & prints) con línea arriba y abajo. «Collaborators» sale del menú porque la franja ya está arriba.
- Galería unida: sin el espacio de abajo, el crédito «All photos © Adrián De Antoni» a la derecha sobre el último cuadro, y la cinta de película pegada entre la galería y Contact.
Revisado por un revisor independiente: encontró la velocidad real de los logos, un error en la pausa de los carruseles de la página pública (ya corregido en vivo: se quedaban quietos al quitar el mouse), el salto de la fila de logos al cargar, la gaviota cortada en tablet, el crédito pegado a los botones y los teléfonos de poca altura. Todo corregido.
About alineado, historia a todo lo ancho y «Field notes» (29 sep, tarde)
- About: el título, el lema y el panel de cifras comparten el mismo contenedor. El título va a la derecha, con 430 px de ancho y el mismo borde derecho que el panel (medido: iguales en 6 tamaños de pantalla), unos 140 px abajo. Las cifras quedan al pie de la primera pantalla y «In the field» pasa debajo. En pantallas de PC bajas se reduce el aire de arriba para que todo quepa.
- His story: mismo ancho que los rectángulos de arriba, más transparente, y en PC en dos columnas, con la primera frase a todo lo ancho.
- Field notes (nueva, antes de Projects): cofirma What’s in Cabo × Adrián De Antoni con el logo horizontal compacto, como pide el kit oficial para alianzas. La textura «Corrientes entrelazadas» va al 12 %; #E8A24C solo en líneas y #B97F35 en los números grandes.
Portada con video, More coverage más corta y About transparente (29 sep)
- «Hero Video.mp4» como portada. El original: 4K, 30 fps, 79 s, 174 MB, con una pista de audio vacía. Para web: H.264 (lo decodifica por hardware cualquier equipo, así no se traba), 1080p a 5.9 Mbps para PC (59 MB) y 720p a 2.3 Mbps para celular y tablet (23 MB), sin audio y listo para empezar a reproducirse antes de bajar completo. Probé AV1: en las tomas de oleaje no ahorraba peso y en teléfonos sin decodificador de hardware puede trabarse.
- Sin frenar la página: lo primero que carga es el primer cuadro del video como imagen (33 KB). Es lo que mide Google y no hay saltos. El video se pide solo cuando la página ya terminó de cargar, entra con un fundido y se detiene fuera de pantalla o con la pestaña oculta. Con ahorro de datos, red 2G/3G o «reducir movimiento» se queda la imagen fija. Tiene botón «Pause video».
- Revisado: sin marcas de agua en ninguna de las 8 tomas; el servidor lo entrega por partes (206), con caché de un año.
- More coverage más corta: sin el panel «There’s more to discover». La frase y los dos botones van en una fila bajo las tarjetas, y la pausa arriba a la derecha.
- About con más transparencia: se ven bien las fotos de atrás; la sombra del texto sostiene la lectura.
About y Prensa (28 sep, noche)
- About cinematográfico: tus dos fotos nuevas a pantalla completa con fundido cada 10 s. Primero los logros: lema de explorador, «In the field» (ballenas desde el aire, crías de tortuga, aves, sierra-mar-desierto, una expedición por 4 países), 4 cifras que cuentan (10+ en Wahu · 7 premios · 60+ menciones en 4 países · 11 historias para Turismo de Los Cabos) y «From global media to field scientists» (medios, marcas, ciencia y conservación, gobiernos), cada una con su fuente. La bio va en un panel de vidrio centrado.
- Prensa: «Recognition journey» (2021 FEICCA · 2023 La Toba · 2025 FICCMa · 2026 Punta del Este en navy), «More milestones» y «View all recognition». Nunca rota solo; en celular, línea vertical con 2026 arriba.
- Crédito de la galería abajo a la derecha, dentro del último cuadro.
- Revisor independiente: encontró que el título tapaba la cara de Adrián, poco contraste sobre la foto, el arrastre de la línea de tiempo trabado y textos que las fuentes no sostenían del todo. Todo corregido: «co-directed» (no «executive-produced») en Selección Natural, los siete premios «as Adrián told Diario Jornada», «60+ mentions in the press and by public institutions», Prime Video solo como dónde se ve la serie de VICE TV, «1st La Toba Film Festival» y FICCMa en lugar de FIC La Paz (fuente débil).
Lo que decides tú
- ¿Publico todo así (More coverage, portada y logos, menú, galería, Prensa y About)? Son cuatro interruptores; el público lo ve al instante.
- ¿«30 mentions» o prefieres «30+» (hay 64 encontradas en total, pero en el archivo están 30)?
Vista previa privada con clave (sin índice ni caché). Evidencia completa de los revisores en el servidor de trabajo de Claude.