Prueba QA — blog completo con imágenes

Carlos de Torres on OBRA

<p>Este post es una prueba de QA para OBRA Blogs: texto largo, imágenes, citas, callouts y una rejilla de fotos. Si lo ves en el editor y en la URL pública, el pipeline editorial funciona de punta a punta.</p><p></p><section id="passage-01" data-heading="contexto"><h2 id="contexto">CONTEXTO</h2><p>Hace un año empecé un beat en Ableton sin pretensiones. Tres meses después la pista tenía vocales, un puente que no encajaba y un master que sonaba bien en auriculares y plano en el coche. Ese ciclo — idea, fricción, revisión — es el que quiero documentar aquí, no solo el resultado final.</p><p>OBRA trata el perfil como una obra en un museo. Este blog es la etiqueta de la pared: proceso, herramientas, decisiones. Nada de copy genérico: cada bloque del editor existe para contar una historia con ritmo visual.</p><figure class="obra-blog-image obra-blog-image--wide" data-type="image"><img src="https://picsum.photos/seed/obra-qa-studio/1200/800" alt="Estudio de prueba — luz lateral y mesa de mezcla" loading="lazy" decoding="async"><figcaption class="obra-blog-caption font-mono">Fig. 01 — Sesión de mezcla (imagen de prueba Picsum)</figcaption></figure></section><section id="passage-02" data-heading="proceso"><h2 id="proceso">PROCESO</h2></section><section id="passage-03" data-heading="en-tu-obra"><h2 id="en-tu-obra">EN TU OBRA</h2><p>Estos bloques enlazan con tu catálogo en OBRA: portada, título y CTA al perfil. En el editor usa @ para mencionar una canción o disco, o inserta un audio embed de tu biblioteca.</p><div class="obra-blog-release-card-wrap" data-type="audioEmbed"><a class="obra-blog-release-card obra-blog-release-card--embed obra-blog-release-card--track" href="/carlosdetorres/v2?project=1FwLhGnrorIp4yikpEZV" rel="noopener" data-provider="obra-track"><div class="obra-blog-release-card__cover"><img src="https://i.scdn.co/image/ab67616d0000b273bec843710fd119125caced43" alt="Soy Un Primo" loading="lazy" decoding="async"></div><div class="obra-blog-release-card__body"><div class="obra-blog-release-card__kind">▸ TRACK</div><div class="obra-blog-release-card__title">Soy Un Primo</div><div class="obra-blog-release-card__artist">Luichi Boy</div><div class="obra-blog-release-card__cta">ESCUCHAR EN OBRA →</div></div></a></div><div class="obra-blog-release-card-wrap" data-type="audioEmbed"><a class="obra-blog-release-card obra-blog-release-card--embed obra-blog-release-card--album" href="/carlosdetorres/v2?project=0K2RBqAMrJ7E6Gu4Lh4v" rel="noopener" data-provider="obra-album"><div class="obra-blog-release-card__cover"><img src="https://i.scdn.co/image/ab67616d0000b2732dbc922f3bb0ff6515023d90" alt="Ada" loading="lazy" decoding="async"></div><div class="obra-blog-release-card__body"><div class="obra-blog-release-card__kind">▸ ALBUM</div><div class="obra-blog-release-card__title">Ada</div><div class="obra-blog-release-card__artist">San Francisco</div><div class="obra-blog-release-card__cta">VER DISCO EN OBRA →</div></div></a></div><p>La maqueta nació con un sample de piano desafinado a propósito. Lo dejé dos semanas y volví con oídos frescos: el desafine pasó de defecto a carácter. Añadí percusión con caja seca y hi-hats grabados a mano, sin librería, para que el groove respirara.</p><blockquote class="obra-blog-quote obra-blog-quote--xl" data-type="quoteBlock"><span class="obra-blog-quote__text">Un blog de música no es un press release: es el diario de cómo suena la decisión antes de que exista el streaming link.</span><cite class="obra-blog-quote__attribution">Nota de prueba — OBRA Blogs QA</cite></blockquote><p>En la segunda versión recorté 40 segundos del puente. Dolería si no hubiera un motivo: el tema pedía llegar al estribillo antes. Esa tijera es la que más cuesta explicar en redes y la que mejor encaja en formato largo.</p><aside class="obra-blog-callout obra-blog-callout--note" data-type="calloutBlock"><strong class="obra-blog-callout__title">CALLOUT DE PRUEBA</strong><p>DAW: Ableton Live 12 · Monitores: NS-10 emulación · Export: -14 LUFS integrado. Bloque callout del editor brutalista.</p></aside><figure class="obra-blog-image obra-blog-image--default" data-type="image"><img src="https://picsum.photos/seed/obra-qa-desk/1200/800" alt="Detalle de teclado y controlador MIDI" loading="lazy" decoding="async"><figcaption class="obra-blog-caption font-mono">Fig. 02 — Detalle hardware (prueba)</figcaption></figure></section><section id="passage-04" data-heading="galeria"><h2 id="galeria">GALERÍA</h2><p>Tres tomas en rejilla para validar imageGrid y lazy-load en la página pública.</p><figure class="obra-blog-grid obra-blog-grid--cols-3 obra-blog-grid--default" data-type="imageGrid" data-aspect="square"><div class="obra-blog-grid__inner"><div class="obra-blog-grid__cell"><img src="https://picsum.photos/seed/obra-qa-grid-a/800/800" alt="Toma A — prueba" loading="lazy" decoding="async"></div><div class="obra-blog-grid__cell"><img src="https://picsum.photos/seed/obra-qa-grid-b/800/800" alt="Toma B — prueba" loading="lazy" decoding="async"></div><div class="obra-blog-grid__cell"><img src="https://picsum.photos/seed/obra-qa-grid-c/800/800" alt="Toma C — prueba" loading="lazy" decoding="async"></div></div></figure><hr class="obra-blog-divider obra-blog-divider--hairline" data-type="divider"></section><section id="passage-05" data-heading="cierre"><h2 id="cierre">CIERRE</h2><p>Si llegaste hasta aquí, el scroll depth y el tiempo de lectura deberían registrar analytics. Marca el post, comparte la URL y dime qué bloque se rompe en móvil — ese es el objetivo de esta semilla de QA.</p><p>Próximo paso real: sustituir estas imágenes de Picsum por fotos tuyas vía upload a Storage. Mientras tanto, esto basta para probar tipografía, espaciado, OG y RSS.</p></section>

