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\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>Info Pelatihan<\/h1>\r\n <div class=\"year-tabs\">\r\n <button class=\"year-btn active\" id=\"btn2025\">Tahun 2025<\/button>\r\n <button class=\"year-btn\" id=\"btn2026\">Tahun 2026<\/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 2025: [\r\n { title: \"Teknik Pembuatan Cuka Kayu dan Briket Arang\", date: \"22\u201325 April 2025\", jpl: \"32 JPL\", location: \"Hutan Kota Srengseng Jakarta Barat\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/elementor-2581\/\" },\r\n { title: \"Pembinaan KTH Responsif Gender\", date: \"21\u201324 April 2025\", jpl: \"34 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip\" },\r\n { title: \"Pelatihan Pemanfaat Wisata Alam\", date: \"21\u201324 April 2025\", jpl: \"36 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-2\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam\", date: \"14\u201319 Mei 2025\", jpl: \"34 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-3\" },\r\n { title: \"Pelatihan Pembuatan Rancangan Agroforestri\", date: \"19\u201322 Mei 2025\", jpl: \"80 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-4\" },\r\n { title: \"Pelatihan Rencana Kelola Perhutanan Sosial\", date: \"19\u201323 Mei 2025\", jpl: \"32 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-5\" },\r\n { title: \"Pelatihan Dalkarhutla Bagi Manggala Agni (Fire Crew 1)\", date: \"16\u201321 Juni 2025\", jpl: \"60 JPL\", location: \"Singkawang\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-6\" },\r\n { title: \"Pelatihan Teknik Budidaya Tanaman di Bawah Tegakan\", date: \"17\u201320 Juni 2025\", jpl: \"40 JPL\", location: \"Desa Way Kalam Kecamatan Panengahan\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-7\" },\r\n { title: \"Pelatihan Silvofishery pada Kawasan Mangrove\", date: \"17\u201320 Juni 2025\", jpl: \"35 JPL\", location: \"Mangrove Pulau Cangkir\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-8\" },\r\n { title: \"Pelatihan Teknik Pemetaan Pohon\", date: \"15\u201319 Juli 2025\", jpl: \"40 JPL\", location: \"Kantor Desa Badau Kepulauan Bangka Belitung\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-9\" },\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community Patrol)\", date: \"7\u201312 Juli 2025\", jpl: \"50 JPL\", location: \"Seksi Pengelolaan TN Wilayah II BTN Ujung Kulon\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-10\" },\r\n { title: \"Pelatihan Teknik Agroforestri\", date: \"14\u201317 Juli 2025\", jpl: \"35 JPL\", location: \"Balai P2SDM Wilayah III\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-11\" },\r\n { title: \"Pelatihan Perhitungan Karbon Hutan dan Penyusunan Dokumen Aksi Mitigasi\", date: \"11\u201316 Agustus 2025\", jpl: \"56 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-12\" },\r\n { title: \"Pelatihan Teknik Pembuatan Asap Cair \/ Cuka Kayu dan Briket Arang II\", date: \"12\u201315 Agustus 2025\", jpl: \"32 JPL\", location: \"Desa Ciakar Kecamatan Gunung Kencana\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-13\" },\r\n ],\r\n 2026: [\r\n { title: \"Pelatihan Perhitungan Karbon Hutan dan Penyusunan Dokumen Aksi Mitigasi\", date: \"23-27 Februari 2026\", jpl: \"56 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"#\" },\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community Patrol) Angkatan 1\" , date: \"2-7 Maret 2026\", jpl: \"50 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"#\" },\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community Patrol) Angkatan 2\", date: \"9-14 Maret 2026\", jpl: \"50 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"#\" },\r\n { title: \"Pelatihan Kewirausahaan Aneka Produk Tanaman Aren\", date: \"13-17 April 2026\", jpl: \"42 JPL\", location: \"Klasikal Onsite (Banten)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Budidaya Tanaman Dibawah Tegakan\", date: \"20-24 April 2026\", jpl: \"40 JPL\", location: \"Klasikal (Rumpin)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Rencana Kelola Perhutanan Sosial (RKPS)\", date: \"20-24 April 2026 (Rencana Aksi s.d 21 Mei 2026)\", jpl: \"80 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Materi dan Metode Penyuluhan Berbasis Ponsel\", date: \"4-10 Mei 2026\", jpl: \"52 JPL\", location: \"Klasikal Onsite (Lampung)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pemasaran Produk Multi Usaha Kehutanan\", date: \"4-12 Mei 2026\", jpl: \"40 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Teknik Pemetaan Pohon\", date: \"18-22 Mei 2026\", jpl: \"40 JPL\", location: \"Klasikal Onsite (DKI Jakarta)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam Angkatan 1\", date: \"18-24 Mei 2026\", jpl: \"54 JPL\", location: \"Blended Learning Onsite (Maluku)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pendampingan Agroforestri Angkatan 1\", date: \"2-10 Juni 2026\", jpl: \"62 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam Angkatan 2\", date: \"8-13 Juni 2026\", jpl: \"54 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pendampingan Agroforestri Angkatan 2\", date: \"11-20 Juni 2026\", jpl: \"62 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Teknik Investigasi Penegakan Hukum Model PEACE\", date: \"22-26 Juni 2026\", jpl: \"34 JPL\", location: \"Klasikal Onsite (Lampung)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Penerapan Teknik KTA\", date: \"22-27 Juni 2026\", jpl: \"53 JPL\", location: \"Klasikal (Rumpin)\", status: \"Belum dilaksanakan\", link: \"#\" }\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>\ud83d\udcc5 ${t.date}<\/p>\r\n <p>\ud83d\udd53 ${t.jpl}<\/p>\r\n <p>\ud83d\udccd ${t.location}<\/p>\r\n <p>\ud83d\udd39 ${t.status}<\/p>\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('btn2025').addEventListener('click', () => {\r\n setActive(2025);\r\n renderPelatihan(2025, 1);\r\n });\r\n document.getElementById('btn2026').addEventListener('click', () => {\r\n setActive(2026);\r\n renderPelatihan(2026, 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(2025);\r\n renderPelatihan(2025, 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 Info Pelatihan Tahun 2025 Tahun 2026 \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-2318","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\/2318","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=2318"}],"version-history":[{"count":71,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2318\/revisions"}],"predecessor-version":[{"id":3198,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2318\/revisions\/3198"}],"wp:attachment":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=2318"}],"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\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>Info Pelatihan<\/h1>\r\n <div class=\"year-tabs\">\r\n <button class=\"year-btn active\" id=\"btn2025\">Tahun 2025<\/button>\r\n <button class=\"year-btn\" id=\"btn2026\">Tahun 2026<\/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 2025: [\r\n { title: \"Teknik Pembuatan Cuka Kayu dan Briket Arang\", date: \"22\u201325 April 2025\", jpl: \"32 JPL\", location: \"Hutan Kota Srengseng Jakarta Barat\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/elementor-2581\/\" },\r\n { title: \"Pembinaan KTH Responsif Gender\", date: \"21\u201324 April 2025\", jpl: \"34 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip\" },\r\n { title: \"Pelatihan Pemanfaat Wisata Alam\", date: \"21\u201324 April 2025\", jpl: \"36 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-2\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam\", date: \"14\u201319 Mei 2025\", jpl: \"34 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-3\" },\r\n { title: \"Pelatihan Pembuatan Rancangan Agroforestri\", date: \"19\u201322 Mei 2025\", jpl: \"80 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-4\" },\r\n { title: \"Pelatihan Rencana Kelola Perhutanan Sosial\", date: \"19\u201323 Mei 2025\", jpl: \"32 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-5\" },\r\n { title: \"Pelatihan Dalkarhutla Bagi Manggala Agni (Fire Crew 1)\", date: \"16\u201321 Juni 2025\", jpl: \"60 JPL\", location: \"Singkawang\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-6\" },\r\n { title: \"Pelatihan Teknik Budidaya Tanaman di Bawah Tegakan\", date: \"17\u201320 Juni 2025\", jpl: \"40 JPL\", location: \"Desa Way Kalam Kecamatan Panengahan\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-7\" },\r\n { title: \"Pelatihan Silvofishery pada Kawasan Mangrove\", date: \"17\u201320 Juni 2025\", jpl: \"35 JPL\", location: \"Mangrove Pulau Cangkir\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-8\" },\r\n { title: \"Pelatihan Teknik Pemetaan Pohon\", date: \"15\u201319 Juli 2025\", jpl: \"40 JPL\", location: \"Kantor Desa Badau Kepulauan Bangka Belitung\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-9\" },\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community Patrol)\", date: \"7\u201312 Juli 2025\", jpl: \"50 JPL\", location: \"Seksi Pengelolaan TN Wilayah II BTN Ujung Kulon\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-10\" },\r\n { title: \"Pelatihan Teknik Agroforestri\", date: \"14\u201317 Juli 2025\", jpl: \"35 JPL\", location: \"Balai P2SDM Wilayah III\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-11\" },\r\n { title: \"Pelatihan Perhitungan Karbon Hutan dan Penyusunan Dokumen Aksi Mitigasi\", date: \"11\u201316 Agustus 2025\", jpl: \"56 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-12\" },\r\n { title: \"Pelatihan Teknik Pembuatan Asap Cair \/ Cuka Kayu dan Briket Arang II\", date: \"12\u201315 Agustus 2025\", jpl: \"32 JPL\", location: \"Desa Ciakar Kecamatan Gunung Kencana\", status: \"Selesai\", link: \"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/arsip-13\" },\r\n ],\r\n 2026: [\r\n { title: \"Pelatihan Perhitungan Karbon Hutan dan Penyusunan Dokumen Aksi Mitigasi\", date: \"23-27 Februari 2026\", jpl: \"56 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"#\" },\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community Patrol) Angkatan 1\" , date: \"2-7 Maret 2026\", jpl: \"50 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"#\" },\r\n { title: \"Pelatihan Pengamanan Hutan Berbasis Masyarakat (Community Patrol) Angkatan 2\", date: \"9-14 Maret 2026\", jpl: \"50 JPL\", location: \"Full E-Learning\", status: \"Selesai\", link: \"#\" },\r\n { title: \"Pelatihan Kewirausahaan Aneka Produk Tanaman Aren\", date: \"13-17 April 2026\", jpl: \"42 JPL\", location: \"Klasikal Onsite (Banten)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Budidaya Tanaman Dibawah Tegakan\", date: \"20-24 April 2026\", jpl: \"40 JPL\", location: \"Klasikal (Rumpin)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Rencana Kelola Perhutanan Sosial (RKPS)\", date: \"20-24 April 2026 (Rencana Aksi s.d 21 Mei 2026)\", jpl: \"80 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Materi dan Metode Penyuluhan Berbasis Ponsel\", date: \"4-10 Mei 2026\", jpl: \"52 JPL\", location: \"Klasikal Onsite (Lampung)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pemasaran Produk Multi Usaha Kehutanan\", date: \"4-12 Mei 2026\", jpl: \"40 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Teknik Pemetaan Pohon\", date: \"18-22 Mei 2026\", jpl: \"40 JPL\", location: \"Klasikal Onsite (DKI Jakarta)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam Angkatan 1\", date: \"18-24 Mei 2026\", jpl: \"54 JPL\", location: \"Blended Learning Onsite (Maluku)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pendampingan Agroforestri Angkatan 1\", date: \"2-10 Juni 2026\", jpl: \"62 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pemandu Wisata Alam Angkatan 2\", date: \"8-13 Juni 2026\", jpl: \"54 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Pendampingan Agroforestri Angkatan 2\", date: \"11-20 Juni 2026\", jpl: \"62 JPL\", location: \"Full E-Learning\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Teknik Investigasi Penegakan Hukum Model PEACE\", date: \"22-26 Juni 2026\", jpl: \"34 JPL\", location: \"Klasikal Onsite (Lampung)\", status: \"Belum dilaksanakan\", link: \"#\" },\r\n { title: \"Pelatihan Penerapan Teknik KTA\", date: \"22-27 Juni 2026\", jpl: \"53 JPL\", location: \"Klasikal (Rumpin)\", status: \"Belum dilaksanakan\", link: \"#\" }\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>\ud83d\udcc5 ${t.date}<\/p>\r\n <p>\ud83d\udd53 ${t.jpl}<\/p>\r\n <p>\ud83d\udccd ${t.location}<\/p>\r\n <p>\ud83d\udd39 ${t.status}<\/p>\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('btn2025').addEventListener('click', () => {\r\n setActive(2025);\r\n renderPelatihan(2025, 1);\r\n });\r\n document.getElementById('btn2026').addEventListener('click', () => {\r\n setActive(2026);\r\n renderPelatihan(2026, 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(2025);\r\n renderPelatihan(2025, 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 Info Pelatihan Tahun 2025 Tahun 2026 \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-2318","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\/2318","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=2318"}],"version-history":[{"count":71,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2318\/revisions"}],"predecessor-version":[{"id":3198,"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/pages\/2318\/revisions\/3198"}],"wp:attachment":[{"href":"https:\/\/sdmhutbogor.bp2sdm.kehutanan.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=2318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}