Preview PDF – Portofolio Prodi<\/title>\r\n <style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-color: #f5f5f5;\r\n }\r\n #pdf-container {\r\n width: 95%;\r\n max-width: 800px;\r\n margin: 10px auto;\r\n }\r\n .pdf-page {\r\n display: block;\r\n margin-bottom: 10px;\r\n border: 1px solid #ddd;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n height: auto;\r\n }\r\n #loading {\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #555;\r\n margin-top: 20px;\r\n }\r\n .visit-button {\r\n margin: 20px 0;\r\n text-align: center;\r\n }\r\n .visit-button a {\r\n display: inline-block;\r\n text-decoration: none !important;\r\n background-color: #ff5722;\r\n color: white !important;\r\n padding: 14px 28px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n border-radius: 8px;\r\n box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);\r\n transition: background-color 0.3s, transform 0.2s;\r\n }\r\n .visit-button a:hover {\r\n background-color: #e64a19;\r\n transform: scale(1.05);\r\n }\r\n @media (max-width: 768px) {\r\n .visit-button a {\r\n padding: 12px 24px;\r\n font-size: 16px;\r\n }\r\n #pdf-container {\r\n width: 100%;\r\n padding: 0 10px;\r\n }\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.14.305\/pdf.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div id=\"loading\">Memuat dokumen…<\/div>\r\n <div id=\"pdf-container\"><\/div>\r\n <div class=\"visit-button\">\r\n <a href=\"https:\/\/ikom.apmd.ac.id\" target=\"_blank\" rel=\"noopener\">Kunjungi Website<\/a>\r\n <\/div>\r\n\r\n <script>\r\n const url = 'https:\/\/stpmd.apmd.ac.id\/st\/wp-content\/uploads\/2025\/03\/PORTOFOLIO_PRODI_ILMU_KOMUNIKASI.pdf';\r\n const container = document.getElementById('pdf-container');\r\n const loadingText = document.getElementById('loading');\r\n let pdfInstance;\r\n\r\n async function loadPDF() {\r\n pdfInstance = await pdfjsLib.getDocument(url).promise;\r\n loadingText.style.display = 'none';\r\n renderAllPages();\r\n }\r\n\r\n async function renderAllPages() {\r\n container.innerHTML = ''; \r\n const screenWidth = window.innerWidth * 0.95;\r\n\r\n for (let pageNum = 1; pageNum <= pdfInstance.numPages; pageNum++) {\r\n const page = await pdfInstance.getPage(pageNum);\r\n const viewport = page.getViewport({ scale: screenWidth \/ page.getViewport({ scale: 1 }).width });\r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n canvas.height = viewport.height;\r\n canvas.width = viewport.width;\r\n canvas.classList.add('pdf-page');\r\n container.appendChild(canvas);\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n page.render({ canvasContext: context, viewport: viewport }).promise.then(() => {\r\n convertToWebP(canvas);\r\n });\r\n observer.unobserve(canvas);\r\n }\r\n });\r\n }, { rootMargin: \"100px\" });\r\n\r\n observer.observe(canvas);\r\n }\r\n }\r\n\r\n function convertToWebP(canvas) {\r\n const img = new Image();\r\n img.src = canvas.toDataURL('image\/webp', 0.8);\r\n img.classList.add('pdf-page');\r\n canvas.replaceWith(img);\r\n }\r\n\r\n window.addEventListener('resize', () => {\r\n if (pdfInstance) {\r\n renderAllPages();\r\n }\r\n });\r\n\r\n loadPDF().catch(error => {\r\n loadingText.innerText = \"Gagal memuat dokumen.\";\r\n console.error(\"Error loading PDF:\", error);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Preview PDF – Portofolio Prodi Memuat dokumen… Kunjungi Website<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-10395","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-07-02 12:50:55","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages\/10395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/comments?post=10395"}],"version-history":[{"count":1,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages\/10395\/revisions"}],"predecessor-version":[{"id":10769,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages\/10395\/revisions\/10769"}],"wp:attachment":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/media?parent=10395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10395,"date":"2025-03-11T22:25:39","date_gmt":"2025-03-11T15:25:39","guid":{"rendered":"https:\/\/stpmd.apmd.ac.id\/?page_id=10395"},"modified":"2025-06-01T19:45:07","modified_gmt":"2025-06-01T12:45:07","slug":"portofolio-program-studi-ilmu-komunikasi","status":"publish","type":"page","link":"https:\/\/stpmd.apmd.ac.id\/st\/portofolio-program-studi-ilmu-komunikasi\/","title":{"rendered":"Portofolio Program Studi Ilmu Komunikasi"},"content":{"rendered":"\r\n\r\n\r\n\r\n \r\n \r\n Preview PDF – Portofolio Prodi<\/title>\r\n <style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n height: 100%;\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n background-color: #f5f5f5;\r\n }\r\n #pdf-container {\r\n width: 95%;\r\n max-width: 800px;\r\n margin: 10px auto;\r\n }\r\n .pdf-page {\r\n display: block;\r\n margin-bottom: 10px;\r\n border: 1px solid #ddd;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);\r\n width: 100%;\r\n height: auto;\r\n }\r\n #loading {\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #555;\r\n margin-top: 20px;\r\n }\r\n .visit-button {\r\n margin: 20px 0;\r\n text-align: center;\r\n }\r\n .visit-button a {\r\n display: inline-block;\r\n text-decoration: none !important;\r\n background-color: #ff5722;\r\n color: white !important;\r\n padding: 14px 28px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n border-radius: 8px;\r\n box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);\r\n transition: background-color 0.3s, transform 0.2s;\r\n }\r\n .visit-button a:hover {\r\n background-color: #e64a19;\r\n transform: scale(1.05);\r\n }\r\n @media (max-width: 768px) {\r\n .visit-button a {\r\n padding: 12px 24px;\r\n font-size: 16px;\r\n }\r\n #pdf-container {\r\n width: 100%;\r\n padding: 0 10px;\r\n }\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.14.305\/pdf.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div id=\"loading\">Memuat dokumen…<\/div>\r\n <div id=\"pdf-container\"><\/div>\r\n <div class=\"visit-button\">\r\n <a href=\"https:\/\/ikom.apmd.ac.id\" target=\"_blank\" rel=\"noopener\">Kunjungi Website<\/a>\r\n <\/div>\r\n\r\n <script>\r\n const url = 'https:\/\/stpmd.apmd.ac.id\/st\/wp-content\/uploads\/2025\/03\/PORTOFOLIO_PRODI_ILMU_KOMUNIKASI.pdf';\r\n const container = document.getElementById('pdf-container');\r\n const loadingText = document.getElementById('loading');\r\n let pdfInstance;\r\n\r\n async function loadPDF() {\r\n pdfInstance = await pdfjsLib.getDocument(url).promise;\r\n loadingText.style.display = 'none';\r\n renderAllPages();\r\n }\r\n\r\n async function renderAllPages() {\r\n container.innerHTML = ''; \r\n const screenWidth = window.innerWidth * 0.95;\r\n\r\n for (let pageNum = 1; pageNum <= pdfInstance.numPages; pageNum++) {\r\n const page = await pdfInstance.getPage(pageNum);\r\n const viewport = page.getViewport({ scale: screenWidth \/ page.getViewport({ scale: 1 }).width });\r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n canvas.height = viewport.height;\r\n canvas.width = viewport.width;\r\n canvas.classList.add('pdf-page');\r\n container.appendChild(canvas);\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n page.render({ canvasContext: context, viewport: viewport }).promise.then(() => {\r\n convertToWebP(canvas);\r\n });\r\n observer.unobserve(canvas);\r\n }\r\n });\r\n }, { rootMargin: \"100px\" });\r\n\r\n observer.observe(canvas);\r\n }\r\n }\r\n\r\n function convertToWebP(canvas) {\r\n const img = new Image();\r\n img.src = canvas.toDataURL('image\/webp', 0.8);\r\n img.classList.add('pdf-page');\r\n canvas.replaceWith(img);\r\n }\r\n\r\n window.addEventListener('resize', () => {\r\n if (pdfInstance) {\r\n renderAllPages();\r\n }\r\n });\r\n\r\n loadPDF().catch(error => {\r\n loadingText.innerText = \"Gagal memuat dokumen.\";\r\n console.error(\"Error loading PDF:\", error);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n","protected":false},"excerpt":{"rendered":"<p>Preview PDF – Portofolio Prodi Memuat dokumen… Kunjungi Website<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-10395","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"2026-07-02 12:50:55","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages\/10395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/comments?post=10395"}],"version-history":[{"count":1,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages\/10395\/revisions"}],"predecessor-version":[{"id":10769,"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/pages\/10395\/revisions\/10769"}],"wp:attachment":[{"href":"https:\/\/stpmd.apmd.ac.id\/st\/wp-json\/wp\/v2\/media?parent=10395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}