Este post es una prueba de QA para OBRA Blogs: texto largo, imágenes, citas, callouts y una rejilla de fotos. Si lo ves en el editor y en la URL pública, el pipeline editorial funciona de punta a punta. CONTEXTO Hace un año empecé un beat en Ableton sin pretensiones. Tres meses después la pista tenía vocales, un puente que no encajaba y un master que sonaba bien en auriculares y plano en el coche. Ese ciclo — idea, fricción, revisión — es el que quiero documentar aquí, no solo el resultado final. OBRA trata el perfil como una obra en un museo. Este blog es la etiqueta de la pared: proceso, herramientas, decisiones. Nada de copy genérico: cada bloque del editor existe para contar una historia con ritmo visual. PROCESO EN TU OBRA Estos bloques enlazan con tu catálogo en OBRA: portada, título y CTA al perfil. En el editor usa @ para mencionar una canción o disco, o inserta un audio embed de tu biblioteca. La maqueta nació con un sample de piano desafinado a propósito. Lo dejé dos semanas y volví con oídos frescos: el desafine pasó de defecto a carácter. Añadí percusión con caja seca y hi-hats grabados a mano, sin librería, para que el groove respirara. En la segunda versión recorté 40 segundos del puente. Dolería si no hubiera un motivo: el tema pedía llegar al estribillo antes. Esa tijera es la que más cuesta explicar en redes y la que mejor encaja en formato largo. GALERÍA Tres tomas en rejilla para validar imageGrid y lazy-load en la página pública. CIERRE Si llegaste hasta aquí, el scroll depth y el tiempo de lectura deberían registrar analytics. Marca el post, comparte la URL y dime qué bloque se rompe en móvil — ese es el objetivo de esta semilla de QA. Próximo paso real: sustituir estas imágenes de Picsum por fotos tuyas vía upload a Storage. Mientras tanto, esto basta para probar tipografía, espaciado, OG y RSS.

Prueba QA — blog completo con imágenes

▸ All posts