Querido pueblo

Poema de Joaquín Martín Quirosa a su pueblo, Jayena.

Querido pueblo
 
Aquí estoy, otra vez sobre tus calles
y frente a mis recuerdos.
Mírame, regresando para escribirle a la nostalgia.

Querido pueblo,
ha pasado medio siglo, y ya, nada es igual.
Todo se desdibuja sobre un lienzo distinto.
Tus paredes repelen su blanca cal
y tus grandes rincones
ahora yacen sin vida, tan pequeños,
tan callados, tan dormidos.
Atrapados en el trance de su propio desvanecer.

Los rostros de la memoria ya no rondan tus aceras.
Ahora, son simples fantasmas de la existencia.

Las campanas de la iglesia no desprenden
aquel sonido que descendía por tus cuestas,
como un eco inmortal y enfurecido.
Ahora, suenan como un silencio acolchado
sobre un vacío nuevo.

Todo se deshace como una espuma efervescente
sobre la cuna del recuerdo.

Nos pasó la vida por encima,
nos pasó y no supimos contenerla.
Nos volvimos distantes, distraídos
y dependientes del tiempo.

Querido pueblo..., querido pueblo.
 
Por Joaquín Martín Quirosa.

{source}<!-- 🎯 CONFIGURACIÓN CLARA Y MODIFICABLE -->
<script>
const audioURL = "https://ia800704.us.archive.org/35/items/2025-05-10-querido-pueblo-joaquin-martin-q-jayena/2025-05-10-Querido-pueblo-Joaquin-Martin-Q-Jayena.mp3";

// 🟡 TÍTULO PERSONALIZADO (dejar "" para usar el nombre del archivo automáticamente) — tamaño fuente: 16px
const customTitle = "Jayena: Querido pueblo, por Joaquín M.Q.";

// 🔴 MENSAJE DE TEXTO DEBAJO DEL REPRODUCTOR — tamaño fuente: 15px
const mensajeComentario = "Comenta esta noticia, envía un audio al 628 669 460";

// ⏳ FECHA DE CADUCIDAD (formato AAAA-MM-DD) — dejar "" para mostrar siempre
const fechaLimiteMensaje = "2025-05-20";
</script>

<!-- 🎧 REPRODUCTOR CON DISEÑO RESPONSIVE Y MENSAJE CONTROLADO -->
<div style="max-width:460px;margin:1em auto;border-radius:12px;font-family:sans-serif;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.2);">
<div style="padding:1em;background:linear-gradient(135deg,#a00000,#d10000);color:white;">
<div style="font-weight:bold;font-size:20px;color:yellow;">Radio Alhama en Internet</div>
<div id="audio-title" style="font-size:16px;margin-bottom:0.5em;"></div>

<audio id="alhama-audio" preload="metadata">
<source id="audio-source" type="audio/mpeg">
</audio>

<div style="display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap;">
<button onclick="audio.play()" style="background:white;color:#a00000;border:none;border-radius:50%;width:28px;height:28px;font-size:1em;">▶</button>
<button onclick="audio.pause()" style="background:white;color:#a00000;border:none;border-radius:50%;width:28px;height:28px;font-size:1em;">❚❚</button>
<button onclick="audio.currentTime=0" style="background:white;color:#a00000;border:none;border-radius:50%;width:28px;height:28px;font-size:1em;">↻</button>
<span id="duration" style="font-size:14px;">0:00</span>
<input type="range" id="progress" value="0" step="1" min="0" style="flex:1;height:4px;accent-color:#c080ff;">
<span id="current" style="font-size:14px;">0:00</span>
</div>
</div>

<!-- 🔴 MENSAJE FINAL, SIN CORTES INNECESARIOS -->
<div id="comentario-audio" style="display:none;padding:0.6em 1em;background:white;color:red;font-size:15px;text-align:center;white-space:nowrap;overflow-x:auto;"></div>
</div>

<script>
const audio = document.getElementById('alhama-audio');
const source = document.getElementById('audio-source');
const title = document.getElementById('audio-title');
const current = document.getElementById('current');
const duration = document.getElementById('duration');
const progress = document.getElementById('progress');

// Cargar audio
source.src = audioURL;
audio.load();
const fallbackTitle = decodeURIComponent(audioURL.split('/').pop().replace('.mp3','')).replace(/[-_]/g,' ').replace(/\b\w/g,c=>c.toUpperCase());
title.textContent = customTitle || fallbackTitle;

// Formato de tiempo
function formatTime(s){const m=Math.floor(s/60),sec=Math.floor(s%60);return `${m}:${sec.toString().padStart(2,'0')}`}
audio.addEventListener('loadedmetadata', ()=>{progress.max=Math.floor(audio.duration);duration.textContent=formatTime(audio.duration)});
setTimeout(()=>{if(audio.duration && duration.textContent==="0:00"){progress.max=Math.floor(audio.duration);duration.textContent=formatTime(audio.duration)}},1500);
audio.addEventListener('timeupdate', ()=>{progress.value=Math.floor(audio.currentTime);current.textContent=formatTime(audio.currentTime)});
progress.addEventListener('input', ()=>{audio.currentTime=progress.value});

// Mostrar mensaje si corresponde
const msgBox = document.getElementById("comentario-audio");
const hoy = new Date(), limite = fechaLimiteMensaje ? new Date(fechaLimiteMensaje + "T23:59:59") : null;
if (mensajeComentario && (!limite || hoy <= limite)) {
msgBox.textContent = mensajeComentario;
msgBox.style.display = "block";
}
</script>{/source}