20 Mar, 2026

Sam

Sam

Genera un prompt para Antigravity para la creación de código para página web sin frameworks externos, usando HTML5 + CSS moderno + JS vanilla + PHP 8.x

La estructura de la página principal es la siguiente:

1. Hero

2. Menú con secciones: Sobre mí, galerías, blog, contacto

3. Biografía breve: Periodista y fotógrafo con base en Ciudad Juárez, Chihuahua. Su obra documenta el encuentro entre movilidad urbana, migración y la identidad del barrio, construyendo una narrativa sobre la resistencia y la memoria colectiva.

Licenciado en Periodismo, combina la investigación con la estética de la fotografía de calle. Ha participado en exhibiciones colectivas como Pasos Urbanos III y Conexión Calle. Presentó su primera exposición individual, Entre el sol y la sombra (2025), en la Plaza Cervantina.

Actualmente desarrolla proyectos enfocados en la vida en la periferia y el transporte público, buscando dignificar la vida mínima y redefinir el archivo visual del norte de México.

4. Galería estilo masonry. Una foto por cada galería que haya disponible en el sitio.

5. Blog

6. Pie de página.

También debe generar un back end con las siguientes funciones:

1. Galerías: Agregar, modificar, borrar, poner título y descripción de las galerías; agregar, modificar, borrar, poner pie y descripción de las fotografías de las galerías.

2. Menú de blog: Agregar, modificar, borrar blog. Basarse en un formato de blog tradicional.

3. Editar página principal: Colores, tipografías, fuentes, información de cada sección, modificar disposición de los elementos.

Para empezar, Antigravity debe crear dos galerías de dos fotos cada una, por lo que, en la página principal, en la parte de la galería estilo masonry, deben acomodarse esas dos fotos correspondientes a cada una de las galerías. Las imágenes las puede generar con Nano banana, pero deben ser sobre Street photography realistas.

Como se van a crear dos galerías, cada una debe usar una página nueva, donde se muestren las fotos. La forma de interactuar con las fotos será mediante un clic a la derecha, así cambiará de foto, estilo carrusel.

← Volver al blog
Compartir: TW | FB | LK