{"id":3403,"date":"2025-08-19T01:45:35","date_gmt":"2025-08-19T01:45:35","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3403"},"modified":"2026-10-23T08:07:43","modified_gmt":"2026-10-23T08:07:43","slug":"alumni","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3403","title":{"rendered":"Alumni"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3403\" class=\"elementor elementor-3403\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6228327 e-flex e-con-boxed e-con e-parent\" data-id=\"6228327\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c533230 elementor-widget elementor-widget-html\" data-id=\"c533230\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.org-wrapper,\r\n.org-wrapper *,\r\n.org-wrapper *::before,\r\n.org-wrapper *::after,\r\n.org-popup-overlay,\r\n.org-popup-overlay *,\r\n.org-popup-overlay *::before,\r\n.org-popup-overlay *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.org-wrapper {\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n  max-width: 900px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 24px 16px 40px;\r\n  text-align: center;\r\n  color: #0f172a;\r\n  overflow-x: hidden;\r\n}\r\n\r\n.org-wrapper .org-header {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.org-wrapper .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  line-height: 1.3;\r\n  margin: 0;\r\n}\r\n\r\n.org-wrapper .org-header p {\r\n  font-size: 14px;\r\n  color: #64748b;\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* CARD - Ukuran seragam untuk semua jabatan *\/\r\n.org-wrapper .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: 16px 16px 14px 14px;\r\n  color: #ffffff;\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  width: 300px;\r\n  max-width: 100%;\r\n  min-height: 88px;\r\n  text-align: left;\r\n  border: 1px solid rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n.org-wrapper .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-wrapper .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-wrapper .org-card:active {\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* KETUA - Ukuran sama dengan kartu lainnya *\/\r\n.org-wrapper .card-ketua {\r\n  background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1d4ed8 100%);\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.org-wrapper .card-badge {\r\n  position: absolute;\r\n  top: -11px;\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 12px;\r\n  border-radius: 20px;\r\n  white-space: nowrap;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  line-height: 1.4;\r\n  z-index: 2;\r\n}\r\n\r\n\/* AVATAR *\/\r\n.org-wrapper .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\/* INISIAL fallback *\/\r\n.org-wrapper .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: #ffffff;\r\n  flex-shrink: 0;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.org-wrapper .card-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 3px;\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.org-wrapper .card-name {\r\n  font-size: 13.5px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  line-height: 1.3;\r\n  word-wrap: break-word;\r\n}\r\n\r\n.org-wrapper .card-role {\r\n  font-size: 11.5px;\r\n  color: rgba(255, 255, 255, 0.75);\r\n  font-weight: 500;\r\n  line-height: 1.2;\r\n}\r\n\r\n.org-wrapper .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-wrapper .org-card:hover .card-arrow {\r\n  background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.org-wrapper .card-arrow svg {\r\n  width: 12px !important;\r\n  height: 12px !important;\r\n  stroke: rgba(255, 255, 255, 0.9) !important;\r\n  stroke-width: 2.5 !important;\r\n  fill: none !important;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n  display: block;\r\n}\r\n\r\n\/* CONNECTOR *\/\r\n.org-wrapper .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.org-wrapper .connector-v-md { height: 32px; }\r\n.org-wrapper .connector-v-lg { height: 36px; }\r\n\r\n\/* GARIS CABANG BAWAH *\/\r\n.org-wrapper .branch-line {\r\n  position: relative;\r\n  width: 360px;\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n  height: 36px;\r\n}\r\n\r\n.org-wrapper .branch-line::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(to right, #bfdbfe, #93c5fd, #bfdbfe);\r\n}\r\n\r\n.org-wrapper .branch-line-left,\r\n.org-wrapper .branch-line-right {\r\n  position: absolute;\r\n  top: 0;\r\n  width: 2px;\r\n  height: 36px;\r\n  background: #93c5fd;\r\n}\r\n\r\n.org-wrapper .branch-line-left { left: 0; }\r\n.org-wrapper .branch-line-right { right: 0; }\r\n\r\n\/* LEVEL CENTER *\/\r\n.org-wrapper .level-center {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n\/* SECTION BAWAH (SEKRETARIS + BENDAHARA) *\/\r\n.org-wrapper .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.org-wrapper .bottom-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.org-wrapper .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: 12px;\r\n}\r\n\r\n\/* DIVIDER antar card dalam kolom *\/\r\n.org-wrapper .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.org-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: 99999;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 24px;\r\n  font-family: 'Plus Jakarta Sans', sans-serif;\r\n}\r\n\r\n.org-popup-overlay.show {\r\n  display: flex;\r\n}\r\n\r\n.org-popup-overlay .popup-box {\r\n  background: #ffffff;\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: orgPopIn 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n\r\n@keyframes orgPopIn {\r\n  from { transform: scale(0.88); opacity: 0; }\r\n  to { transform: scale(1); opacity: 1; }\r\n}\r\n\r\n.org-popup-overlay .popup-header {\r\n  background: linear-gradient(135deg, #1e40af, #2563eb);\r\n  padding: 24px 24px 20px;\r\n  position: relative;\r\n  text-align: left;\r\n}\r\n\r\n.org-popup-overlay .popup-header h3 {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  margin: 4px 0 0;\r\n}\r\n\r\n.org-popup-overlay .popup-header p {\r\n  font-size: 12px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  margin: 3px 0 0;\r\n}\r\n\r\n.org-popup-overlay .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.org-popup-overlay .popup-close:hover {\r\n  background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.org-popup-overlay .popup-close svg {\r\n  width: 14px !important;\r\n  height: 14px !important;\r\n  stroke: #ffffff !important;\r\n  stroke-width: 2.5 !important;\r\n  fill: none !important;\r\n  stroke-linecap: round;\r\n}\r\n\r\n.org-popup-overlay .popup-body {\r\n  padding: 24px;\r\n}\r\n\r\n.org-popup-overlay .member-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n  gap: 16px;\r\n}\r\n\r\n.org-popup-overlay .member-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 10px;\r\n  text-align: center;\r\n}\r\n\r\n.org-popup-overlay .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.org-popup-overlay .member-photo-wrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n}\r\n\r\n.org-popup-overlay .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: #ffffff;\r\n}\r\n\r\n.org-popup-overlay .member-name {\r\n  font-size: 13.5px;\r\n  font-weight: 600;\r\n  color: #0f172a;\r\n  line-height: 1.35;\r\n}\r\n\r\n.org-popup-overlay .member-role {\r\n  font-size: 11.5px;\r\n  color: #64748b;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* RESPONSIVE MOBILE *\/\r\n@media (max-width: 680px) {\r\n  .org-wrapper .branch-line {\r\n    width: 2px;\r\n    height: 24px;\r\n    background: #93c5fd;\r\n  }\r\n  .org-wrapper .branch-line::before,\r\n  .org-wrapper .branch-line-left,\r\n  .org-wrapper .branch-line-right {\r\n    display: none;\r\n  }\r\n  .org-wrapper .bottom-section {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 28px;\r\n  }\r\n  .org-wrapper .org-card {\r\n    width: 290px;\r\n  }\r\n}\r\n<\/style>\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  <!-- KETUA -->\r\n  <div class=\"level-center\">\r\n    <div class=\"org-card card-ketua\" onclick=\"showOrgPopup('ketua')\">\r\n      <div class=\"card-badge\">&#9733; Pimpinan Tertinggi<\/div>\r\n      <img decoding=\"async\" class=\"card-avatar\" id=\"img-ketua\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/Ali-Hasan-A-setengah-badan-baground-merah.jpg.jpeg\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\" alt=\"Foto Ketua\">\r\n      <div class=\"card-initial\" style=\"display:none\">AH<\/div>\r\n      <div class=\"card-info\">\r\n        <span class=\"card-name\">Ali Hasan Assidqi, S.Pd., M.Ag.<\/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\"><\/polyline><\/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  <!-- WAKIL KETUA -->\r\n  <div class=\"level-center\">\r\n    <div class=\"org-card\" onclick=\"showOrgPopup('wakil')\">\r\n      <img decoding=\"async\" class=\"card-avatar\" id=\"img-wakil\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-20.27.29-e1792504186576.jpeg\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\" alt=\"Foto Wakil Ketua\">\r\n      <div class=\"card-initial\" style=\"display:none\">MF<\/div>\r\n      <div class=\"card-info\">\r\n        <span class=\"card-name\">Muhammad Fahreza, M.Pd.<\/span>\r\n        <span class=\"card-role\">Wakil 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\"><\/polyline><\/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  <!-- GARIS CABANG BAWAH -->\r\n  <div class=\"branch-line\">\r\n    <div class=\"branch-line-left\"><\/div>\r\n    <div class=\"branch-line-right\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- SEKRETARIS & BENDAHARA -->\r\n  <div class=\"bottom-section\" style=\"margin-top: 8px;\">\r\n\r\n    <!-- SEKRETARIS -->\r\n    <div class=\"bottom-col\">\r\n      <p class=\"bottom-col-title\">Sekretaris<\/p>\r\n      <div class=\"org-card\" onclick=\"showOrgPopup('sekretaris1')\">\r\n        <img decoding=\"async\" class=\"card-avatar\" id=\"img-sekretaris1\" src=\"https:\/\/via.placeholder.com\/150\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\" alt=\"Foto Sekretaris I\">\r\n        <div class=\"card-initial\" style=\"display:none\">HM<\/div>\r\n        <div class=\"card-info\">\r\n          <span class=\"card-name\">Hana Malihatul Azizah, 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\"><\/polyline><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-divider\"><\/div>\r\n      <div class=\"org-card\" onclick=\"showOrgPopup('sekretaris2')\">\r\n        <img decoding=\"async\" class=\"card-avatar\" id=\"img-sekretaris2\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-23-at-14.55.01-e1792742548160.jpeg\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\" alt=\"Foto Sekretaris II\">\r\n        <div class=\"card-initial\" style=\"display:none\">UZ<\/div>\r\n        <div class=\"card-info\">\r\n          <span class=\"card-name\">Umi Zahrotus Sa'adah, 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\"><\/polyline><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BENDAHARA -->\r\n    <div class=\"bottom-col\">\r\n      <p class=\"bottom-col-title\">Bendahara<\/p>\r\n      <div class=\"org-card\" onclick=\"showOrgPopup('bendahara1')\">\r\n        <img decoding=\"async\" class=\"card-avatar\" id=\"img-bendahara1\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-20.27.59-1.jpeg\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\" alt=\"Foto Bendahara I\">\r\n        <div class=\"card-initial\" style=\"display:none\">FA<\/div>\r\n        <div class=\"card-info\">\r\n          <span class=\"card-name\">Faridah Amiliyatul Qur'ana, S.Pd., M.Ag.<\/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\"><\/polyline><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"col-divider\"><\/div>\r\n      <div class=\"org-card\" onclick=\"showOrgPopup('bendahara2')\">\r\n        <img decoding=\"async\" class=\"card-avatar\" id=\"img-bendahara2\" src=\"https:\/\/via.placeholder.com\/150\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='flex'\" alt=\"Foto Bendahara II\">\r\n        <div class=\"card-initial\" style=\"display:none\">AR<\/div>\r\n        <div class=\"card-info\">\r\n          <span class=\"card-name\">Abu Rizal Zakaria, 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\"><\/polyline><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- POPUP -->\r\n<div class=\"org-popup-overlay\" id=\"org-popup\">\r\n  <div class=\"popup-box\">\r\n    <div class=\"popup-header\">\r\n      <button class=\"popup-close\" type=\"button\" onclick=\"closeOrgPopup()\">\r\n        <svg viewBox=\"0 0 16 16\"><line x1=\"3\" y1=\"3\" x2=\"13\" y2=\"13\"><\/line><line x1=\"13\" y1=\"3\" x2=\"3\" y2=\"13\"><\/line><\/svg>\r\n      <\/button>\r\n      <h3 id=\"org-popup-title\">\u2014<\/h3>\r\n      <p id=\"org-popup-subtitle\">Detail Anggota<\/p>\r\n    <\/div>\r\n    <div class=\"popup-body\">\r\n      <div class=\"member-grid\" id=\"org-popup-members\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Ganti link foto masing-masing anggota pada bagian \"photo\" di bawah ini:\r\nconst orgData = {\r\n  ketua: {\r\n    title: \"Ketua\",\r\n    subtitle: \"Pimpinan Organisasi\",\r\n    members: [\r\n      { \r\n        name: \"Ali Hasan Assidqi, S.Pd., M.Ag.\", \r\n        role: \"Ketua\", \r\n        photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/Ali-Hasan-A-setengah-badan-baground-merah.jpg.jpeg\", \r\n        initial: \"AH\" \r\n      }\r\n    ]\r\n  },\r\n  wakil: {\r\n    title: \"Wakil Ketua\",\r\n    subtitle: \"Wakil Pimpinan Organisasi\",\r\n    members: [\r\n      { \r\n        name: \"Muhammad Fahreza, M.Pd.\", \r\n        role: \"Wakil Ketua\", \r\n        photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-20.27.29-e1792504186576.jpeg\", \/\/ <-- Ganti URL foto Wakil Ketua di sini\r\n        initial: \"MF\" \r\n      }\r\n    ]\r\n  },\r\n  sekretaris1: {\r\n    title: \"Sekretaris I\",\r\n    subtitle: \"Divisi Kesekretariatan\",\r\n    members: [\r\n      { \r\n        name: \"Hana Malihatul Azizah, M.Pd.\", \r\n        role: \"Sekretaris I\", \r\n        photo: \"https:\/\/via.placeholder.com\/150\", \/\/ <-- Ganti URL foto Sekretaris I di sini\r\n        initial: \"HM\" \r\n      }\r\n    ]\r\n  },\r\n  sekretaris2: {\r\n    title: \"Sekretaris II\",\r\n    subtitle: \"Divisi Kesekretariatan\",\r\n    members: [\r\n      { \r\n        name: \"Umi Zahrotus Sa'adah, M.Pd.\", \r\n        role: \"Sekretaris II\", \r\n        photo: \"https:\/\/via.placeholder.com\/150\", \/\/ <-- Ganti URL foto Sekretaris II di sini\r\n        initial: \"UZ\" \r\n      }\r\n    ]\r\n  },\r\n  bendahara1: {\r\n    title: \"Bendahara I\",\r\n    subtitle: \"Divisi Keuangan\",\r\n    members: [\r\n      { \r\n        name: \"Faridah Amiliyatul Qur'ana, S.Pd., M.Ag.\", \r\n        role: \"Bendahara I\", \r\n        photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-20-at-20.27.59-1.jpeg\", \/\/ <-- Ganti URL foto Bendahara I di sini\r\n        initial: \"FA\" \r\n      }\r\n    ]\r\n  },\r\n  bendahara2: {\r\n    title: \"Bendahara II\",\r\n    subtitle: \"Divisi Keuangan\",\r\n    members: [\r\n      { \r\n        name: \"Abu Rizal Zakaria, S.Pd.\", \r\n        role: \"Bendahara II\", \r\n        photo: \"https:\/\/via.placeholder.com\/150\", \/\/ <-- Ganti URL foto Bendahara II di sini\r\n        initial: \"AR\" \r\n      }\r\n    ]\r\n  }\r\n};\r\n\r\n\/\/ Sinkronisasi otomatis URL foto dari orgData ke kartu HTML\r\nObject.keys(orgData).forEach(key => {\r\n  const imgEl = document.getElementById('img-' + key);\r\n  const memberPhoto = orgData[key].members[0]?.photo;\r\n  if (imgEl) {\r\n    if (memberPhoto) {\r\n      imgEl.src = memberPhoto;\r\n    } else {\r\n      imgEl.style.display = 'none';\r\n      if (imgEl.nextElementSibling) imgEl.nextElementSibling.style.display = 'flex';\r\n    }\r\n  }\r\n});\r\n\r\nfunction showOrgPopup(key) {\r\n  const d = orgData[key];\r\n  if (!d) return;\r\n  document.getElementById('org-popup-title').textContent = d.title;\r\n  document.getElementById('org-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('org-popup-members').innerHTML = html;\r\n  document.getElementById('org-popup').classList.add('show');\r\n}\r\n\r\nfunction closeOrgPopup() {\r\n  document.getElementById('org-popup').classList.remove('show');\r\n}\r\n\r\ndocument.getElementById('org-popup').addEventListener('click', function(e) {\r\n  if (e.target === this) closeOrgPopup();\r\n});\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n  if (e.key === 'Escape') closeOrgPopup();\r\n});\r\n<\/script>\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 Klik kartu untuk melihat detail anggota &#9733; Pimpinan Tertinggi AH Ali Hasan Assidqi, S.Pd., M.Ag. Ketua MF Muhammad Fahreza, M.Pd. Wakil Ketua Sekretaris HM Hana Malihatul Azizah, M.Pd. Sekretaris I UZ Umi Zahrotus Sa&#8217;adah, M.Pd. Sekretaris II Bendahara FA Faridah Amiliyatul Qur&#8217;ana, S.Pd., M.Ag. Bendahara I AR Abu Rizal Zakaria, S.Pd. Bendahara II [&hellip;]<\/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":37,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403\/revisions"}],"predecessor-version":[{"id":6409,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3403\/revisions\/6409"}],"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}]}}