De Libros Pdf Google Drive | Blog

<footer> Blog de Libros · Inspirado por la literatura universal y la tecnología | Conecta con nuestra biblioteca en la nube Todos los enlaces son de demostración educativa usando IDs públicos de Google Drive (ejemplos simulados). </footer>

// ======================== // 5. FILTROS Y NAVEGACIÓN // ======================== function initFilters() const filterBtns = document.querySelectorAll('.filter-btn'); filterBtns.forEach(btn => btn.addEventListener('click', () => const filterValue = btn.getAttribute('data-filter'); if (!filterValue) return; activeFilter = filterValue; renderPosts(); // Actualizar clase activa filterBtns.forEach(b => b.classList.remove('active')); btn.classList.add('active'); ); );

.modal-body flex: 1; background: #eae3d8; Blog De Libros Pdf Google Drive

.post-excerpt color: #3c3a36; line-height: 1.5; margin-bottom: 1.2rem;

.modal-header display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; background: #1e3c2c; color: white; if (!pdfListEl) return

// ======================== // 2. LISTA DE PDFs para el sidebar (Google Drive) // Mismos datos que posts pero se muestran también como lista independiente. // ======================== function buildDrivePdfList() const pdfListEl = document.getElementById('drivePdfList'); if (!pdfListEl) return; pdfListEl.innerHTML = ''; blogPosts.forEach(post => const li = document.createElement('li'); li.className = 'pdf-item'; const driveUrl = `https://drive.google.com/file/d/$post.pdfDriveId/preview`; const link = document.createElement('a'); link.href = "#"; link.setAttribute('data-pdf-url', driveUrl); link.setAttribute('data-pdf-name', post.pdfFileName); link.innerHTML = ` $post.pdfFileName.replace(/_/g, ' ').replace('.pdf', '')`; link.addEventListener('click', (e) => e.preventDefault(); openPdfModal(driveUrl, post.pdfFileName); ); li.appendChild(link); pdfListEl.appendChild(li); );

.pdf-item background: #fef9f2; margin-bottom: 0.8rem; border-radius: 60px; transition: all 0.2s; border: 1px solid #f0e7dc; pdfListEl.innerHTML = ''

.filter-btn.active background: #2a5a3a; color: white; box-shadow: 0 2px 8px rgba(0,0,0,0.1);