Struktur Organisasi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n background: #ffffff;\r\n min-height: 100vh;\r\n color: #0f172a;\r\n}\r\n\r\n.org-wrapper {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n.org-header {\r\n margin-bottom: 48px;\r\n}\r\n\r\n.org-header h1 {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.org-header p {\r\n font-size: 14px;\r\n color: #64748b;\r\n margin-top: 6px;\r\n}\r\n\r\n\/* CARD *\/\r\n.org-card {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 60%, #2563eb 100%);\r\n border-radius: 16px;\r\n padding: 12px 20px 12px 12px;\r\n color: #fff;\r\n cursor: pointer;\r\n position: relative;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n box-shadow: 0 4px 16px rgba(30, 64, 175, 0.25), 0 1px 3px rgba(0,0,0,0.08);\r\n min-width: 240px;\r\n text-align: left;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.org-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 16px;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.org-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 28px rgba(30, 64, 175, 0.35), 0 2px 6px rgba(0,0,0,0.1);\r\n}\r\n\r\n.org-card:active {\r\n transform: translateY(-1px);\r\n}\r\n\r\n\/* KETUA - lebih besar *\/\r\n.card-ketua {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1d4ed8 100%);\r\n padding: 14px 24px 14px 14px;\r\n min-width: 280px;\r\n box-shadow: 0 6px 24px rgba(30, 58, 138, 0.3), 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* BADGE JABATAN *\/\r\n.card-badge {\r\n position: absolute;\r\n top: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #f59e0b;\r\n color: #78350f;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 3px 10px;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* AVATAR *\/\r\n.card-avatar {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 12px;\r\n object-fit: cover;\r\n border: 2px solid rgba(255,255,255,0.25);\r\n background: rgba(255,255,255,0.15);\r\n flex-shrink: 0;\r\n}\r\n\r\n.card-ketua .card-avatar {\r\n width: 58px;\r\n height: 58px;\r\n}\r\n\r\n\/* INISIAL fallback *\/\r\n.card-initial {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 12px;\r\n background: rgba(255,255,255,0.18);\r\n border: 2px solid rgba(255,255,255,0.25);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #fff;\r\n flex-shrink: 0;\r\n letter-spacing: -1px;\r\n}\r\n\r\n.card-ketua .card-initial {\r\n width: 58px;\r\n height: 58px;\r\n font-size: 20px;\r\n}\r\n\r\n.card-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.card-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #fff;\r\n line-height: 1.3;\r\n}\r\n\r\n.card-ketua .card-name {\r\n font-size: 15px;\r\n}\r\n\r\n.card-role {\r\n font-size: 11.5px;\r\n color: rgba(255,255,255,0.7);\r\n font-weight: 500;\r\n}\r\n\r\n.card-arrow {\r\n margin-left: auto;\r\n width: 24px;\r\n height: 24px;\r\n background: rgba(255,255,255,0.15);\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: background 0.2s;\r\n}\r\n\r\n.org-card:hover .card-arrow {\r\n background: rgba(255,255,255,0.25);\r\n}\r\n\r\n.card-arrow svg {\r\n width: 12px;\r\n height: 12px;\r\n stroke: rgba(255,255,255,0.85);\r\n stroke-width: 2.5;\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n\/* CONNECTOR *\/\r\n.connector-v {\r\n width: 2px;\r\n background: linear-gradient(to bottom, #bfdbfe, #93c5fd);\r\n margin: 0 auto;\r\n}\r\n\r\n.connector-v-sm { height: 28px; }\r\n.connector-v-md { height: 36px; }\r\n.connector-v-lg { height: 44px; }\r\n\r\n.connector-h-wrapper {\r\n position: relative;\r\n margin: 0 auto;\r\n}\r\n\r\n.connector-h-line {\r\n height: 2px;\r\n background: linear-gradient(to right, #bfdbfe, #93c5fd, #bfdbfe);\r\n border-radius: 1px;\r\n}\r\n\r\n\/* LEVEL ROW *\/\r\n.level-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.level-center {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n\/* WAKIL KETUA dengan garis H *\/\r\n.wakil-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0;\r\n}\r\n\r\n\/* SECTION BAWAH (SEKRETARIS + BENDAHARA) *\/\r\n.bottom-section {\r\n display: flex;\r\n justify-content: center;\r\n gap: 60px;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n}\r\n\r\n.bottom-col {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0;\r\n}\r\n\r\n.bottom-col-title {\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #94a3b8;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n\/* DIVIDER antar card dalam kolom *\/\r\n.col-divider {\r\n width: 2px;\r\n height: 16px;\r\n background: #bfdbfe;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* POPUP OVERLAY *\/\r\n.popup-overlay {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 23, 42, 0.55);\r\n backdrop-filter: blur(4px);\r\n z-index: 999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n}\r\n\r\n.popup-overlay.show {\r\n display: flex;\r\n}\r\n\r\n.popup-box {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 0;\r\n max-width: 380px;\r\n width: 100%;\r\n box-shadow: 0 24px 64px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.06);\r\n overflow: hidden;\r\n animation: popIn 0.25s cubic-bezier(0.34,1.56,0.64,1);\r\n}\r\n\r\n@keyframes popIn {\r\n from { transform: scale(0.88); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n.popup-header {\r\n background: linear-gradient(135deg, #1e40af, #2563eb);\r\n padding: 24px 24px 20px;\r\n position: relative;\r\n}\r\n\r\n.popup-header h3 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #fff;\r\n margin-top: 4px;\r\n}\r\n\r\n.popup-header p {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.65);\r\n margin-top: 3px;\r\n}\r\n\r\n.popup-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 8px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n}\r\n\r\n.popup-close:hover { background: rgba(255,255,255,0.25); }\r\n\r\n.popup-close svg {\r\n width: 14px;\r\n height: 14px;\r\n stroke: #fff;\r\n stroke-width: 2.5;\r\n fill: none;\r\n stroke-linecap: round;\r\n}\r\n\r\n.popup-body {\r\n padding: 20px 24px 24px;\r\n}\r\n\r\n.member-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.member-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n text-align: center;\r\n}\r\n\r\n.member-photo-wrap {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 2px solid #e2e8f0;\r\n}\r\n\r\n.member-photo-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.member-initial-wrap {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 14px;\r\n background: linear-gradient(135deg, #1e40af, #3b82f6);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #fff;\r\n}\r\n\r\n.member-name {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n line-height: 1.3;\r\n}\r\n\r\n.member-role {\r\n font-size: 11px;\r\n color: #64748b;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 640px) {\r\n .org-card { min-width: 200px; }\r\n .card-ketua { min-width: 220px; }\r\n .bottom-section { gap: 32px; }\r\n .level-row { gap: 16px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n body { padding: 32px 16px 48px; }\r\n .org-card { min-width: 180px; gap: 10px; }\r\n .bottom-section { flex-direction: column; align-items: center; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"org-wrapper\">\r\n\r\n <div class=\"org-header\">\r\n <h1>Struktur Organisasi<\/h1>\r\n <p>Klik kartu untuk melihat detail anggota<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"level-center\">\r\n <div class=\"org-card card-ketua\" onclick=\"showPopup('ketua')\">\r\n <div class=\"card-badge\">★ Pimpinan Tertinggi<\/div>\r\n <img decoding=\"async\" class=\"card-avatar\"\r\n src=\"https:\/\/img.lightshot.app\/AyPsTdacRsyKeVofXhT2RQ.png\"\r\n onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"\r\n alt=\"Foto Ketua\">\r\n <div class=\"card-initial\" style=\"display:none\">AK<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Akhmad Khusyaeri, S.Pd.<\/span>\r\n <span class=\"card-role\">Ketua<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector-v connector-v-md\"><\/div>\r\n\r\n \r\n <div style=\"position:relative; width: 420px; margin: 0 auto; max-width:90vw;\">\r\n <div class=\"connector-h-line\"><\/div>\r\n <div style=\"position:absolute; left:0; top:-1px; width:2px; height:28px; background:#93c5fd;\"><\/div>\r\n <div style=\"position:absolute; right:0; top:-1px; width:2px; height:28px; background:#93c5fd;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"level-row\" style=\"margin-top:28px\">\r\n <div class=\"org-card\" onclick=\"showPopup('wakil1')\">\r\n <div class=\"card-initial\">AH<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Ali Hasan, S.Pd.<\/span>\r\n <span class=\"card-role\">Wakil Ketua I<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"org-card\" onclick=\"showPopup('wakil2')\">\r\n <div class=\"card-initial\">MF<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">M. Fahreza, M.Pd.<\/span>\r\n <span class=\"card-role\">Wakil Ketua II<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector-v connector-v-lg\"><\/div>\r\n\r\n \r\n <div style=\"position:relative; width: 500px; margin: 0 auto; max-width:92vw;\">\r\n <div class=\"connector-h-line\"><\/div>\r\n <div style=\"position:absolute; left:0; top:-1px; width:2px; height:36px; background:#93c5fd;\"><\/div>\r\n <div style=\"position:absolute; right:0; top:-1px; width:2px; height:36px; background:#93c5fd;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-section\" style=\"margin-top:36px\">\r\n\r\n \r\n <div class=\"bottom-col\">\r\n <p class=\"bottom-col-title\">Sekretaris<\/p>\r\n <div class=\"org-card\" onclick=\"showPopup('sekretaris1')\">\r\n <div class=\"card-initial\">HM<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Hana Maihatul A, M.Pd.<\/span>\r\n <span class=\"card-role\">Sekretaris I<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-divider\"><\/div>\r\n <div class=\"org-card\" onclick=\"showPopup('sekretaris2')\">\r\n <div class=\"card-initial\">UZ<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Umi Zahrotus S, M.Pd.<\/span>\r\n <span class=\"card-role\">Sekretaris II<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-col\">\r\n <p class=\"bottom-col-title\">Bendahara<\/p>\r\n <div class=\"org-card\" onclick=\"showPopup('bendahara1')\">\r\n <div class=\"card-initial\">FA<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Faridah Amiliyatul Q, M.Pd.<\/span>\r\n <span class=\"card-role\">Bendahara I<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-divider\"><\/div>\r\n <div class=\"org-card\" onclick=\"showPopup('bendahara2')\">\r\n <div class=\"card-initial\">AR<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Abu Rizal, S.Pd.<\/span>\r\n <span class=\"card-role\">Bendahara II<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"popup-overlay\" id=\"popup\">\r\n <div class=\"popup-box\">\r\n <div class=\"popup-header\">\r\n <button class=\"popup-close\" onclick=\"closePopup()\">\r\n <svg viewBox=\"0 0 16 16\"><line x1=\"3\" y1=\"3\" x2=\"13\" y2=\"13\"\/><line x1=\"13\" y1=\"3\" x2=\"3\" y2=\"13\"\/><\/svg>\r\n <\/button>\r\n <h3 id=\"popup-title\">\u2014<\/h3>\r\n <p id=\"popup-subtitle\">Detail Anggota<\/p>\r\n <\/div>\r\n <div class=\"popup-body\">\r\n <div class=\"member-grid\" id=\"popup-members\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nconst data = {\r\n ketua: {\r\n title: \"Ketua\",\r\n subtitle: \"Pimpinan Organisasi\",\r\n members: [\r\n { name: \"Akhmad Khusyaeri, S.Pd.\", role: \"Ketua\", photo: \"https:\/\/img.lightshot.app\/AyPsTdacRsyKeVofXhT2RQ.png\", initial: \"AK\" }\r\n ]\r\n },\r\n wakil1: {\r\n title: \"Wakil Ketua I\",\r\n subtitle: \"Bidang Internal\",\r\n members: [\r\n { name: \"Ali Hasan, S.Pd.\", role: \"Wakil Ketua I\", photo: \"\", initial: \"AH\" }\r\n ]\r\n },\r\n wakil2: {\r\n title: \"Wakil Ketua II\",\r\n subtitle: \"Bidang Eksternal\",\r\n members: [\r\n { name: \"M. Fahreza, M.Pd.\", role: \"Wakil Ketua II\", photo: \"\", initial: \"MF\" }\r\n ]\r\n },\r\n sekretaris1: {\r\n title: \"Sekretaris I\",\r\n subtitle: \"Divisi Kesekretariatan\",\r\n members: [\r\n { name: \"Hana Maihatul A, M.Pd.\", role: \"Sekretaris I\", photo: \"\", initial: \"HM\" }\r\n ]\r\n },\r\n sekretaris2: {\r\n title: \"Sekretaris II\",\r\n subtitle: \"Divisi Kesekretariatan\",\r\n members: [\r\n { name: \"Umi Zahrotus Saadah, M.Pd.\", role: \"Sekretaris II\", photo: \"\", initial: \"UZ\" }\r\n ]\r\n },\r\n bendahara1: {\r\n title: \"Bendahara I\",\r\n subtitle: \"Divisi Keuangan\",\r\n members: [\r\n { name: \"Faridah Amiliyatul Q, M.Pd.\", role: \"Bendahara I\", photo: \"\", initial: \"FA\" }\r\n ]\r\n },\r\n bendahara2: {\r\n title: \"Bendahara II\",\r\n subtitle: \"Divisi Keuangan\",\r\n members: [\r\n { name: \"Abu Rizal, S.Pd.\", role: \"Bendahara II\", photo: \"\", initial: \"AR\" }\r\n ]\r\n }\r\n};\r\n\r\nfunction showPopup(key) {\r\n const d = data[key];\r\n document.getElementById('popup-title').textContent = d.title;\r\n document.getElementById('popup-subtitle').textContent = d.subtitle;\r\n\r\n let html = '';\r\n d.members.forEach(m => {\r\n const photoHtml = m.photo\r\n ? `<div class=\"member-photo-wrap\"><img decoding=\"async\" src=\"${m.photo}\" alt=\"${m.name}\" onerror=\"this.parentElement.style.display='none';this.parentElement.nextElementSibling.style.display='flex'\"><\/div>\r\n <div class=\"member-initial-wrap\" style=\"display:none\">${m.initial}<\/div>`\r\n : `<div class=\"member-initial-wrap\">${m.initial}<\/div>`;\r\n html += `<div class=\"member-item\">\r\n ${photoHtml}\r\n <div>\r\n <p class=\"member-name\">${m.name}<\/p>\r\n <p class=\"member-role\">${m.role}<\/p>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n\r\n document.getElementById('popup-members').innerHTML = html;\r\n document.getElementById('popup').classList.add('show');\r\n}\r\n\r\nfunction closePopup() {\r\n document.getElementById('popup').classList.remove('show');\r\n}\r\n\r\ndocument.getElementById('popup').addEventListener('click', function(e) {\r\n if (e.target === this) closePopup();\r\n});\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closePopup();\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Struktur Organisasi Struktur Organisasi Klik kartu untuk melihat detail anggota ★ Pimpinan Tertinggi AK Akhmad Khusyaeri, S.Pd. Ketua AH Ali Hasan, S.Pd. Wakil Ketua I MF M. Fahreza, M.Pd. Wakil Ketua II Sekretaris HM Hana Maihatul A, M.Pd. Sekretaris I UZ Umi Zahrotus S, M.Pd. Sekretaris II Bendahara FA Faridah Amiliyatul Q, M.Pd. Bendahara I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3403"}],"version-history":[{"count":16,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403\/revisions"}],"predecessor-version":[{"id":5545,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403\/revisions\/5545"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\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\nStruktur Organisasi<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n font-family: 'Plus Jakarta Sans', sans-serif;\r\n background: #ffffff;\r\n min-height: 100vh;\r\n color: #0f172a;\r\n}\r\n\r\n.org-wrapper {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n.org-header {\r\n margin-bottom: 48px;\r\n}\r\n\r\n.org-header h1 {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.org-header p {\r\n font-size: 14px;\r\n color: #64748b;\r\n margin-top: 6px;\r\n}\r\n\r\n\/* CARD *\/\r\n.org-card {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 60%, #2563eb 100%);\r\n border-radius: 16px;\r\n padding: 12px 20px 12px 12px;\r\n color: #fff;\r\n cursor: pointer;\r\n position: relative;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n box-shadow: 0 4px 16px rgba(30, 64, 175, 0.25), 0 1px 3px rgba(0,0,0,0.08);\r\n min-width: 240px;\r\n text-align: left;\r\n border: 1px solid rgba(255,255,255,0.12);\r\n}\r\n\r\n.org-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 16px;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.org-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 8px 28px rgba(30, 64, 175, 0.35), 0 2px 6px rgba(0,0,0,0.1);\r\n}\r\n\r\n.org-card:active {\r\n transform: translateY(-1px);\r\n}\r\n\r\n\/* KETUA - lebih besar *\/\r\n.card-ketua {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1d4ed8 100%);\r\n padding: 14px 24px 14px 14px;\r\n min-width: 280px;\r\n box-shadow: 0 6px 24px rgba(30, 58, 138, 0.3), 0 2px 4px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* BADGE JABATAN *\/\r\n.card-badge {\r\n position: absolute;\r\n top: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #f59e0b;\r\n color: #78350f;\r\n font-size: 10px;\r\n font-weight: 700;\r\n padding: 3px 10px;\r\n border-radius: 20px;\r\n white-space: nowrap;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n}\r\n\r\n\/* AVATAR *\/\r\n.card-avatar {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 12px;\r\n object-fit: cover;\r\n border: 2px solid rgba(255,255,255,0.25);\r\n background: rgba(255,255,255,0.15);\r\n flex-shrink: 0;\r\n}\r\n\r\n.card-ketua .card-avatar {\r\n width: 58px;\r\n height: 58px;\r\n}\r\n\r\n\/* INISIAL fallback *\/\r\n.card-initial {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 12px;\r\n background: rgba(255,255,255,0.18);\r\n border: 2px solid rgba(255,255,255,0.25);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #fff;\r\n flex-shrink: 0;\r\n letter-spacing: -1px;\r\n}\r\n\r\n.card-ketua .card-initial {\r\n width: 58px;\r\n height: 58px;\r\n font-size: 20px;\r\n}\r\n\r\n.card-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.card-name {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #fff;\r\n line-height: 1.3;\r\n}\r\n\r\n.card-ketua .card-name {\r\n font-size: 15px;\r\n}\r\n\r\n.card-role {\r\n font-size: 11.5px;\r\n color: rgba(255,255,255,0.7);\r\n font-weight: 500;\r\n}\r\n\r\n.card-arrow {\r\n margin-left: auto;\r\n width: 24px;\r\n height: 24px;\r\n background: rgba(255,255,255,0.15);\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: background 0.2s;\r\n}\r\n\r\n.org-card:hover .card-arrow {\r\n background: rgba(255,255,255,0.25);\r\n}\r\n\r\n.card-arrow svg {\r\n width: 12px;\r\n height: 12px;\r\n stroke: rgba(255,255,255,0.85);\r\n stroke-width: 2.5;\r\n fill: none;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n\/* CONNECTOR *\/\r\n.connector-v {\r\n width: 2px;\r\n background: linear-gradient(to bottom, #bfdbfe, #93c5fd);\r\n margin: 0 auto;\r\n}\r\n\r\n.connector-v-sm { height: 28px; }\r\n.connector-v-md { height: 36px; }\r\n.connector-v-lg { height: 44px; }\r\n\r\n.connector-h-wrapper {\r\n position: relative;\r\n margin: 0 auto;\r\n}\r\n\r\n.connector-h-line {\r\n height: 2px;\r\n background: linear-gradient(to right, #bfdbfe, #93c5fd, #bfdbfe);\r\n border-radius: 1px;\r\n}\r\n\r\n\/* LEVEL ROW *\/\r\n.level-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.level-center {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n\/* WAKIL KETUA dengan garis H *\/\r\n.wakil-group {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0;\r\n}\r\n\r\n\/* SECTION BAWAH (SEKRETARIS + BENDAHARA) *\/\r\n.bottom-section {\r\n display: flex;\r\n justify-content: center;\r\n gap: 60px;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n}\r\n\r\n.bottom-col {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0;\r\n}\r\n\r\n.bottom-col-title {\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #94a3b8;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n\/* DIVIDER antar card dalam kolom *\/\r\n.col-divider {\r\n width: 2px;\r\n height: 16px;\r\n background: #bfdbfe;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* POPUP OVERLAY *\/\r\n.popup-overlay {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 23, 42, 0.55);\r\n backdrop-filter: blur(4px);\r\n z-index: 999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n}\r\n\r\n.popup-overlay.show {\r\n display: flex;\r\n}\r\n\r\n.popup-box {\r\n background: #fff;\r\n border-radius: 20px;\r\n padding: 0;\r\n max-width: 380px;\r\n width: 100%;\r\n box-shadow: 0 24px 64px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.06);\r\n overflow: hidden;\r\n animation: popIn 0.25s cubic-bezier(0.34,1.56,0.64,1);\r\n}\r\n\r\n@keyframes popIn {\r\n from { transform: scale(0.88); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n.popup-header {\r\n background: linear-gradient(135deg, #1e40af, #2563eb);\r\n padding: 24px 24px 20px;\r\n position: relative;\r\n}\r\n\r\n.popup-header h3 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #fff;\r\n margin-top: 4px;\r\n}\r\n\r\n.popup-header p {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.65);\r\n margin-top: 3px;\r\n}\r\n\r\n.popup-close {\r\n position: absolute;\r\n top: 16px;\r\n right: 16px;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 8px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n}\r\n\r\n.popup-close:hover { background: rgba(255,255,255,0.25); }\r\n\r\n.popup-close svg {\r\n width: 14px;\r\n height: 14px;\r\n stroke: #fff;\r\n stroke-width: 2.5;\r\n fill: none;\r\n stroke-linecap: round;\r\n}\r\n\r\n.popup-body {\r\n padding: 20px 24px 24px;\r\n}\r\n\r\n.member-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n gap: 16px;\r\n}\r\n\r\n.member-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n text-align: center;\r\n}\r\n\r\n.member-photo-wrap {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 2px solid #e2e8f0;\r\n}\r\n\r\n.member-photo-wrap img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.member-initial-wrap {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 14px;\r\n background: linear-gradient(135deg, #1e40af, #3b82f6);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #fff;\r\n}\r\n\r\n.member-name {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n line-height: 1.3;\r\n}\r\n\r\n.member-role {\r\n font-size: 11px;\r\n color: #64748b;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 640px) {\r\n .org-card { min-width: 200px; }\r\n .card-ketua { min-width: 220px; }\r\n .bottom-section { gap: 32px; }\r\n .level-row { gap: 16px; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n body { padding: 32px 16px 48px; }\r\n .org-card { min-width: 180px; gap: 10px; }\r\n .bottom-section { flex-direction: column; align-items: center; }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"org-wrapper\">\r\n\r\n <div class=\"org-header\">\r\n <h1>Struktur Organisasi<\/h1>\r\n <p>Klik kartu untuk melihat detail anggota<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"level-center\">\r\n <div class=\"org-card card-ketua\" onclick=\"showPopup('ketua')\">\r\n <div class=\"card-badge\">★ Pimpinan Tertinggi<\/div>\r\n <img decoding=\"async\" class=\"card-avatar\"\r\n src=\"https:\/\/img.lightshot.app\/AyPsTdacRsyKeVofXhT2RQ.png\"\r\n onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\"\r\n alt=\"Foto Ketua\">\r\n <div class=\"card-initial\" style=\"display:none\">AK<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Akhmad Khusyaeri, S.Pd.<\/span>\r\n <span class=\"card-role\">Ketua<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector-v connector-v-md\"><\/div>\r\n\r\n \r\n <div style=\"position:relative; width: 420px; margin: 0 auto; max-width:90vw;\">\r\n <div class=\"connector-h-line\"><\/div>\r\n <div style=\"position:absolute; left:0; top:-1px; width:2px; height:28px; background:#93c5fd;\"><\/div>\r\n <div style=\"position:absolute; right:0; top:-1px; width:2px; height:28px; background:#93c5fd;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"level-row\" style=\"margin-top:28px\">\r\n <div class=\"org-card\" onclick=\"showPopup('wakil1')\">\r\n <div class=\"card-initial\">AH<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Ali Hasan, S.Pd.<\/span>\r\n <span class=\"card-role\">Wakil Ketua I<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"org-card\" onclick=\"showPopup('wakil2')\">\r\n <div class=\"card-initial\">MF<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">M. Fahreza, M.Pd.<\/span>\r\n <span class=\"card-role\">Wakil Ketua II<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector-v connector-v-lg\"><\/div>\r\n\r\n \r\n <div style=\"position:relative; width: 500px; margin: 0 auto; max-width:92vw;\">\r\n <div class=\"connector-h-line\"><\/div>\r\n <div style=\"position:absolute; left:0; top:-1px; width:2px; height:36px; background:#93c5fd;\"><\/div>\r\n <div style=\"position:absolute; right:0; top:-1px; width:2px; height:36px; background:#93c5fd;\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-section\" style=\"margin-top:36px\">\r\n\r\n \r\n <div class=\"bottom-col\">\r\n <p class=\"bottom-col-title\">Sekretaris<\/p>\r\n <div class=\"org-card\" onclick=\"showPopup('sekretaris1')\">\r\n <div class=\"card-initial\">HM<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Hana Maihatul A, M.Pd.<\/span>\r\n <span class=\"card-role\">Sekretaris I<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-divider\"><\/div>\r\n <div class=\"org-card\" onclick=\"showPopup('sekretaris2')\">\r\n <div class=\"card-initial\">UZ<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Umi Zahrotus S, M.Pd.<\/span>\r\n <span class=\"card-role\">Sekretaris II<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bottom-col\">\r\n <p class=\"bottom-col-title\">Bendahara<\/p>\r\n <div class=\"org-card\" onclick=\"showPopup('bendahara1')\">\r\n <div class=\"card-initial\">FA<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Faridah Amiliyatul Q, M.Pd.<\/span>\r\n <span class=\"card-role\">Bendahara I<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-divider\"><\/div>\r\n <div class=\"org-card\" onclick=\"showPopup('bendahara2')\">\r\n <div class=\"card-initial\">AR<\/div>\r\n <div class=\"card-info\">\r\n <span class=\"card-name\">Abu Rizal, S.Pd.<\/span>\r\n <span class=\"card-role\">Bendahara II<\/span>\r\n <\/div>\r\n <div class=\"card-arrow\">\r\n <svg viewBox=\"0 0 16 16\"><polyline points=\"6 3 11 8 6 13\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"popup-overlay\" id=\"popup\">\r\n <div class=\"popup-box\">\r\n <div class=\"popup-header\">\r\n <button class=\"popup-close\" onclick=\"closePopup()\">\r\n <svg viewBox=\"0 0 16 16\"><line x1=\"3\" y1=\"3\" x2=\"13\" y2=\"13\"\/><line x1=\"13\" y1=\"3\" x2=\"3\" y2=\"13\"\/><\/svg>\r\n <\/button>\r\n <h3 id=\"popup-title\">\u2014<\/h3>\r\n <p id=\"popup-subtitle\">Detail Anggota<\/p>\r\n <\/div>\r\n <div class=\"popup-body\">\r\n <div class=\"member-grid\" id=\"popup-members\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\nconst data = {\r\n ketua: {\r\n title: \"Ketua\",\r\n subtitle: \"Pimpinan Organisasi\",\r\n members: [\r\n { name: \"Akhmad Khusyaeri, S.Pd.\", role: \"Ketua\", photo: \"https:\/\/img.lightshot.app\/AyPsTdacRsyKeVofXhT2RQ.png\", initial: \"AK\" }\r\n ]\r\n },\r\n wakil1: {\r\n title: \"Wakil Ketua I\",\r\n subtitle: \"Bidang Internal\",\r\n members: [\r\n { name: \"Ali Hasan, S.Pd.\", role: \"Wakil Ketua I\", photo: \"\", initial: \"AH\" }\r\n ]\r\n },\r\n wakil2: {\r\n title: \"Wakil Ketua II\",\r\n subtitle: \"Bidang Eksternal\",\r\n members: [\r\n { name: \"M. Fahreza, M.Pd.\", role: \"Wakil Ketua II\", photo: \"\", initial: \"MF\" }\r\n ]\r\n },\r\n sekretaris1: {\r\n title: \"Sekretaris I\",\r\n subtitle: \"Divisi Kesekretariatan\",\r\n members: [\r\n { name: \"Hana Maihatul A, M.Pd.\", role: \"Sekretaris I\", photo: \"\", initial: \"HM\" }\r\n ]\r\n },\r\n sekretaris2: {\r\n title: \"Sekretaris II\",\r\n subtitle: \"Divisi Kesekretariatan\",\r\n members: [\r\n { name: \"Umi Zahrotus Saadah, M.Pd.\", role: \"Sekretaris II\", photo: \"\", initial: \"UZ\" }\r\n ]\r\n },\r\n bendahara1: {\r\n title: \"Bendahara I\",\r\n subtitle: \"Divisi Keuangan\",\r\n members: [\r\n { name: \"Faridah Amiliyatul Q, M.Pd.\", role: \"Bendahara I\", photo: \"\", initial: \"FA\" }\r\n ]\r\n },\r\n bendahara2: {\r\n title: \"Bendahara II\",\r\n subtitle: \"Divisi Keuangan\",\r\n members: [\r\n { name: \"Abu Rizal, S.Pd.\", role: \"Bendahara II\", photo: \"\", initial: \"AR\" }\r\n ]\r\n }\r\n};\r\n\r\nfunction showPopup(key) {\r\n const d = data[key];\r\n document.getElementById('popup-title').textContent = d.title;\r\n document.getElementById('popup-subtitle').textContent = d.subtitle;\r\n\r\n let html = '';\r\n d.members.forEach(m => {\r\n const photoHtml = m.photo\r\n ? `<div class=\"member-photo-wrap\"><img decoding=\"async\" src=\"${m.photo}\" alt=\"${m.name}\" onerror=\"this.parentElement.style.display='none';this.parentElement.nextElementSibling.style.display='flex'\"><\/div>\r\n <div class=\"member-initial-wrap\" style=\"display:none\">${m.initial}<\/div>`\r\n : `<div class=\"member-initial-wrap\">${m.initial}<\/div>`;\r\n html += `<div class=\"member-item\">\r\n ${photoHtml}\r\n <div>\r\n <p class=\"member-name\">${m.name}<\/p>\r\n <p class=\"member-role\">${m.role}<\/p>\r\n <\/div>\r\n <\/div>`;\r\n });\r\n\r\n document.getElementById('popup-members').innerHTML = html;\r\n document.getElementById('popup').classList.add('show');\r\n}\r\n\r\nfunction closePopup() {\r\n document.getElementById('popup').classList.remove('show');\r\n}\r\n\r\ndocument.getElementById('popup').addEventListener('click', function(e) {\r\n if (e.target === this) closePopup();\r\n});\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') closePopup();\r\n});\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Struktur Organisasi Struktur Organisasi Klik kartu untuk melihat detail anggota ★ Pimpinan Tertinggi AK Akhmad Khusyaeri, S.Pd. Ketua AH Ali Hasan, S.Pd. Wakil Ketua I MF M. Fahreza, M.Pd. Wakil Ketua II Sekretaris HM Hana Maihatul A, M.Pd. Sekretaris I UZ Umi Zahrotus S, M.Pd. Sekretaris II Bendahara FA Faridah Amiliyatul Q, M.Pd. Bendahara I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3403"}],"version-history":[{"count":16,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403\/revisions"}],"predecessor-version":[{"id":5545,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403\/revisions\/5545"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}