Daftar Pelatihan 2025 & 2026<\/title>\r\n <style>\r\n *,*::before,*::after{box-sizing:border-box}\r\n html,body{height:100%;margin:0;padding:0;font-family:'Poppins',sans-serif;color:#1e293b}\r\n body{background:#f8fafc;overflow-x:hidden;position:relative}\r\n\r\n \/* ===== LATAR 3D NUANSA KEHUTANAN ===== *\/\r\n body::before{\r\n content:\"\";\r\n position:fixed;inset:0;\r\n background:\r\n radial-gradient(circle at 25% 25%, rgba(22,101,52,0.25) 0%, transparent 55%),\r\n radial-gradient(circle at 75% 75%, rgba(2,132,199,0.25) 0%, transparent 55%),\r\n linear-gradient(180deg, rgba(250,204,21,0.08), rgba(22,101,52,0.05));\r\n background-size:200% 200%;\r\n filter:blur(60px);\r\n z-index:0;\r\n animation:bgMove 18s ease-in-out infinite alternate;\r\n }\r\n @keyframes bgMove {\r\n 0% {background-position:0% 0%;}\r\n 100% {background-position:100% 100%;}\r\n }\r\n \r\n .page-content {\r\n background-image: url('https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/wp-content\/uploads\/2025\/11\/sample.jpg');\r\n background-size: cover\r\n }\r\n\r\n .particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}\r\n .leaf{\r\n position:absolute;\r\n width:12px;height:12px;\r\n background:radial-gradient(circle at center, #16a34a 0%, #065f46 100%);\r\n clip-path:polygon(50% 0%,90% 50%,50% 100%,10% 50%);\r\n opacity:0.4;\r\n animation:floatLeaf linear infinite;\r\n }\r\n @keyframes floatLeaf {\r\n 0%{transform:translateY(110vh) rotate(0deg);opacity:0}\r\n 30%{opacity:0.8}\r\n 100%{transform:translateY(-10vh) rotate(360deg);opacity:0}\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .page-header{text-align:center;position:relative;z-index:2;padding:56px 20px 8px}\r\n .page-header h1{\r\n font-size:2.4rem;font-weight:700;color:#14532d;margin:0;padding-bottom:10px;display:inline-block;\r\n }\r\n .page-header h1::after{\r\n content:\"\";display:block;height:3px;width:88px;margin:8px auto 0;\r\n background:linear-gradient(90deg,#15803d,#65a30d,#16a34a);\r\n border-radius:2px;\r\n }\r\n .year-tabs{display:flex;gap:14px;justify-content:center;margin-top:18px}\r\n .year-btn{\r\n background:#e6f4ea;border:0;padding:10px 18px;border-radius:999px;\r\n cursor:pointer;font-weight:600;color:#166534;transition:.25s;\r\n }\r\n .year-btn.active{\r\n background:linear-gradient(90deg,#15803d,#16a34a);\r\n color:#fff;box-shadow:0 6px 18px rgba(22,101,52,.25);\r\n }\r\n\r\n \/* ===== CARD GRID ===== *\/\r\n .training-container{\r\n position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;\r\n gap:20px;padding:40px 18px 80px;max-width:1200px;margin:0 auto; position: relative; border-radius: 10px;\r\n }\r\n \r\n \/* Garis pojok kiri atas dan kanan atas *\/\r\n.training-container::before,\r\n.training-container::after,\r\n.training-container span::before,\r\n.training-container span::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 25px;\r\n height: 25px;\r\n border: 2px solid #008000;\r\n}\r\n\r\n\/* Kiri Atas *\/\r\n.training-container::before {\r\n top: 0;\r\n left: 0;\r\n border-right: none;\r\n border-bottom: none;\r\n}\r\n\r\n\/* Kanan Atas *\/\r\n.training-container::after {\r\n top: 0;\r\n right: 0;\r\n border-left: none;\r\n border-bottom: none;\r\n}\r\n\r\n\/* Kiri Bawah *\/\r\n.training-container span::before {\r\n bottom: 0;\r\n left: 0;\r\n border-top: none;\r\n border-right: none;\r\n}\r\n\r\n\/* Kanan Bawah *\/\r\n.training-container span::after {\r\n bottom: 0;\r\n right: 0;\r\n border-top: none;\r\n border-left: none;\r\n}\r\n .training-card{\r\n width:32%;\r\n background:rgba(255,255,255,0.92);\r\n backdrop-filter:blur(8px);\r\n border-radius:14px;\r\n border:1.4px solid rgba(22,101,52,0.15);\r\n padding:22px 18px;\r\n text-decoration:none;color:inherit;\r\n box-shadow:0 8px 26px rgba(12,30,60,0.08);\r\n transition:transform .3s ease,box-shadow .3s ease,border-color .3s;\r\n display:flex;flex-direction:column;gap:8px;text-align:center;\r\n }\r\n .training-card:hover{\r\n transform:translateY(-8px) scale(1.02);\r\n box-shadow:0 18px 40px rgba(22,101,52,0.18);\r\n border-color:#16a34a;\r\n }\r\n .training-card h3{font-size:1.05rem;margin:0;color:#14532d;font-weight:700}\r\n .training-card p{margin:0;font-size:0.9rem;color:#334155}\r\n .btn-detail{\r\n background:#16a34a;color:#fff;border:none;padding:8px 14px;border-radius:8px;\r\n font-weight:600;cursor:pointer;transition:background .3s;\r\n }\r\n .btn-detail:hover{background:#15803d;}\r\n\r\n\r\n @media (max-width:980px){.training-card{width:44%}}\r\n @media (max-width:640px){.training-card{width:92%}.page-header h1{font-size:1.6rem}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <div class=\"page-header\">\r\n <h1>pelatihan sesuai bidang keahlian<\/h1>\r\n\r\n <div class=\"year-tabs\">\r\n <button class=\"year-btn active\" id=\"btnPDASRH\">PDASRH<\/button>\r\n <button class=\"year-btn\" id=\"btnAdministrasi\">Administrasi<\/button>\r\n <button class=\"year-btn\" id=\"btnPlanologi\">Planologi<\/button>\r\n <button class=\"year-btn\" id=\"btnKSDAE\">KSDAE<\/button>\r\n <button class=\"year-btn\" id=\"btnPHL\">PHL<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <main class=\"training-container\" id=\"trainingContainer\">\r\n <span><\/span>\r\n <\/main>\r\n \r\n \r\n <div style=\"text-align:center; margin-bottom:60px;\">\r\n <button id=\"prevPage\" class=\"year-btn\">\u2b05\ufe0f Sebelumnya<\/button>\r\n <span id=\"pageInfo\" class=\"year-btn\" style=\"margin:0 10px; font-weight:600;\"><\/span>\r\n <button id=\"nextPage\" class=\"year-btn\">Berikutnya \u27a1\ufe0f<\/button>\r\n <\/div>\r\n\r\n <script>\r\n const dataPelatihan = {\r\n PDASRH: [\r\n { title: \"Pelatihan Penilaian Sumber Benih Tanaman Hutan\", bidang: \"PDASRH\", jpl: \"56 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1M4AG0JHEDMD-NNnxcLcslsaIdMULbfb0\/view\" },\r\n { title: \"Pelatihan Budidaya Tanaman di Bawah Tegakan\", bidang: \"PDASRH\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1rNzozHLqu4ViskWl9HDbNtNTC5wj_V0X\/view\" },\r\n { title: \"Pelatihan Teknik Agroforestri\", bidang: \"PDASRH\", jpl: \"35 JPL\", waktu: \"4 Hari5\", link: \"https:\/\/drive.google.com\/file\/d\/1OPq4uw1bVPDobghi1FDU4LqBhphBaxlO\/view\" },\r\n { title: \"Pelatihan Pembibitan Vegetatif\", bidang: \"PDASRH\", jpl: \"30 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1BsyFzGSpW1DkR_2PokwZfcDklzvlCKmt\/view\" },\r\n { title: \"Teknik Budidaya Aren\", bidang: \"PDASRH\", jpl: \"24 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1cZkgxXGY5fPCDxLKC41utG9ufnwKSjJw\/view\" },\r\n { title: \"Pelatihan Penilai Mutu Bibit Tanaman Hutan\", bidang: \"PDASRH\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1qrH1htXwug8lihEwq9qL8Ky391mdkjVo\/view\" },\r\n { title: \"Pelatihan Pengujian Mutu Benih Tanaman Hutan\", bidang: \"PDASRH\", jpl: \"56 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/10O6ThZOE7f_35IU71lLBEdZ6rVk-mf2d\/view\" }\r\n ],\r\n Administrasi: [\r\n { title: \"Pelatihan Perhitungan Karbon Hutan dan Penyusunan Dokumen Aksi Mitigasi\", bidang: \"Administrasi\", jpl: \"56 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1ktYMUbJIOg9BRUC1kL37JJU6LolgcT0o\/view\" },\r\n { title: \"Pelatihan Pelatihan Pengelolaan, Analisis Data dan Pelaporan\", bidang: \"Administrasi\", jpl: \"52 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/15aU3ii7yGqvi1w5i9jc3Yt2fi0uI2iFp\/view\" },\r\n ],\r\n Planologi: [\r\n { title: \"Pelatihan Penggunaan Drone untuk Pemetaan\", bidang: \"Planologi\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1XUVCK_NuCjN8zUpbg3FrptF_nSAlQ3MH\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Bidang Perencanaan Hutan\", bidang: \"Planologi\", jpl: \"202 JPL\", waktu: \"30 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1AZ3v0cRZUIYRA3d92Hx0l-0mb2g0iJVT\/view\" },\r\n { title: \"Pelatihan Aplikasi GNSS Untuk Survei dan Pemetaan\", bidang: \"Planologi\", jpl: \"35 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1OUkxUs4_EM3XFZsttNp2GBg4sUbuOf4d\/view\" },\r\n { title: \"Pelatihan SIG Ponsel\", bidang: \"Planologi\", jpl: \"35 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1ogd3BvYX0zD9czaPylG0Ehsmolme507-\/view\" },\r\n { title: \"Pelatihan Teknik Pemetaan Pohon\", bidang: \"Planologi\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1FAJ-LRxQFuZLzv0Owyr3bKw17KbBXWz_\/view\" },\r\n { title: \"Pelatihan Pengukuran dan Pemetaan Batas Kawasan Hutan\", bidang: \"Planologi\", jpl: \"60 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1LQHOED-PU-NLpa89mLRnY7VHjSLNy8pc\/view\" },\r\n { title: \"Pelatihan Penandaan Batas dan Pembuatan Andil Garapan Pada Areal Persetujuan Pengelolaan Perhutanan Sosial\", bidang: \"Planologi\", jpl: \"35 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1Ko_SEneZuKG_SS3VnzYdd93fZaPkVvxW\/view\" },\r\n \r\n ],\r\n KSDAE: [\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community patrol)\", bidang: \"KSDAE\", jpl: \"50 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1EGzo1vfgnqhSeIuuWp4_bTyhVbCTF9nL\/view\" },\r\n { title: \"Pelatihan Pengendalian Kebakaran Hutan dan Lahan Bagi Manggala Agni(Fire Crew 1)\", bidang: \"KSDAE\", jpl: \"60 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1CHghNCK46PqxAEA_5IWWHLc0UzKHHQAg\/view\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam\", bidang: \"KSDAE\", jpl: \"52 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1pcJpfax8TkVBdnyNZZj2LTe1nLFWVN0C\/view\" },\r\n { title: \"Pelatihan Pemanfaatan Wisata Alam\", bidang: \"KSDAE\", jpl: \"36 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/18qgKJUzgAPRgP-oGqE8vQEI4NWsNb0di\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Produksi Lestari Perencana Wisata Alam\", bidang: \"KSDAE\", jpl: \"86 JPL\", waktu: \"9 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1_b_8c8d2K7LdevEjPXYkGrAMG2OoU0h4\/view\" },\r\n { title: \"Pelatihan Interpretasi Wisata Alam\", bidang: \"KSDAE\", jpl: \"30 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1oWAdDDLS2DrvTPaIXjzzBm1AdCRdJFS_\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelola Hutan (GANISPH) Pemandu Wisata Alam\", bidang: \"KSDAE\", jpl: \"78 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1xM1l5_ir-2Zr3lHuDgXnZ5P-Fvml6DW6\/view\" },\r\n { title: \"Pelatihan Satuan Pengamanan Kehutanan dalam Perlindungan dan Pengamanan Hutan\", bidang: \"KSDAE\", jpl: \"72 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1WDrC32Y49gViPFdBOXuGT7EzDJgJS3US\/view?usp=drive_open\" },\r\n { title: \"Pelatihan Perlindungan dan pengamanan Hutan Bagi Polisi Kehutanan\", bidang: \"KSDAE\", jpl: \"98 JPL\", waktu: \"10 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1u6dWbCXsS5TqT8w0UbucQW4gWBCL9blm\/view\" },\r\n ],\r\n PHL: [\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Produksi Lestari Pengujian Kayu Bulat\", bidang: \"PHL\", jpl: \"134 JPL\", waktu: \"20 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1naoiCXvRv2KeFKtMj3NmilyM_ph1t9Zf\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Produksi Lestari Pemanfaatan HHBK Kelompok Getah\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1j7dv8_U4UL7K48-aij8buw-BL1mDpKIB\/view\" },\r\n { title: \"Pelatihan Manajemen Pemasaran\", bidang: \"PHL\", jpl: \"48 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1Qsp-MYJbYzmxaGwuXCropHYWaysKARFy\/view\" },\r\n { title: \"Pelatihan Pemasaran Multi Usaha Kehutanan\", bidang: \"PHL\", jpl: \"40 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1CfzNMkEqvBFtz7na58YC1Xp1gmpECjFR\/view?pli=1\" },\r\n { title: \"Pelatihan Teknik Pengolahan Bambu\", bidang: \"PHL\", jpl: \"30 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1MYUYKseJI28tGPAFiG6QFCrWpBdmdtS8\/view\" },\r\n { title: \"Pelatihan Pembuatan Cuka Kayu\/Asap Cair dan Briket Arang\", bidang: \"PHL\", jpl: \"32 JPL\", waktu: \"3 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1GbPNbAEBcFQQmGyhM7vYjfNrDkMpdpQl\/view\" },\r\n { title: \"Pelatihan Digital Marketing\", bidang: \"PHL\", jpl: \"50 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1YiSQcRcSjNCOckiZd23YT7PYO0tjPKR-\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Minyak\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1lvboZFCgAZCE09ZobXa1pt06lOr4ZkzM\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Batang\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1wD_piiVq5SXEom8H2_DH7bmHqMGK0rfn\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Kulit\", bidang: \"PHL\", jpl: \"57 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/10MakHkKeycAld2Sdj-EyWSSsZ1vL7AjR\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Resin\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1XDFm8utUxQWIuhluCQo6QT3XUPoodQCw\/view\" },\r\n ]\r\n };\r\n\r\n const container = document.getElementById('trainingContainer');\r\n const prevBtn = document.getElementById('prevPage');\r\n const nextBtn = document.getElementById('nextPage');\r\n const pageInfo = document.getElementById('pageInfo');\r\n\r\n let currentYear = 2025;\r\n let currentPage = 1;\r\n const perPage = 6;\r\n\r\n function renderPelatihan(year, page = 1) {\r\n container.innerHTML = '';\r\n currentYear = year;\r\n currentPage = page;\r\n\r\n const data = dataPelatihan[year];\r\n const totalPages = Math.ceil(data.length \/ perPage);\r\n const start = (page - 1) * perPage;\r\n const end = start + perPage;\r\n\r\n const slice = data.slice(start, end);\r\n slice.forEach(t => {\r\n const a = document.createElement('a');\r\n a.className = 'training-card';\r\n\r\n if (t.status === 'Belum dilaksanakan') {\r\n a.href = '#';\r\n a.style.pointerEvents = 'none';\r\n a.style.opacity = '0.95';\r\n } else {\r\n a.href = t.link;\r\n a.target = '_blank';\r\n }\r\n\r\n a.innerHTML = `\r\n <h3>${t.title}<\/h3>\r\n <p><strong>Bidang:<\/strong> ${t.bidang}<\/p>\r\n <p><strong>Jumlah JPL:<\/strong> ${t.jpl}<\/p>\r\n <p><strong>Waktu Pelaksanaan:<\/strong> ${t.waktu}<\/p>\r\n <a href=\"${t.link}\" target=\"_blank\"><button class=\"btn-detail\">Selengkapnya<\/button><\/a>\r\n `;\r\n container.appendChild(a);\r\n });\r\n\r\n \/\/ update tombol & info halaman\r\n pageInfo.textContent = `Halaman ${page} dari ${totalPages}`;\r\n prevBtn.disabled = page === 1;\r\n nextBtn.disabled = page === totalPages;\r\n }\r\n\r\n \/\/ Event tombol tahun\r\n document.getElementById('btnPDASRH').addEventListener('click', () => {\r\n setActive('PDASRH');\r\n renderPelatihan('PDASRH', 1);\r\n });\r\n document.getElementById('btnAdministrasi').addEventListener('click', () => {\r\n setActive('Administrasi');\r\n renderPelatihan('Administrasi', 1);\r\n });\r\n document.getElementById('btnPlanologi').addEventListener('click', () => {\r\n setActive('Planologi');\r\n renderPelatihan('Planologi', 1);\r\n });\r\n document.getElementById('btnKSDAE').addEventListener('click', () => {\r\n setActive('KSDAE');\r\n renderPelatihan('KSDAE', 1);\r\n });\r\n document.getElementById('btnPHL').addEventListener('click', () => {\r\n setActive('PHL');\r\n renderPelatihan('PHL', 1);\r\n });\r\n\r\n \/\/ Event pagination\r\n prevBtn.addEventListener('click', () => {\r\n if (currentPage > 1) renderPelatihan(currentYear, currentPage - 1);\r\n });\r\n nextBtn.addEventListener('click', () => {\r\n const totalPages = Math.ceil(dataPelatihan[currentYear].length \/ perPage);\r\n if (currentPage < totalPages) renderPelatihan(currentYear, currentPage + 1);\r\n });\r\n\r\n function setActive(y) {\r\n document.querySelectorAll('.year-btn').forEach(b => b.classList.remove('active'));\r\n document.getElementById('btn' + y).classList.add('active');\r\n }\r\n\r\n \/\/ Inisialisasi tampilan awal\r\n setActive('PDASRH');\r\n renderPelatihan('PDASRH', 1);\r\n\r\n \/\/ Partikel daun tetap sama\r\n const p = document.getElementById('particles');\r\n for (let i = 0; i < 30; i++) {\r\n const leaf = document.createElement('div');\r\n leaf.className = 'leaf';\r\n leaf.style.left = Math.random() * 100 + '%';\r\n leaf.style.animationDuration = (8 + Math.random() * 10) + 's';\r\n leaf.style.animationDelay = (Math.random() * 5) + 's';\r\n leaf.style.opacity = 0.3 + Math.random() * 0.7;\r\n leaf.style.width = leaf.style.height = (6 + Math.random() * 12) + 'px';\r\n p.appendChild(leaf);\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Daftar Pelatihan 2025 & 2026 pelatihan sesuai bidang keahlian PDASRH Administrasi Planologi KSDAE PHL \u2b05\ufe0f Sebelumnya Berikutnya \u27a1\ufe0f<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-2420","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=2420"}],"version-history":[{"count":58,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2420\/revisions"}],"predecessor-version":[{"id":3190,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2420\/revisions\/3190"}],"wp:attachment":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=2420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Daftar Pelatihan 2025 & 2026<\/title>\r\n <style>\r\n *,*::before,*::after{box-sizing:border-box}\r\n html,body{height:100%;margin:0;padding:0;font-family:'Poppins',sans-serif;color:#1e293b}\r\n body{background:#f8fafc;overflow-x:hidden;position:relative}\r\n\r\n \/* ===== LATAR 3D NUANSA KEHUTANAN ===== *\/\r\n body::before{\r\n content:\"\";\r\n position:fixed;inset:0;\r\n background:\r\n radial-gradient(circle at 25% 25%, rgba(22,101,52,0.25) 0%, transparent 55%),\r\n radial-gradient(circle at 75% 75%, rgba(2,132,199,0.25) 0%, transparent 55%),\r\n linear-gradient(180deg, rgba(250,204,21,0.08), rgba(22,101,52,0.05));\r\n background-size:200% 200%;\r\n filter:blur(60px);\r\n z-index:0;\r\n animation:bgMove 18s ease-in-out infinite alternate;\r\n }\r\n @keyframes bgMove {\r\n 0% {background-position:0% 0%;}\r\n 100% {background-position:100% 100%;}\r\n }\r\n \r\n .page-content {\r\n background-image: url('https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/wp-content\/uploads\/2025\/11\/sample.jpg');\r\n background-size: cover\r\n }\r\n\r\n .particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}\r\n .leaf{\r\n position:absolute;\r\n width:12px;height:12px;\r\n background:radial-gradient(circle at center, #16a34a 0%, #065f46 100%);\r\n clip-path:polygon(50% 0%,90% 50%,50% 100%,10% 50%);\r\n opacity:0.4;\r\n animation:floatLeaf linear infinite;\r\n }\r\n @keyframes floatLeaf {\r\n 0%{transform:translateY(110vh) rotate(0deg);opacity:0}\r\n 30%{opacity:0.8}\r\n 100%{transform:translateY(-10vh) rotate(360deg);opacity:0}\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .page-header{text-align:center;position:relative;z-index:2;padding:56px 20px 8px}\r\n .page-header h1{\r\n font-size:2.4rem;font-weight:700;color:#14532d;margin:0;padding-bottom:10px;display:inline-block;\r\n }\r\n .page-header h1::after{\r\n content:\"\";display:block;height:3px;width:88px;margin:8px auto 0;\r\n background:linear-gradient(90deg,#15803d,#65a30d,#16a34a);\r\n border-radius:2px;\r\n }\r\n .year-tabs{display:flex;gap:14px;justify-content:center;margin-top:18px}\r\n .year-btn{\r\n background:#e6f4ea;border:0;padding:10px 18px;border-radius:999px;\r\n cursor:pointer;font-weight:600;color:#166534;transition:.25s;\r\n }\r\n .year-btn.active{\r\n background:linear-gradient(90deg,#15803d,#16a34a);\r\n color:#fff;box-shadow:0 6px 18px rgba(22,101,52,.25);\r\n }\r\n\r\n \/* ===== CARD GRID ===== *\/\r\n .training-container{\r\n position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;\r\n gap:20px;padding:40px 18px 80px;max-width:1200px;margin:0 auto; position: relative; border-radius: 10px;\r\n }\r\n \r\n \/* Garis pojok kiri atas dan kanan atas *\/\r\n.training-container::before,\r\n.training-container::after,\r\n.training-container span::before,\r\n.training-container span::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 25px;\r\n height: 25px;\r\n border: 2px solid #008000;\r\n}\r\n\r\n\/* Kiri Atas *\/\r\n.training-container::before {\r\n top: 0;\r\n left: 0;\r\n border-right: none;\r\n border-bottom: none;\r\n}\r\n\r\n\/* Kanan Atas *\/\r\n.training-container::after {\r\n top: 0;\r\n right: 0;\r\n border-left: none;\r\n border-bottom: none;\r\n}\r\n\r\n\/* Kiri Bawah *\/\r\n.training-container span::before {\r\n bottom: 0;\r\n left: 0;\r\n border-top: none;\r\n border-right: none;\r\n}\r\n\r\n\/* Kanan Bawah *\/\r\n.training-container span::after {\r\n bottom: 0;\r\n right: 0;\r\n border-top: none;\r\n border-left: none;\r\n}\r\n .training-card{\r\n width:32%;\r\n background:rgba(255,255,255,0.92);\r\n backdrop-filter:blur(8px);\r\n border-radius:14px;\r\n border:1.4px solid rgba(22,101,52,0.15);\r\n padding:22px 18px;\r\n text-decoration:none;color:inherit;\r\n box-shadow:0 8px 26px rgba(12,30,60,0.08);\r\n transition:transform .3s ease,box-shadow .3s ease,border-color .3s;\r\n display:flex;flex-direction:column;gap:8px;text-align:center;\r\n }\r\n .training-card:hover{\r\n transform:translateY(-8px) scale(1.02);\r\n box-shadow:0 18px 40px rgba(22,101,52,0.18);\r\n border-color:#16a34a;\r\n }\r\n .training-card h3{font-size:1.05rem;margin:0;color:#14532d;font-weight:700}\r\n .training-card p{margin:0;font-size:0.9rem;color:#334155}\r\n .btn-detail{\r\n background:#16a34a;color:#fff;border:none;padding:8px 14px;border-radius:8px;\r\n font-weight:600;cursor:pointer;transition:background .3s;\r\n }\r\n .btn-detail:hover{background:#15803d;}\r\n\r\n\r\n @media (max-width:980px){.training-card{width:44%}}\r\n @media (max-width:640px){.training-card{width:92%}.page-header h1{font-size:1.6rem}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <div class=\"page-header\">\r\n <h1>pelatihan sesuai bidang keahlian<\/h1>\r\n\r\n <div class=\"year-tabs\">\r\n <button class=\"year-btn active\" id=\"btnPDASRH\">PDASRH<\/button>\r\n <button class=\"year-btn\" id=\"btnAdministrasi\">Administrasi<\/button>\r\n <button class=\"year-btn\" id=\"btnPlanologi\">Planologi<\/button>\r\n <button class=\"year-btn\" id=\"btnKSDAE\">KSDAE<\/button>\r\n <button class=\"year-btn\" id=\"btnPHL\">PHL<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <main class=\"training-container\" id=\"trainingContainer\">\r\n <span><\/span>\r\n <\/main>\r\n \r\n \r\n <div style=\"text-align:center; margin-bottom:60px;\">\r\n <button id=\"prevPage\" class=\"year-btn\">\u2b05\ufe0f Sebelumnya<\/button>\r\n <span id=\"pageInfo\" class=\"year-btn\" style=\"margin:0 10px; font-weight:600;\"><\/span>\r\n <button id=\"nextPage\" class=\"year-btn\">Berikutnya \u27a1\ufe0f<\/button>\r\n <\/div>\r\n\r\n <script>\r\n const dataPelatihan = {\r\n PDASRH: [\r\n { title: \"Pelatihan Penilaian Sumber Benih Tanaman Hutan\", bidang: \"PDASRH\", jpl: \"56 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1M4AG0JHEDMD-NNnxcLcslsaIdMULbfb0\/view\" },\r\n { title: \"Pelatihan Budidaya Tanaman di Bawah Tegakan\", bidang: \"PDASRH\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1rNzozHLqu4ViskWl9HDbNtNTC5wj_V0X\/view\" },\r\n { title: \"Pelatihan Teknik Agroforestri\", bidang: \"PDASRH\", jpl: \"35 JPL\", waktu: \"4 Hari5\", link: \"https:\/\/drive.google.com\/file\/d\/1OPq4uw1bVPDobghi1FDU4LqBhphBaxlO\/view\" },\r\n { title: \"Pelatihan Pembibitan Vegetatif\", bidang: \"PDASRH\", jpl: \"30 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1BsyFzGSpW1DkR_2PokwZfcDklzvlCKmt\/view\" },\r\n { title: \"Teknik Budidaya Aren\", bidang: \"PDASRH\", jpl: \"24 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1cZkgxXGY5fPCDxLKC41utG9ufnwKSjJw\/view\" },\r\n { title: \"Pelatihan Penilai Mutu Bibit Tanaman Hutan\", bidang: \"PDASRH\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1qrH1htXwug8lihEwq9qL8Ky391mdkjVo\/view\" },\r\n { title: \"Pelatihan Pengujian Mutu Benih Tanaman Hutan\", bidang: \"PDASRH\", jpl: \"56 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/10O6ThZOE7f_35IU71lLBEdZ6rVk-mf2d\/view\" }\r\n ],\r\n Administrasi: [\r\n { title: \"Pelatihan Perhitungan Karbon Hutan dan Penyusunan Dokumen Aksi Mitigasi\", bidang: \"Administrasi\", jpl: \"56 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1ktYMUbJIOg9BRUC1kL37JJU6LolgcT0o\/view\" },\r\n { title: \"Pelatihan Pelatihan Pengelolaan, Analisis Data dan Pelaporan\", bidang: \"Administrasi\", jpl: \"52 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/15aU3ii7yGqvi1w5i9jc3Yt2fi0uI2iFp\/view\" },\r\n ],\r\n Planologi: [\r\n { title: \"Pelatihan Penggunaan Drone untuk Pemetaan\", bidang: \"Planologi\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1XUVCK_NuCjN8zUpbg3FrptF_nSAlQ3MH\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Bidang Perencanaan Hutan\", bidang: \"Planologi\", jpl: \"202 JPL\", waktu: \"30 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1AZ3v0cRZUIYRA3d92Hx0l-0mb2g0iJVT\/view\" },\r\n { title: \"Pelatihan Aplikasi GNSS Untuk Survei dan Pemetaan\", bidang: \"Planologi\", jpl: \"35 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1OUkxUs4_EM3XFZsttNp2GBg4sUbuOf4d\/view\" },\r\n { title: \"Pelatihan SIG Ponsel\", bidang: \"Planologi\", jpl: \"35 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1ogd3BvYX0zD9czaPylG0Ehsmolme507-\/view\" },\r\n { title: \"Pelatihan Teknik Pemetaan Pohon\", bidang: \"Planologi\", jpl: \"40 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1FAJ-LRxQFuZLzv0Owyr3bKw17KbBXWz_\/view\" },\r\n { title: \"Pelatihan Pengukuran dan Pemetaan Batas Kawasan Hutan\", bidang: \"Planologi\", jpl: \"60 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1LQHOED-PU-NLpa89mLRnY7VHjSLNy8pc\/view\" },\r\n { title: \"Pelatihan Penandaan Batas dan Pembuatan Andil Garapan Pada Areal Persetujuan Pengelolaan Perhutanan Sosial\", bidang: \"Planologi\", jpl: \"35 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1Ko_SEneZuKG_SS3VnzYdd93fZaPkVvxW\/view\" },\r\n \r\n ],\r\n KSDAE: [\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community patrol)\", bidang: \"KSDAE\", jpl: \"50 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1EGzo1vfgnqhSeIuuWp4_bTyhVbCTF9nL\/view\" },\r\n { title: \"Pelatihan Pengendalian Kebakaran Hutan dan Lahan Bagi Manggala Agni(Fire Crew 1)\", bidang: \"KSDAE\", jpl: \"60 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1CHghNCK46PqxAEA_5IWWHLc0UzKHHQAg\/view\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam\", bidang: \"KSDAE\", jpl: \"52 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1pcJpfax8TkVBdnyNZZj2LTe1nLFWVN0C\/view\" },\r\n { title: \"Pelatihan Pemanfaatan Wisata Alam\", bidang: \"KSDAE\", jpl: \"36 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/18qgKJUzgAPRgP-oGqE8vQEI4NWsNb0di\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Produksi Lestari Perencana Wisata Alam\", bidang: \"KSDAE\", jpl: \"86 JPL\", waktu: \"9 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1_b_8c8d2K7LdevEjPXYkGrAMG2OoU0h4\/view\" },\r\n { title: \"Pelatihan Interpretasi Wisata Alam\", bidang: \"KSDAE\", jpl: \"30 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1oWAdDDLS2DrvTPaIXjzzBm1AdCRdJFS_\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelola Hutan (GANISPH) Pemandu Wisata Alam\", bidang: \"KSDAE\", jpl: \"78 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1xM1l5_ir-2Zr3lHuDgXnZ5P-Fvml6DW6\/view\" },\r\n { title: \"Pelatihan Satuan Pengamanan Kehutanan dalam Perlindungan dan Pengamanan Hutan\", bidang: \"KSDAE\", jpl: \"72 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1WDrC32Y49gViPFdBOXuGT7EzDJgJS3US\/view?usp=drive_open\" },\r\n { title: \"Pelatihan Perlindungan dan pengamanan Hutan Bagi Polisi Kehutanan\", bidang: \"KSDAE\", jpl: \"98 JPL\", waktu: \"10 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1u6dWbCXsS5TqT8w0UbucQW4gWBCL9blm\/view\" },\r\n ],\r\n PHL: [\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Produksi Lestari Pengujian Kayu Bulat\", bidang: \"PHL\", jpl: \"134 JPL\", waktu: \"20 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1naoiCXvRv2KeFKtMj3NmilyM_ph1t9Zf\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Produksi Lestari Pemanfaatan HHBK Kelompok Getah\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1j7dv8_U4UL7K48-aij8buw-BL1mDpKIB\/view\" },\r\n { title: \"Pelatihan Manajemen Pemasaran\", bidang: \"PHL\", jpl: \"48 JPL\", waktu: \"5 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1Qsp-MYJbYzmxaGwuXCropHYWaysKARFy\/view\" },\r\n { title: \"Pelatihan Pemasaran Multi Usaha Kehutanan\", bidang: \"PHL\", jpl: \"40 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1CfzNMkEqvBFtz7na58YC1Xp1gmpECjFR\/view?pli=1\" },\r\n { title: \"Pelatihan Teknik Pengolahan Bambu\", bidang: \"PHL\", jpl: \"30 JPL\", waktu: \"4 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1MYUYKseJI28tGPAFiG6QFCrWpBdmdtS8\/view\" },\r\n { title: \"Pelatihan Pembuatan Cuka Kayu\/Asap Cair dan Briket Arang\", bidang: \"PHL\", jpl: \"32 JPL\", waktu: \"3 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1GbPNbAEBcFQQmGyhM7vYjfNrDkMpdpQl\/view\" },\r\n { title: \"Pelatihan Digital Marketing\", bidang: \"PHL\", jpl: \"50 JPL\", waktu: \"6 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1YiSQcRcSjNCOckiZd23YT7PYO0tjPKR-\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Minyak\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1lvboZFCgAZCE09ZobXa1pt06lOr4ZkzM\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Batang\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1wD_piiVq5SXEom8H2_DH7bmHqMGK0rfn\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Kulit\", bidang: \"PHL\", jpl: \"57 JPL\", waktu: \"7 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/10MakHkKeycAld2Sdj-EyWSSsZ1vL7AjR\/view\" },\r\n { title: \"Pelatihan Tenaga Teknis Pengelolaan Hutan Pemanfaatan HHBK Kelompok Resin\", bidang: \"PHL\", jpl: \"63 JPL\", waktu: \"8 Hari\", link: \"https:\/\/drive.google.com\/file\/d\/1XDFm8utUxQWIuhluCQo6QT3XUPoodQCw\/view\" },\r\n ]\r\n };\r\n\r\n const container = document.getElementById('trainingContainer');\r\n const prevBtn = document.getElementById('prevPage');\r\n const nextBtn = document.getElementById('nextPage');\r\n const pageInfo = document.getElementById('pageInfo');\r\n\r\n let currentYear = 2025;\r\n let currentPage = 1;\r\n const perPage = 6;\r\n\r\n function renderPelatihan(year, page = 1) {\r\n container.innerHTML = '';\r\n currentYear = year;\r\n currentPage = page;\r\n\r\n const data = dataPelatihan[year];\r\n const totalPages = Math.ceil(data.length \/ perPage);\r\n const start = (page - 1) * perPage;\r\n const end = start + perPage;\r\n\r\n const slice = data.slice(start, end);\r\n slice.forEach(t => {\r\n const a = document.createElement('a');\r\n a.className = 'training-card';\r\n\r\n if (t.status === 'Belum dilaksanakan') {\r\n a.href = '#';\r\n a.style.pointerEvents = 'none';\r\n a.style.opacity = '0.95';\r\n } else {\r\n a.href = t.link;\r\n a.target = '_blank';\r\n }\r\n\r\n a.innerHTML = `\r\n <h3>${t.title}<\/h3>\r\n <p><strong>Bidang:<\/strong> ${t.bidang}<\/p>\r\n <p><strong>Jumlah JPL:<\/strong> ${t.jpl}<\/p>\r\n <p><strong>Waktu Pelaksanaan:<\/strong> ${t.waktu}<\/p>\r\n <a href=\"${t.link}\" target=\"_blank\"><button class=\"btn-detail\">Selengkapnya<\/button><\/a>\r\n `;\r\n container.appendChild(a);\r\n });\r\n\r\n \/\/ update tombol & info halaman\r\n pageInfo.textContent = `Halaman ${page} dari ${totalPages}`;\r\n prevBtn.disabled = page === 1;\r\n nextBtn.disabled = page === totalPages;\r\n }\r\n\r\n \/\/ Event tombol tahun\r\n document.getElementById('btnPDASRH').addEventListener('click', () => {\r\n setActive('PDASRH');\r\n renderPelatihan('PDASRH', 1);\r\n });\r\n document.getElementById('btnAdministrasi').addEventListener('click', () => {\r\n setActive('Administrasi');\r\n renderPelatihan('Administrasi', 1);\r\n });\r\n document.getElementById('btnPlanologi').addEventListener('click', () => {\r\n setActive('Planologi');\r\n renderPelatihan('Planologi', 1);\r\n });\r\n document.getElementById('btnKSDAE').addEventListener('click', () => {\r\n setActive('KSDAE');\r\n renderPelatihan('KSDAE', 1);\r\n });\r\n document.getElementById('btnPHL').addEventListener('click', () => {\r\n setActive('PHL');\r\n renderPelatihan('PHL', 1);\r\n });\r\n\r\n \/\/ Event pagination\r\n prevBtn.addEventListener('click', () => {\r\n if (currentPage > 1) renderPelatihan(currentYear, currentPage - 1);\r\n });\r\n nextBtn.addEventListener('click', () => {\r\n const totalPages = Math.ceil(dataPelatihan[currentYear].length \/ perPage);\r\n if (currentPage < totalPages) renderPelatihan(currentYear, currentPage + 1);\r\n });\r\n\r\n function setActive(y) {\r\n document.querySelectorAll('.year-btn').forEach(b => b.classList.remove('active'));\r\n document.getElementById('btn' + y).classList.add('active');\r\n }\r\n\r\n \/\/ Inisialisasi tampilan awal\r\n setActive('PDASRH');\r\n renderPelatihan('PDASRH', 1);\r\n\r\n \/\/ Partikel daun tetap sama\r\n const p = document.getElementById('particles');\r\n for (let i = 0; i < 30; i++) {\r\n const leaf = document.createElement('div');\r\n leaf.className = 'leaf';\r\n leaf.style.left = Math.random() * 100 + '%';\r\n leaf.style.animationDuration = (8 + Math.random() * 10) + 's';\r\n leaf.style.animationDelay = (Math.random() * 5) + 's';\r\n leaf.style.opacity = 0.3 + Math.random() * 0.7;\r\n leaf.style.width = leaf.style.height = (6 + Math.random() * 12) + 'px';\r\n p.appendChild(leaf);\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Daftar Pelatihan 2025 & 2026 pelatihan sesuai bidang keahlian PDASRH Administrasi Planologi KSDAE PHL \u2b05\ufe0f Sebelumnya Berikutnya \u27a1\ufe0f<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"footnotes":""},"class_list":["post-2420","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=2420"}],"version-history":[{"count":58,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2420\/revisions"}],"predecessor-version":[{"id":3190,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2420\/revisions\/3190"}],"wp:attachment":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=2420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}