/* Container Flipbook Utama */ .flipbook-wrapper { position: relative; width: 70%; max-width: 900px; height: 800px; margin: 20px auto; background: #0f172a; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 10px 25px rgba(0,0,0,0.3); font-family: sans-serif; } /* Toolbar Kontrol (Atas) */ .flipbook-toolbar { background: #1e293b; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.1); } .flipbook-toolbar button { background: #f59e0b; color: #0f172a; border: none; padding: 6px 14px; border-radius: 6px; font-weight: bold; cursor: pointer; transition: 0.2s; } .flipbook-toolbar button:hover { background: #d97706; } /* Area Buku 3D */ .flipbook-viewport { flex: 1; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } .flipbook-viewport canvas { width: 100%; height: 100%; display: block; } /* Mode Fullscreen */ .flipbook-wrapper:fullscreen { max-width: 100vw; height: 100vh; border-radius: 0; } ◀ Prev Next ▶ Majalah Kwarran Purwojati 2025 Full Screen ⛶ pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js'; const pdfUrl = 'https://purwojati.pramukabanyumas.or.id/wp-content/uploads/2026/09/Majalah-Kwarran-Purwojati-Edisi-Tahun-2025_compressed.pdf'; let pageFlipObj = null; async function loadPdfBook() { try { const pdf = await pdfjsLib.getDocument(pdfUrl).promise; const bookEl = document.getElementById('book'); for (let i = 1; i
Pramuka Purwojati Edukasi, Prestasi, Semangat Tanpa Henti!
