{"id":8,"date":"2026-09-13T23:58:39","date_gmt":"2026-09-13T23:58:39","guid":{"rendered":"https:\/\/disdikppt.shinediendra.my.id\/?page_id=8"},"modified":"2026-09-13T23:58:39","modified_gmt":"2026-09-13T23:58:39","slug":"8-2","status":"publish","type":"page","link":"https:\/\/disdikppt.shinediendra.my.id\/","title":{"rendered":""},"content":{"rendered":"\n<!-- Library Tailwind CSS & Phosphor Icons -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\n<style>\n  .modal-active { display: flex !important; }\n  ::-webkit-scrollbar { width: 5px; height: 5px; }\n  ::-webkit-scrollbar-track { background: #f1f5f9; }\n  ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n  ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n<\/style>\n\n<div class=\"bg-slate-50 text-slate-800 font-sans antialiased selection:bg-red-700 selection:text-white -mx-4 -my-4 sm:-mx-8\">\n\n  <!-- ================= TOP BAR ================= -->\n  <div class=\"bg-slate-900 text-slate-300 text-xs py-2 border-b border-slate-800\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col sm:flex-row justify-between items-center gap-1.5 sm:gap-2\">\n      <div class=\"flex items-center gap-3 sm:gap-4 text-[11px] sm:text-xs\">\n        <span class=\"flex items-center gap-1.5\"><i class=\"ph-bold ph-map-pin text-red-500\"><\/i> Nabire, Papua Tengah<\/span>\n        <span class=\"hidden md:flex items-center gap-1.5\"><i class=\"ph-bold ph-envelope text-red-500\"><\/i> disdik@papuatengahprov.go.id<\/span>\n      <\/div>\n      <div class=\"flex items-center gap-3 text-[11px] sm:text-xs\">\n        <span>WIT (UTC+9)<\/span>\n        <span class=\"text-slate-600\">|<\/span>\n        <a href=\"#portal\" class=\"text-white hover:text-red-400 font-semibold flex items-center gap-1 transition-colors\">\n          <i class=\"ph-bold ph-squares-four\"><\/i> Portal Aplikasi\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ================= HEADER & NAVIGASI ================= -->\n  <header class=\"bg-white border-b border-slate-200 sticky top-0 z-40 shadow-sm\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 sm:h-20 flex items-center justify-between gap-2\">\n      \n      <!-- Brand Identitas -->\n      <a href=\"#\" class=\"flex items-center gap-2.5 sm:gap-3 shrink-0\">\n        <div class=\"w-10 h-10 sm:w-12 sm:h-12 bg-gradient-to-br from-red-700 to-red-900 rounded-xl flex items-center justify-center text-white font-black text-lg sm:text-xl shadow-md\">\n          PT\n        <\/div>\n        <div>\n          <h1 class=\"text-sm sm:text-base lg:text-lg font-black text-slate-900 leading-none\">DINAS PENDIDIKAN<\/h1>\n          <p class=\"text-[10px] sm:text-xs text-slate-500 font-medium tracking-wide mt-1\">PROVINSI PAPUA TENGAH<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- Navigasi Desktop -->\n      <nav class=\"hidden lg:flex items-center gap-3 xl:gap-5 text-xs xl:text-[13px] font-semibold text-slate-700\">\n        <a href=\"#beranda\" class=\"text-red-700 hover:text-red-800 transition-colors\">Beranda<\/a>\n        \n        <!-- Dropdown Profil -->\n        <div class=\"relative group cursor-pointer py-2\">\n          <span class=\"flex items-center gap-1 hover:text-red-700 transition-colors\">Profil <i class=\"ph ph-caret-down text-xs\"><\/i><\/span>\n          <div class=\"absolute top-full left-0 hidden group-hover:block bg-white border border-slate-200 rounded-xl shadow-xl py-2 w-48 transition-all z-50\">\n            <a href=\"#sambutan\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Sambutan Kadis<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Visi &#038; Misi<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Struktur Organisasi<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Tupoksi Bidang<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Dropdown Data Pendidikan -->\n        <div class=\"relative group cursor-pointer py-2\">\n          <span class=\"flex items-center gap-1 hover:text-red-700 transition-colors\">Data Pendidikan <i class=\"ph ph-caret-down text-xs\"><\/i><\/span>\n          <div class=\"absolute top-full left-0 hidden group-hover:block bg-white border border-slate-200 rounded-xl shadow-xl py-2 w-56 transition-all z-50\">\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Statistik Satuan Pendidikan<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Data Guru &#038; Tendik (GTK)<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Data Siswa Afirmasi<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Sarana &#038; Prasarana Sekolah<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Rekapitulasi 8 Kabupaten<\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Dropdown PPID -->\n        <div class=\"relative group cursor-pointer py-2\">\n          <span class=\"flex items-center gap-1 hover:text-red-700 transition-colors\">PPID <i class=\"ph ph-caret-down text-xs\"><\/i><\/span>\n          <div class=\"absolute top-full left-0 hidden group-hover:block bg-white border border-slate-200 rounded-xl shadow-xl py-2 w-56 transition-all z-50\">\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Profil PPID Pelaksana<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Permohonan Informasi Publik<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Pengajuan Keberatan<\/a>\n            <a href=\"#\" class=\"block px-4 py-2 hover:bg-slate-50 text-slate-700 hover:text-red-700 text-xs\">Daftar Informasi Berkala<\/a>\n          <\/div>\n        <\/div>\n\n        <a href=\"#portal\" class=\"hover:text-red-700 transition-colors\">Portal Aplikasi<\/a>\n        <a href=\"#berita\" class=\"hover:text-red-700 transition-colors\">Berita<\/a>\n        <a href=\"#pengumuman-dan-ikm\" class=\"hover:text-red-700 transition-colors\">Pengumuman &#038; IKM<\/a>\n        <a href=\"#galeri\" class=\"hover:text-red-700 transition-colors\">Galeri<\/a>\n      <\/nav>\n\n      <!-- Tombol Aksi Kanan & Hamburger Menu -->\n      <div class=\"flex items-center gap-2 shrink-0\">\n        <a href=\"#portal\" class=\"inline-flex items-center gap-1.5 px-3 py-1.5 sm:px-4 sm:py-2 bg-red-700 text-white text-xs font-bold rounded-xl hover:bg-red-800 transition shadow-sm\">\n          <i class=\"ph-bold ph-key\"><\/i>\n          <span>Akses SSO<\/span>\n        <\/a>\n        <button id=\"btnMobileMenu\" aria-label=\"Menu Navigasi\" class=\"lg:hidden p-2 rounded-xl text-slate-700 hover:bg-slate-100 focus:outline-none transition\">\n          <i id=\"menuIcon\" class=\"ph-bold ph-list text-2xl\"><\/i>\n        <\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Mobile Navigation Drawer -->\n    <div id=\"mobileMenu\" class=\"hidden lg:hidden bg-white border-t border-slate-200 px-4 py-4 space-y-2 max-h-[82vh] overflow-y-auto shadow-2xl\">\n      <a href=\"#beranda\" class=\"mobile-nav-link block py-2.5 px-3 rounded-xl text-sm font-bold text-red-700 hover:bg-red-50\">Beranda<\/a>\n      \n      <!-- Accordion Mobile 1: Profil -->\n      <div class=\"border border-slate-200 rounded-xl overflow-hidden\">\n        <button type=\"button\" class=\"w-full flex items-center justify-between p-3 text-left text-xs font-bold uppercase tracking-wider text-slate-700 bg-slate-50 hover:bg-slate-100\" onclick=\"toggleAccordion('acc-profil', 'icon-profil')\">\n          <span>Profil Kedinasan<\/span>\n          <i id=\"icon-profil\" class=\"ph-bold ph-caret-down text-sm transition-transform duration-200\"><\/i>\n        <\/button>\n        <div id=\"acc-profil\" class=\"hidden px-3 py-2 space-y-1.5 bg-white text-xs text-slate-600\">\n          <a href=\"#sambutan\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Sambutan Kepala Dinas<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Visi &#038; Misi<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Struktur Organisasi<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Tupoksi Bidang<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Accordion Mobile 2: Data Pendidikan -->\n      <div class=\"border border-slate-200 rounded-xl overflow-hidden\">\n        <button type=\"button\" class=\"w-full flex items-center justify-between p-3 text-left text-xs font-bold uppercase tracking-wider text-slate-700 bg-slate-50 hover:bg-slate-100\" onclick=\"toggleAccordion('acc-data', 'icon-data')\">\n          <span>Data Pendidikan<\/span>\n          <i id=\"icon-data\" class=\"ph-bold ph-caret-down text-sm transition-transform duration-200\"><\/i>\n        <\/button>\n        <div id=\"acc-data\" class=\"hidden px-3 py-2 space-y-1.5 bg-white text-xs text-slate-600\">\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Statistik Satuan Pendidikan<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Data GTK (Guru &#038; Tendik)<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Data Siswa &#038; Afirmasi<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Sarana &#038; Prasarana<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Rekapitulasi 8 Kabupaten<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Accordion Mobile 3: PPID -->\n      <div class=\"border border-slate-200 rounded-xl overflow-hidden\">\n        <button type=\"button\" class=\"w-full flex items-center justify-between p-3 text-left text-xs font-bold uppercase tracking-wider text-slate-700 bg-slate-50 hover:bg-slate-100\" onclick=\"toggleAccordion('acc-ppid', 'icon-ppid')\">\n          <span>PPID Pelaksana<\/span>\n          <i id=\"icon-ppid\" class=\"ph-bold ph-caret-down text-sm transition-transform duration-200\"><\/i>\n        <\/button>\n        <div id=\"acc-ppid\" class=\"hidden px-3 py-2 space-y-1.5 bg-white text-xs text-slate-600\">\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Profil PPID Pelaksana<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Permohonan Informasi Publik<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Tata Cara Pengajuan Keberatan<\/a>\n          <a href=\"#\" class=\"mobile-nav-link block py-1.5 hover:text-red-700\">Daftar Informasi Berkala<\/a>\n        <\/div>\n      <\/div>\n\n      <a href=\"#portal\" class=\"mobile-nav-link block py-2.5 px-3 rounded-xl text-xs sm:text-sm font-semibold text-slate-700 hover:bg-slate-100\">Portal Aplikasi Terpadu<\/a>\n      <a href=\"#berita\" class=\"mobile-nav-link block py-2.5 px-3 rounded-xl text-xs sm:text-sm font-semibold text-slate-700 hover:bg-slate-100\">Berita &#038; Informasi<\/a>\n      <a href=\"#pengumuman-dan-ikm\" class=\"mobile-nav-link block py-2.5 px-3 rounded-xl text-xs sm:text-sm font-semibold text-slate-700 hover:bg-slate-100\">Pengumuman &#038; Survei IKM<\/a>\n      <a href=\"#galeri\" class=\"mobile-nav-link block py-2.5 px-3 rounded-xl text-xs sm:text-sm font-semibold text-slate-700 hover:bg-slate-100\">Galeri Foto Kegiatan<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- ================= HERO BANNER ================= -->\n  <section id=\"beranda\" class=\"relative bg-gradient-to-br from-slate-900 via-slate-800 to-red-950 text-white py-12 sm:py-20 overflow-hidden\">\n    <div class=\"absolute inset-0 opacity-10 bg-[radial-gradient(#fff_1px,transparent_1px)] [background-size:16px_16px]\"><\/div>\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n      <div class=\"max-w-3xl space-y-4 sm:space-y-6\">\n        <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-red-500\/20 border border-red-500\/30 text-red-300 text-[11px] sm:text-xs font-semibold uppercase tracking-wider\">\n          <span class=\"w-2 h-2 rounded-full bg-red-400 animate-pulse\"><\/span>\n          Transformasi Pendidikan Inklusif &#038; Mandiri\n        <\/div>\n        <h2 class=\"text-2xl sm:text-4xl lg:text-5xl font-black tracking-tight leading-tight\">\n          Mewujudkan Pendidikan Bermutu &#038; Merata di Tanah Papua Tengah\n        <\/h2>\n        <p class=\"text-slate-300 text-xs sm:text-base lg:text-lg leading-relaxed\">\n          Pusat integrasi layanan satu atap, keterbukaan informasi publik, monitoring BOSDA, manajemen sarana asrama, serta sinkronisasi data kependidikan bagi 8 Kabupaten.\n        <\/p>\n        <div class=\"flex flex-col sm:flex-row gap-3 pt-2\">\n          <a href=\"#portal\" class=\"px-5 py-3 bg-red-700 hover:bg-red-800 text-white text-xs sm:text-sm font-bold rounded-xl transition shadow-lg flex items-center justify-center gap-2 text-center\">\n            <i class=\"ph-bold ph-squares-four text-base\"><\/i> Buka Portal Aplikasi Terpadu\n          <\/a>\n          <a href=\"#sambutan\" class=\"px-5 py-3 bg-white\/10 hover:bg-white\/20 text-white text-xs sm:text-sm font-bold rounded-xl transition backdrop-blur-sm text-center\">\n            Profil &#038; Sambutan\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= SAMBUTAN KEPALA DINAS ================= -->\n  <section id=\"sambutan\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 sm:gap-10 items-center\">\n        \n        <div class=\"lg:col-span-4 flex flex-col items-center text-center\">\n          <div class=\"relative w-48 h-64 sm:w-60 sm:h-72 rounded-2xl overflow-hidden shadow-xl border-4 border-slate-100 bg-slate-200\">\n            <div class=\"w-full h-full bg-gradient-to-t from-slate-900\/80 via-slate-800\/20 to-slate-200 flex items-end justify-center pb-4\">\n              <div class=\"text-center text-white px-2\">\n                <i class=\"ph-bold ph-user text-5xl sm:text-6xl text-slate-300 mb-2\"><\/i>\n              <\/div>\n            <\/div>\n          <\/div>\n          <h3 class=\"font-bold text-slate-900 text-base sm:text-lg mt-4\">Nama Kepala Dinas, M.Pd.<\/h3>\n          <p class=\"text-[11px] sm:text-xs text-red-700 font-semibold tracking-wide uppercase\">Kepala Dinas Pendidikan Provinsi Papua Tengah<\/p>\n        <\/div>\n\n        <div class=\"lg:col-span-8 space-y-3 sm:space-y-4\">\n          <div class=\"inline-flex items-center gap-1 text-red-700 font-bold text-xs uppercase tracking-wider\">\n            <i class=\"ph-bold ph-chats-circle\"><\/i> Sambutan Pimpinan\n          <\/div>\n          <h2 class=\"text-xl sm:text-2xl lg:text-3xl font-extrabold text-slate-900 tracking-tight\">\n            Selamat Datang di Portal Resmi Dinas Pendidikan Provinsi Papua Tengah\n          <\/h2>\n          <div class=\"space-y-3 text-slate-600 text-xs sm:text-sm leading-relaxed\">\n            <p>\n              <em>Amolongo, Naimoo, Koyao, Wa Wa Wa. Salam sejahtera bagi kita semua.<\/em>\n            <\/p>\n            <p>\n              Puji syukur kita panjatkan kepada Tuhan Yang Maha Esa. Melalui kehadiran portal digital ini, Dinas Pendidikan Provinsi Papua Tengah berkomitmen untuk menghadirkan keterbukaan informasi publik, akuntabilitas tata kelola pembiayaan, serta kemudahan akses layanan pendidikan bagi seluruh insan pendidik, tenaga kependidikan, dan peserta didik di 8 Kabupaten: Nabire, Mimika, Paniai, Dogiyai, Deiyai, Intan Jaya, Puncak, dan Puncak Jaya.\n            <\/p>\n            <p>\n              Portal ini mengintegrasikan seluruh instrumen krusial mulai dari penyaluran BOSDA, pembinaan sekolah rujukan, manajemen logistik asrama anak-anak pedalaman, hingga validasi kepegawaian guru secara transparan dan terukur demi kemajuan generasi emas Papua.\n            <\/p>\n          <\/div>\n          <div class=\"pt-1\">\n            <span class=\"text-xs font-semibold text-slate-400\">Nabire, Papua Tengah<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= DASHBOARD & METRICS ================= -->\n  <section class=\"py-8 sm:py-10 bg-slate-100 border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4\">\n        <div class=\"bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm\">\n          <span class=\"text-[10px] sm:text-xs font-bold text-slate-400 uppercase tracking-wider\">Serapan BOSDA 2026<\/span>\n          <div class=\"mt-2 flex items-baseline justify-between\">\n            <span class=\"text-xl sm:text-3xl font-black text-slate-900\">65,0%<\/span>\n            <span class=\"text-[10px] sm:text-xs font-bold text-emerald-700 bg-emerald-50 px-2 py-0.5 rounded-full\">Tahap 2<\/span>\n          <\/div>\n          <p class=\"text-[10px] sm:text-[11px] text-slate-500 mt-2 truncate\">Rp 29,25 M \/ Rp 45,0 M<\/p>\n        <\/div>\n\n        <div class=\"bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm\">\n          <span class=\"text-[10px] sm:text-xs font-bold text-slate-400 uppercase tracking-wider\">Keterisian Asrama<\/span>\n          <div class=\"mt-2 flex items-baseline justify-between\">\n            <span class=\"text-xl sm:text-3xl font-black text-slate-900\">90,8%<\/span>\n            <span class=\"text-[10px] sm:text-xs font-bold text-blue-700 bg-blue-50 px-2 py-0.5 rounded-full\">2.180 Siswa<\/span>\n          <\/div>\n          <p class=\"text-[10px] sm:text-[11px] text-slate-500 mt-2 truncate\">24 Unit Asrama Aktif<\/p>\n        <\/div>\n\n        <div class=\"bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm\">\n          <span class=\"text-[10px] sm:text-xs font-bold text-slate-400 uppercase tracking-wider\">Sekolah Terdata<\/span>\n          <div class=\"mt-2 flex items-baseline justify-between\">\n            <span class=\"text-xl sm:text-3xl font-black text-slate-900\">320<\/span>\n            <span class=\"text-[10px] sm:text-xs font-bold text-slate-700 bg-slate-100 px-2 py-0.5 rounded-full\">SMA\/SMK<\/span>\n          <\/div>\n          <p class=\"text-[10px] sm:text-[11px] text-slate-500 mt-2 truncate\">Sinkronisasi Dapodik<\/p>\n        <\/div>\n\n        <div class=\"bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm\">\n          <span class=\"text-[10px] sm:text-xs font-bold text-slate-400 uppercase tracking-wider\">Node Jaringan<\/span>\n          <div class=\"mt-2 flex items-baseline justify-between\">\n            <span class=\"text-xl sm:text-3xl font-black text-emerald-600\">Online<\/span>\n            <span class=\"text-[10px] sm:text-xs font-bold text-emerald-700 bg-emerald-50 px-2 py-0.5 rounded-full\">Normal<\/span>\n          <\/div>\n          <p class=\"text-[10px] sm:text-[11px] text-slate-500 mt-2 truncate\">Gateway Terpusat<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= PORTAL APLIKASI TERPADU ================= -->\n  <section id=\"portal\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6 sm:space-y-8\">\n      <div class=\"flex flex-col md:flex-row md:items-end justify-between gap-3 sm:gap-4\">\n        <div>\n          <div class=\"inline-flex items-center gap-1 text-red-700 font-bold text-xs uppercase tracking-wider\">\n            <i class=\"ph-bold ph-squares-four\"><\/i> Single Sign-On Gateway\n          <\/div>\n          <h2 class=\"text-xl sm:text-3xl font-black text-slate-900 tracking-tight mt-1\">\n            Portal Aplikasi Dinas Pendidikan\n          <\/h2>\n          <p class=\"text-slate-500 text-xs sm:text-sm mt-1\">Akses langsung ke seluruh sistem operasional kedinasan Papua Tengah.<\/p>\n        <\/div>\n        <div class=\"self-start md:self-auto\">\n          <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 bg-slate-100 px-3 py-1.5 rounded-lg border border-slate-200 flex items-center gap-1.5\">\n            <i class=\"ph-bold ph-shield-check text-emerald-600\"><\/i> Autentikasi Keycloak SSO\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Grid Aplikasi -->\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-5\">\n        \n        <a href=\"https:\/\/bosda.papuatengahprov.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-amber-50 text-amber-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-currency-circle-dollar\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">ARKAS \/ BOSDA<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Tata kelola anggaran operasional sekolah daerah dan verifikasi SPJ.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/simapteng.papuatengahprov.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-blue-50 text-blue-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-database\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">SIMAPTENG<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Sistem informasi manajemen terpadu data pendidikan Provinsi Papua Tengah.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/asrama.papuatengahprov.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-house-line\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">SI-ASRAMA<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Pendataan kapasitas kamar, logistik pangan, dan siswa afirmasi asrama.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/hibahpt.papuatengahprov.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-purple-50 text-purple-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-graduation-cap\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">HIBAH PT<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Pendaftaran proposal dan evaluasi bantuan dana perguruan tinggi daerah.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/mapega.papuatengahprov.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-rose-50 text-rose-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-users-three\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">SI-MAPEGA<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Sistem administrasi dan kepegawaian guru PNS, PPPK &#038; Honorer.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/sekolahbinaan.papuatengahprov.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-indigo-50 text-indigo-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-chalkboard-teacher\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">SEKOLAH BINAAN<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Monitoring indikator mutu dan pemenuhan sarpras sekolah rujukan.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/dapo.kemdikbud.go.id\" target=\"_blank\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-cyan-50 text-cyan-600 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-tree-structure\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">DAPODIK<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Pintu sinkronisasi Data Pokok Pendidikan Nasional Kemendikbudristek.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Sistem<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n        <a href=\"#helpdesk\" class=\"group p-4 sm:p-5 rounded-2xl border border-slate-200 bg-white hover:border-red-500 hover:shadow-lg transition-all duration-200 flex flex-col justify-between\">\n          <div>\n            <div class=\"w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-slate-100 text-slate-700 flex items-center justify-center text-xl sm:text-2xl font-bold mb-3 sm:mb-4 group-hover:scale-105 transition-transform\">\n              <i class=\"ph-bold ph-lifebuoy\"><\/i>\n            <\/div>\n            <h3 class=\"font-bold text-slate-900 text-sm sm:text-base group-hover:text-red-700 transition-colors\">Helpdesk &#038; SOP<\/h3>\n            <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">Layanan tiket aduan teknis operator sekolah dan berkas panduan.<\/p>\n          <\/div>\n          <div class=\"mt-4 pt-3 border-t border-slate-100 flex items-center justify-between text-xs font-semibold text-red-700\">\n            <span>Buka Tiket<\/span>\n            <i class=\"ph-bold ph-arrow-up-right\"><\/i>\n          <\/div>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= BERITA & INFORMASI ================= -->\n  <section id=\"berita\" class=\"py-12 sm:py-16 bg-slate-50 border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6 sm:space-y-8\">\n      <div class=\"flex items-end justify-between\">\n        <div>\n          <div class=\"inline-flex items-center gap-1 text-red-700 font-bold text-xs uppercase tracking-wider\">\n            <i class=\"ph-bold ph-newspaper\"><\/i> Warta Pendidikan\n          <\/div>\n          <h2 class=\"text-xl sm:text-3xl font-black text-slate-900 tracking-tight mt-1\">Berita &#038; Agenda Terkini<\/h2>\n        <\/div>\n        <a href=\"#\" class=\"text-xs sm:text-sm font-bold text-red-700 hover:text-red-800 flex items-center gap-1\">\n          <span>Semua Berita<\/span> <i class=\"ph-bold ph-arrow-right\"><\/i>\n        <\/a>\n      <\/div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-5 sm:gap-6\">\n        \n        <article class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col\">\n          <div class=\"h-44 sm:h-48 bg-slate-200 relative flex items-center justify-center text-slate-400\">\n            <i class=\"ph-bold ph-image text-4xl\"><\/i>\n            <span class=\"absolute top-3 left-3 bg-red-700 text-white text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">BOSDA<\/span>\n          <\/div>\n          <div class=\"p-4 sm:p-5 flex-1 flex flex-col justify-between space-y-3\">\n            <div>\n              <span class=\"text-[11px] text-slate-400 font-medium flex items-center gap-1\">\n                <i class=\"ph-bold ph-calendar-blank\"><\/i> 10 September 2026\n              <\/span>\n              <h3 class=\"font-bold text-slate-900 text-sm sm:text-base mt-2 hover:text-red-700 cursor-pointer transition-colors leading-snug\">\n                Penyaluran BOSDA Tahap II Wilayah 8 Kabupaten Mulai Bergulir Pekan Depan\n              <\/h3>\n              <p class=\"text-xs text-slate-600 mt-2 line-clamp-3 leading-relaxed\">\n                Dinas Pendidikan Provinsi Papua Tengah meminta kepala satuan pendidikan SMA dan SMK segera mengunggah berkas pertanggungjawaban&#8230;\n              <\/p>\n            <\/div>\n            <a href=\"#\" class=\"text-xs font-bold text-red-700 hover:text-red-900 flex items-center gap-1\">\n              Baca Selengkapnya <i class=\"ph-bold ph-caret-right\"><\/i>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col\">\n          <div class=\"h-44 sm:h-48 bg-slate-200 relative flex items-center justify-center text-slate-400\">\n            <i class=\"ph-bold ph-image text-4xl\"><\/i>\n            <span class=\"absolute top-3 left-3 bg-blue-700 text-white text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">Pelatihan<\/span>\n          <\/div>\n          <div class=\"p-4 sm:p-5 flex-1 flex flex-col justify-between space-y-3\">\n            <div>\n              <span class=\"text-[11px] text-slate-400 font-medium flex items-center gap-1\">\n                <i class=\"ph-bold ph-calendar-blank\"><\/i> 05 September 2026\n              <\/span>\n              <h3 class=\"font-bold text-slate-900 text-sm sm:text-base mt-2 hover:text-red-700 cursor-pointer transition-colors leading-snug\">\n                Peningkatan Kompetensi Guru SMK Se-Papua Tengah Berbasis Kurikulum Industri\n              <\/h3>\n              <p class=\"text-xs text-slate-600 mt-2 line-clamp-3 leading-relaxed\">\n                Sebanyak 120 guru kejuruan mengikuti bimbingan teknis perakitan jaringan dan teknologi terbarukan guna menyiapkan lulusan siap kerja&#8230;\n              <\/p>\n            <\/div>\n            <a href=\"#\" class=\"text-xs font-bold text-red-700 hover:text-red-900 flex items-center gap-1\">\n              Baca Selengkapnya <i class=\"ph-bold ph-caret-right\"><\/i>\n            <\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"bg-white rounded-2xl border border-slate-200 overflow-hidden shadow-sm hover:shadow-md transition flex flex-col\">\n          <div class=\"h-44 sm:h-48 bg-slate-200 relative flex items-center justify-center text-slate-400\">\n            <i class=\"ph-bold ph-image text-4xl\"><\/i>\n            <span class=\"absolute top-3 left-3 bg-emerald-700 text-white text-[10px] font-bold px-2 py-0.5 rounded-full uppercase\">Sarpras<\/span>\n          <\/div>\n          <div class=\"p-4 sm:p-5 flex-1 flex flex-col justify-between space-y-3\">\n            <div>\n              <span class=\"text-[11px] text-slate-400 font-medium flex items-center gap-1\">\n                <i class=\"ph-bold ph-calendar-blank\"><\/i> 28 Agustus 2026\n              <\/span>\n              <h3 class=\"font-bold text-slate-900 text-sm sm:text-base mt-2 hover:text-red-700 cursor-pointer transition-colors leading-snug\">\n                Monitoring Kelayakan Fasilitas Asrama Terpadu di Puncak Jaya dan Intan Jaya\n              <\/h3>\n              <p class=\"text-xs text-slate-600 mt-2 line-clamp-3 leading-relaxed\">\n                Tim teknis dinas meninjau langsung kesiapan sarana air bersih, generator listrik, dan logistik bagi siswa afirmasi&#8230;\n              <\/p>\n            <\/div>\n            <a href=\"#\" class=\"text-xs font-bold text-red-700 hover:text-red-900 flex items-center gap-1\">\n              Baca Selengkapnya <i class=\"ph-bold ph-caret-right\"><\/i>\n            <\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= SURVEI IKM & PENGUMUMAN RESMI ================= -->\n  <section id=\"pengumuman-dan-ikm\" class=\"py-12 sm:py-16 bg-slate-100 border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n      <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-6 sm:gap-8 items-start\">\n        \n        <!-- Sisi Kiri: Formulir IKM -->\n        <div class=\"lg:col-span-6 bg-white rounded-3xl p-5 sm:p-8 border border-slate-200 shadow-sm space-y-4 sm:space-y-5\">\n          <div>\n            <div class=\"inline-flex items-center gap-1 text-red-700 font-bold text-xs uppercase tracking-wider\">\n              <i class=\"ph-bold ph-chart-bar\"><\/i> Umpan Balik Publik\n            <\/div>\n            <h2 class=\"text-lg sm:text-2xl font-black text-slate-900 tracking-tight mt-1\">Survei Kepuasan Layanan (IKM)<\/h2>\n            <p class=\"text-slate-500 text-xs mt-1\">Bantu kami meningkatkan kualitas tata kelola dan layanan pendidikan di Papua Tengah.<\/p>\n          <\/div>\n\n          <form id=\"formIKM\" onsubmit=\"handleSurvey(event)\" class=\"space-y-3 sm:space-y-4 pt-1\">\n            <div>\n              <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-2\">Bagaimana kualitas layanan portal ini?<\/label>\n              <div class=\"grid grid-cols-2 gap-2 text-xs font-semibold\">\n                <label class=\"p-2.5 border border-slate-200 rounded-xl flex items-center gap-2 cursor-pointer hover:border-red-500 hover:bg-red-50\/30 transition\">\n                  <input type=\"radio\" name=\"kepuasan\" value=\"sangat_puas\" required class=\"text-red-700 focus:ring-red-600\">\n                  <span>Sangat Puas<\/span>\n                <\/label>\n                <label class=\"p-2.5 border border-slate-200 rounded-xl flex items-center gap-2 cursor-pointer hover:border-red-500 hover:bg-red-50\/30 transition\">\n                  <input type=\"radio\" name=\"kepuasan\" value=\"puas\" class=\"text-red-700 focus:ring-red-600\">\n                  <span>Puas<\/span>\n                <\/label>\n                <label class=\"p-2.5 border border-slate-200 rounded-xl flex items-center gap-2 cursor-pointer hover:border-red-500 hover:bg-red-50\/30 transition\">\n                  <input type=\"radio\" name=\"kepuasan\" value=\"cukup\" class=\"text-red-700 focus:ring-red-600\">\n                  <span>Cukup<\/span>\n                <\/label>\n                <label class=\"p-2.5 border border-slate-200 rounded-xl flex items-center gap-2 cursor-pointer hover:border-red-500 hover:bg-red-50\/30 transition\">\n                  <input type=\"radio\" name=\"kepuasan\" value=\"kurang\" class=\"text-red-700 focus:ring-red-600\">\n                  <span>Kurang<\/span>\n                <\/label>\n              <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">\n              <div>\n                <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1\">Unsur Responden<\/label>\n                <select required class=\"w-full px-3 py-2 bg-slate-50 border border-slate-200 rounded-xl text-xs font-medium focus:bg-white focus:ring-2 focus:ring-red-600 focus:outline-none\">\n                  <option value=\"\">Pilih Status&#8230;<\/option>\n                  <option value=\"guru\">Guru \/ Tenaga Pendidik<\/option>\n                  <option value=\"kepsek\">Kepala Sekolah<\/option>\n                  <option value=\"operator\">Operator Satpen<\/option>\n                  <option value=\"wali\">Orang Tua \/ Siswa<\/option>\n                  <option value=\"masyarakat\">Masyarakat Umum<\/option>\n                <\/select>\n              <\/div>\n              <div>\n                <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1\">Asal Kabupaten<\/label>\n                <select required class=\"w-full px-3 py-2 bg-slate-50 border border-slate-200 rounded-xl text-xs font-medium focus:bg-white focus:ring-2 focus:ring-red-600 focus:outline-none\">\n                  <option value=\"\">Pilih Wilayah&#8230;<\/option>\n                  <option value=\"nabire\">Kab. Nabire<\/option>\n                  <option value=\"mimika\">Kab. Mimika<\/option>\n                  <option value=\"paniai\">Kab. Paniai<\/option>\n                  <option value=\"dogiyai\">Kab. Dogiyai<\/option>\n                  <option value=\"deiyai\">Kab. Deiyai<\/option>\n                  <option value=\"intanjaya\">Kab. Intan Jaya<\/option>\n                  <option value=\"puncak\">Kab. Puncak<\/option>\n                  <option value=\"puncakjaya\">Kab. Puncak Jaya<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div>\n              <label class=\"block text-xs font-bold text-slate-700 uppercase tracking-wider mb-1\">Saran \/ Masukan<\/label>\n              <textarea rows=\"2\" placeholder=\"Tulis masukan perbaikan layanan dinas...\" class=\"w-full px-3 py-2 bg-slate-50 border border-slate-200 rounded-xl text-xs focus:bg-white focus:ring-2 focus:ring-red-600 focus:outline-none\"><\/textarea>\n            <\/div>\n\n            <div class=\"text-right\">\n              <button type=\"submit\" class=\"w-full sm:w-auto px-6 py-2.5 bg-red-700 hover:bg-red-800 text-white font-bold text-xs rounded-xl transition shadow-md\">\n                Kirim Penilaian IKM\n              <\/button>\n            <\/div>\n          <\/form>\n        <\/div>\n\n        <!-- Sisi Kanan: Pengumuman Resmi -->\n        <div class=\"lg:col-span-6 bg-white rounded-3xl p-5 sm:p-8 border border-slate-200 shadow-sm space-y-4 sm:space-y-5\">\n          <div class=\"flex items-center justify-between\">\n            <div>\n              <div class=\"inline-flex items-center gap-1 text-red-700 font-bold text-xs uppercase tracking-wider\">\n                <i class=\"ph-bold ph-megaphone\"><\/i> Dokumen &#038; Edaran\n              <\/div>\n              <h2 class=\"text-lg sm:text-2xl font-black text-slate-900 tracking-tight mt-1\">Pengumuman Resmi<\/h2>\n            <\/div>\n            <a href=\"#\" class=\"text-xs font-bold text-red-700 hover:text-red-800\">Arsip &rarr;<\/a>\n          <\/div>\n\n          <div class=\"space-y-3\">\n            <div class=\"p-3.5 sm:p-4 rounded-2xl border border-slate-200 bg-slate-50\/70 hover:bg-white hover:border-red-300 hover:shadow-sm transition group\">\n              <div class=\"flex items-center justify-between gap-2\">\n                <span class=\"text-[10px] font-bold px-2 py-0.5 rounded-full bg-red-100 text-red-700 uppercase tracking-wider\">Surat Edaran<\/span>\n                <span class=\"text-[11px] text-slate-400 flex items-center gap-1\"><i class=\"ph-bold ph-clock\"><\/i> 09 Sep 2026<\/span>\n              <\/div>\n              <h4 class=\"font-bold text-slate-900 text-xs sm:text-sm mt-1.5 group-hover:text-red-700 transition leading-snug\">\n                Batas Akhir Sinkronisasi Rekening Satuan Pendidikan Penerima BOSDA Tahap II\n              <\/h4>\n              <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">\n                Nomor: 420\/892\/DISDIK-PPT\/2026. Konfirmasi melalui sistem ARKAS sebelum tenggat waktu.\n              <\/p>\n              <div class=\"mt-3 flex items-center justify-between text-xs pt-2 border-t border-slate-200\/60\">\n                <span class=\"text-slate-400 text-[11px]\">PDF \u2022 1.8 MB<\/span>\n                <a href=\"#\" class=\"font-bold text-red-700 hover:text-red-900 flex items-center gap-1\">\n                  <i class=\"ph-bold ph-file-arrow-down text-sm\"><\/i> Unduh\n                <\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"p-3.5 sm:p-4 rounded-2xl border border-slate-200 bg-slate-50\/70 hover:bg-white hover:border-red-300 hover:shadow-sm transition group\">\n              <div class=\"flex items-center justify-between gap-2\">\n                <span class=\"text-[10px] font-bold px-2 py-0.5 rounded-full bg-purple-100 text-purple-700 uppercase tracking-wider\">Hibah PT<\/span>\n                <span class=\"text-[11px] text-slate-400 flex items-center gap-1\"><i class=\"ph-bold ph-clock\"><\/i> 02 Sep 2026<\/span>\n              <\/div>\n              <h4 class=\"font-bold text-slate-900 text-xs sm:text-sm mt-1.5 group-hover:text-red-700 transition leading-snug\">\n                Verifikasi Faktual Proposal Bantuan Operasional PTS Wilayah Papua Tengah\n              <\/h4>\n              <p class=\"text-xs text-slate-500 mt-1 line-clamp-2\">\n                Pemberitahuan agenda visitasi tim penilai dinas ke kampus penerima bantuan di Nabire dan Mimika.\n              <\/p>\n              <div class=\"mt-3 flex items-center justify-between text-xs pt-2 border-t border-slate-200\/60\">\n                <span class=\"text-slate-400 text-[11px]\">PDF \u2022 840 KB<\/span>\n                <a href=\"#\" class=\"font-bold text-red-700 hover:text-red-900 flex items-center gap-1\">\n                  <i class=\"ph-bold ph-file-arrow-down text-sm\"><\/i> Unduh\n                <\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= GALERI FOTO KEGIATAN ================= -->\n  <section id=\"galeri\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6 sm:space-y-8\">\n      <div class=\"flex items-end justify-between gap-4\">\n        <div>\n          <div class=\"inline-flex items-center gap-1 text-red-700 font-bold text-xs uppercase tracking-wider\">\n            <i class=\"ph-bold ph-camera\"><\/i> Dokumentasi\n          <\/div>\n          <h2 class=\"text-xl sm:text-3xl font-black text-slate-900 tracking-tight mt-1\">Galeri Foto Kegiatan<\/h2>\n          <p class=\"text-slate-500 text-xs sm:text-sm mt-1\">Klik gambar untuk melihat resolusi penuh.<\/p>\n        <\/div>\n        \n        <div class=\"flex items-center gap-2\">\n          <button id=\"slidePrev\" aria-label=\"Geser Kiri\" class=\"p-2 sm:p-2.5 rounded-xl border border-slate-200 hover:bg-slate-100 transition\">\n            <i class=\"ph-bold ph-caret-left text-base sm:text-lg\"><\/i>\n          <\/button>\n          <button id=\"slideNext\" aria-label=\"Geser Kanan\" class=\"p-2 sm:p-2.5 rounded-xl border border-slate-200 hover:bg-slate-100 transition\">\n            <i class=\"ph-bold ph-caret-right text-base sm:text-lg\"><\/i>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div id=\"gallerySlider\" class=\"flex gap-4 overflow-x-auto pb-4 scroll-smooth snap-x snap-mandatory\">\n        \n        <div class=\"min-w-[260px] sm:min-w-[320px] snap-start bg-slate-100 rounded-2xl overflow-hidden border border-slate-200 group cursor-pointer\"\n             onclick=\"openLightbox('Rapat Koordinasi Evaluasi BOSDA Se-Papua Tengah', 'https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&#038;fit=crop&#038;w=1200&#038;q=80')\">\n          <div class=\"h-44 sm:h-52 relative overflow-hidden\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Rakor BOSDA\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-300\">\n            <div class=\"absolute inset-0 bg-slate-900\/30 opacity-0 group-hover:opacity-100 transition flex items-center justify-center text-white\">\n              <i class=\"ph-bold ph-arrows-out-simple text-2xl\"><\/i>\n            <\/div>\n          <\/div>\n          <div class=\"p-3 sm:p-4 bg-white\">\n            <h4 class=\"font-bold text-slate-900 text-xs sm:text-sm truncate\">Rakor Evaluasi BOSDA 8 Kabupaten<\/h4>\n            <p class=\"text-[11px] text-slate-500 mt-0.5\">Nabire, September 2026<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"min-w-[260px] sm:min-w-[320px] snap-start bg-slate-100 rounded-2xl overflow-hidden border border-slate-200 group cursor-pointer\"\n             onclick=\"openLightbox('Pemeriksaan Fasilitas Asrama Siswa Terpadu', 'https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&#038;fit=crop&#038;w=1200&#038;q=80')\">\n          <div class=\"h-44 sm:h-52 relative overflow-hidden\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523240795612-9a054b0db644?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Asrama Siswa\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-300\">\n            <div class=\"absolute inset-0 bg-slate-900\/30 opacity-0 group-hover:opacity-100 transition flex items-center justify-center text-white\">\n              <i class=\"ph-bold ph-arrows-out-simple text-2xl\"><\/i>\n            <\/div>\n          <\/div>\n          <div class=\"p-3 sm:p-4 bg-white\">\n            <h4 class=\"font-bold text-slate-900 text-xs sm:text-sm truncate\">Kunjungan Asrama Siswa Afirmasi<\/h4>\n            <p class=\"text-[11px] text-slate-500 mt-0.5\">Puncak Jaya, Agustus 2026<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"min-w-[260px] sm:min-w-[320px] snap-start bg-slate-100 rounded-2xl overflow-hidden border border-slate-200 group cursor-pointer\"\n             onclick=\"openLightbox('Pelatihan Laboratorium Komputer Guru SMK', 'https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&#038;fit=crop&#038;w=1200&#038;q=80')\">\n          <div class=\"h-44 sm:h-52 relative overflow-hidden\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Lab Komputer\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-300\">\n            <div class=\"absolute inset-0 bg-slate-900\/30 opacity-0 group-hover:opacity-100 transition flex items-center justify-center text-white\">\n              <i class=\"ph-bold ph-arrows-out-simple text-2xl\"><\/i>\n            <\/div>\n          <\/div>\n          <div class=\"p-3 sm:p-4 bg-white\">\n            <h4 class=\"font-bold text-slate-900 text-xs sm:text-sm truncate\">Workshop Jaringan Komputer SMK<\/h4>\n            <p class=\"text-[11px] text-slate-500 mt-0.5\">Mimika, Agustus 2026<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"min-w-[260px] sm:min-w-[320px] snap-start bg-slate-100 rounded-2xl overflow-hidden border border-slate-200 group cursor-pointer\"\n             onclick=\"openLightbox('Distribusi Alat Praktik Sekolah Binaan', 'https:\/\/images.unsplash.com\/photo-1588072432836-e10032774350?auto=format&#038;fit=crop&#038;w=1200&#038;q=80')\">\n          <div class=\"h-44 sm:h-52 relative overflow-hidden\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588072432836-e10032774350?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Bantuan Sarana\" class=\"w-full h-full object-cover group-hover:scale-105 transition duration-300\">\n            <div class=\"absolute inset-0 bg-slate-900\/30 opacity-0 group-hover:opacity-100 transition flex items-center justify-center text-white\">\n              <i class=\"ph-bold ph-arrows-out-simple text-2xl\"><\/i>\n            <\/div>\n          <\/div>\n          <div class=\"p-3 sm:p-4 bg-white\">\n            <h4 class=\"font-bold text-slate-900 text-xs sm:text-sm truncate\">Distribusi Alat Praktik IPA<\/h4>\n            <p class=\"text-[11px] text-slate-500 mt-0.5\">Paniai, Juli 2026<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= MODAL LIGHTBOX FOTO ================= -->\n  <div id=\"lightboxModal\" class=\"fixed inset-0 z-50 bg-slate-950\/90 hidden items-center justify-center p-3 sm:p-4 backdrop-blur-sm\">\n    <div class=\"relative max-w-4xl w-full bg-slate-900 rounded-2xl overflow-hidden border border-slate-800 shadow-2xl\">\n      <button onclick=\"closeLightbox()\" class=\"absolute top-3 right-3 text-white bg-slate-800\/80 hover:bg-red-700 p-2 rounded-full transition z-10\">\n        <i class=\"ph-bold ph-x text-base sm:text-lg\"><\/i>\n      <\/button>\n      <div class=\"max-h-[70vh] sm:max-h-[75vh] bg-black flex items-center justify-center\">\n        <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"Foto Kegiatan\" class=\"max-h-[70vh] sm:max-h-[75vh] w-auto object-contain\">\n      <\/div>\n      <div class=\"p-3 sm:p-4 bg-slate-900 text-white\">\n        <h3 id=\"lightboxCaption\" class=\"text-xs sm:text-base font-bold truncate\"><\/h3>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ================= FOOTER RESMI ================= -->\n  <footer class=\"bg-slate-950 text-slate-400 text-xs\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 sm:py-12\">\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 sm:gap-8 pb-8 sm:pb-10 border-b border-slate-800\">\n        \n        <div class=\"space-y-3 sm:col-span-2 lg:col-span-1\">\n          <div class=\"flex items-center gap-2.5\">\n            <div class=\"w-9 h-9 bg-red-700 rounded-xl flex items-center justify-center text-white font-black text-base\">\n              PT\n            <\/div>\n            <div>\n              <h4 class=\"text-white font-bold text-xs sm:text-sm leading-tight\">Dinas Pendidikan<\/h4>\n              <p class=\"text-[10px] text-slate-400\">Provinsi Papua Tengah<\/p>\n            <\/div>\n          <\/div>\n          <p class=\"text-slate-400 leading-relaxed text-[11px]\">\n            Kompleks Kantor Pemerintahan Provinsi Papua Tengah, Nabire. Melayani dan mencerdaskan anak bangsa dari pesisir hingga pegunungan tengah.\n          <\/p>\n        <\/div>\n\n        <div>\n          <h5 class=\"text-white font-bold text-xs uppercase tracking-wider mb-3\">Tautan Populer<\/h5>\n          <ul class=\"space-y-2 text-[11px]\">\n            <li><a href=\"#portal\" class=\"hover:text-white transition\">Akses Portal ARKAS \/ BOSDA<\/a><\/li>\n            <li><a href=\"#portal\" class=\"hover:text-white transition\">Monitoring SI-ASRAMA<\/a><\/li>\n            <li><a href=\"#portal\" class=\"hover:text-white transition\">Hibah Perguruan Tinggi<\/a><\/li>\n            <li><a href=\"#portal\" class=\"hover:text-white transition\">SIMAPTENG Terpadu<\/a><\/li>\n            <li><a href=\"#\" class=\"hover:text-white transition\">Layanan PPID Pelaksana<\/a><\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h5 class=\"text-white font-bold text-xs uppercase tracking-wider mb-3\">8 Kabupaten<\/h5>\n          <div class=\"grid grid-cols-2 gap-1 text-[11px] text-slate-400\">\n            <span>\u2022 Nabire<\/span>\n            <span>\u2022 Mimika<\/span>\n            <span>\u2022 Paniai<\/span>\n            <span>\u2022 Dogiyai<\/span>\n            <span>\u2022 Deiyai<\/span>\n            <span>\u2022 Intan Jaya<\/span>\n            <span>\u2022 Puncak<\/span>\n            <span>\u2022 Puncak Jaya<\/span>\n          <\/div>\n        <\/div>\n\n        <div>\n          <h5 class=\"text-white font-bold text-xs uppercase tracking-wider mb-3\">Kontak &#038; Layanan<\/h5>\n          <ul class=\"space-y-2 text-[11px]\">\n            <li class=\"flex items-start gap-2\">\n              <i class=\"ph-bold ph-phone text-red-500 mt-0.5\"><\/i>\n              <span>(0984) XXXXXX \/ Call Center<\/span>\n            <\/li>\n            <li class=\"flex items-start gap-2\">\n              <i class=\"ph-bold ph-envelope text-red-500 mt-0.5\"><\/i>\n              <span class=\"break-all\">disdik@papuatengahprov.go.id<\/span>\n            <\/li>\n            <li class=\"flex items-start gap-2\">\n              <i class=\"ph-bold ph-clock text-red-500 mt-0.5\"><\/i>\n              <span>Senin &#8211; Jumat: 08.00 &#8211; 16.00 WIT<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"pt-6 flex flex-col sm:flex-row items-center justify-between gap-2.5 text-[11px] text-slate-500 text-center sm:text-left\">\n        <p>&copy; 2026 Dinas Pendidikan Provinsi Papua Tengah. Hak Cipta Dilindungi.<\/p>\n        <p>Infrastruktur Terpadu SPBE Provinsi Papua Tengah<\/p>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<!-- JavaScript Interaktif -->\n<script>\n  \/\/ 1. Mobile Menu Toggle\n  const btnMobile = document.getElementById('btnMobileMenu');\n  const mobileMenu = document.getElementById('mobileMenu');\n  const menuIcon = document.getElementById('menuIcon');\n\n  btnMobile.addEventListener('click', () => {\n    const isHidden = mobileMenu.classList.toggle('hidden');\n    if (isHidden) {\n      menuIcon.classList.remove('ph-x');\n      menuIcon.classList.add('ph-list');\n    } else {\n      menuIcon.classList.remove('ph-list');\n      menuIcon.classList.add('ph-x');\n    }\n  });\n\n  document.querySelectorAll('.mobile-nav-link').forEach(link => {\n    link.addEventListener('click', () => {\n      mobileMenu.classList.add('hidden');\n      menuIcon.classList.remove('ph-x');\n      menuIcon.classList.add('ph-list');\n    });\n  });\n\n  \/\/ 2. Accordion Sub-menu Mobile\n  function toggleAccordion(contentId, iconId) {\n    const content = document.getElementById(contentId);\n    const icon = document.getElementById(iconId);\n    const isOpen = !content.classList.contains('hidden');\n    \n    document.querySelectorAll('[id^=\"acc-\"]').forEach(el => el.classList.add('hidden'));\n    document.querySelectorAll('[id^=\"icon-\"]').forEach(el => el.classList.remove('rotate-180'));\n    \n    if (!isOpen) {\n      content.classList.remove('hidden');\n      icon.classList.add('rotate-180');\n    }\n  }\n\n  \/\/ 3. Galeri Slider Controls\n  const slider = document.getElementById('gallerySlider');\n  document.getElementById('slideNext').addEventListener('click', () => {\n    slider.scrollBy({ left: 300, behavior: 'smooth' });\n  });\n  document.getElementById('slidePrev').addEventListener('click', () => {\n    slider.scrollBy({ left: -300, behavior: 'smooth' });\n  });\n\n  \/\/ 4. Lightbox Modal\n  const modal = document.getElementById('lightboxModal');\n  const modalImg = document.getElementById('lightboxImage');\n  const modalCap = document.getElementById('lightboxCaption');\n\n  function openLightbox(caption, src) {\n    modalImg.src = src;\n    modalCap.textContent = caption;\n    modal.classList.remove('hidden');\n    modal.classList.add('flex');\n  }\n\n  function closeLightbox() {\n    modal.classList.add('hidden');\n    modal.classList.remove('flex');\n    modalImg.src = '';\n  }\n\n  modal.addEventListener('click', (e) => {\n    if (e.target === modal) closeLightbox();\n  });\n\n  \/\/ 5. Form Survei IKM\n  function handleSurvey(e) {\n    e.preventDefault();\n    alert('Terima kasih! Penilaian Anda terhadap layanan Dinas Pendidikan Provinsi Papua Tengah berhasil dikirim.');\n    e.target.reset();\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Nabire, Papua Tengah disdik@papuatengahprov.go.id WIT (UTC+9) | Portal Aplikasi PT DINAS PENDIDIKAN PROVINSI PAPUA TENGAH Beranda Profil Sambutan Kadis Visi &#038; Misi Struktur Organisasi Tupoksi Bidang Data Pendidikan Statistik Satuan Pendidikan Data Guru &#038; Tendik (GTK) Data Siswa Afirmasi Sarana &#038; Prasarana Sekolah Rekapitulasi 8 Kabupaten PPID Profil PPID Pelaksana Permohonan Informasi Publik Pengajuan Keberatan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":1,"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/disdikppt.shinediendra.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}