{"id":3393,"date":"2025-08-19T01:40:18","date_gmt":"2025-08-19T01:40:18","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3393"},"modified":"2026-05-25T03:54:54","modified_gmt":"2026-05-25T03:54:54","slug":"hmps","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3393","title":{"rendered":"HMPS"},"content":{"rendered":"\t\t
\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 UI Modern - PAI UIN Malang<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n \/* GLOBAL STYLES *\/\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n background-color: #f8fafc;\r\n color: #334155;\r\n margin: 0;\r\n padding: 0px 0px;\r\n }\r\n\r\n .org-tree {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* KARTU ORGANISASI (CARD UI) *\/\r\n .org-card {\r\n background: #ffffff;\r\n border-radius: 16px;\r\n padding: 20px;\r\n width: 170px;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);\r\n border: 1px solid #f1f5f9;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .org-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);\r\n border-color: #3b82f6;\r\n }\r\n\r\n .org-card img {\r\n width: 75px;\r\n height: 75px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n object-position: top center; \/* Mencegah wajah terpotong *\/\r\n margin-bottom: 12px;\r\n border: 3px solid #eff6ff;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .org-card:hover img {\r\n transform: scale(1.08);\r\n }\r\n\r\n .org-card h3 {\r\n margin: 0 0 4px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n text-align: center;\r\n line-height: 1.3;\r\n }\r\n\r\n .org-card p {\r\n margin: 0;\r\n font-size: 12px;\r\n color: #64748b;\r\n text-align: center;\r\n }\r\n\r\n \/* KARTU KHUSUS DIVISI *\/\r\n .org-card.divisi {\r\n background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\r\n color: white;\r\n width: 150px;\r\n padding: 18px 15px;\r\n border: none;\r\n }\r\n\r\n .org-card.divisi h4 {\r\n margin: 0;\r\n font-size: 14px;\r\n font-weight: 500;\r\n text-align: center;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .org-card.divisi:hover {\r\n box-shadow: 0 15px 25px -5px rgba(37, 99, 235, 0.4);\r\n }\r\n\r\n \/* GARIS PENGHUBUNG *\/\r\n .connector {\r\n width: 2px;\r\n height: 35px;\r\n background: #cbd5e1;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* LEVEL & LAYOUTING *\/\r\n .level {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n position: relative;\r\n }\r\n\r\n .level-3 {\r\n gap: 60px;\r\n }\r\n .level-3::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -35px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: calc(100% - 170px);\r\n height: 2px;\r\n background: #cbd5e1;\r\n }\r\n .level-3 .org-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -35px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 2px;\r\n height: 35px;\r\n background: #cbd5e1;\r\n }\r\n\r\n \/* POPUP & GLASSMORPHISM *\/\r\n .popup {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 9999;\r\n }\r\n\r\n .popup.show {\r\n display: flex;\r\n animation: fadeIn 0.3s ease;\r\n }\r\n\r\n .popup-content {\r\n background: #ffffff;\r\n padding: 35px 20px;\r\n border-radius: 24px;\r\n text-align: center;\r\n max-width: 580px;\r\n width: 95%;\r\n max-height: 85vh;\r\n overflow-y: auto;\r\n position: relative;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n animation: scaleUp 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n\r\n .popup-content::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n .popup-content::-webkit-scrollbar-track {\r\n background: #f1f5f9;\r\n border-radius: 10px;\r\n }\r\n .popup-content::-webkit-scrollbar-thumb {\r\n background: #cbd5e1;\r\n border-radius: 10px;\r\n }\r\n\r\n #division-title {\r\n margin-top: 0;\r\n font-size: 20px;\r\n color: #1e293b;\r\n border-bottom: 2px solid #f1f5f9;\r\n padding-bottom: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n \/* TOMBOL CLOSE POPUP *\/\r\n .close {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n width: 32px;\r\n height: 32px;\r\n background: #f1f5f9;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n color: #64748b;\r\n transition: 0.2s ease;\r\n }\r\n\r\n .close:hover {\r\n background: #fee2e2;\r\n color: #ef4444;\r\n transform: rotate(90deg);\r\n }\r\n\r\n \/* PENYELARASAN GRID ANGGOTA DALAM POPUP *\/\r\n .member-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 25px 20px;\r\n }\r\n\r\n .member-card {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-start;\r\n text-align: center;\r\n width: 150px;\r\n animation: fadeUp 0.5s ease backwards;\r\n }\r\n\r\n .member-card img {\r\n width: 75px;\r\n height: 75px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n object-position: top center;\r\n margin-bottom: 12px;\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.08);\r\n border: 2px solid #fff;\r\n }\r\n\r\n .member-card h4 {\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin: 0;\r\n color: #1e293b;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* BADGE KHUSUS CO *\/\r\n .badge-co {\r\n display: inline-block;\r\n background-color: #eff6ff;\r\n color: #2563eb;\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 3px 10px;\r\n border-radius: 12px;\r\n margin-top: 6px;\r\n border: 1px solid #bfdbfe;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n \/* KEYFRAMES ANIMASI *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n\r\n @keyframes scaleUp {\r\n from { transform: scale(0.85); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* RESPONSIVE DESIGN *\/\r\n @media (max-width: 768px) {\r\n .level {\r\n gap: 15px;\r\n }\r\n .org-card {\r\n width: 140px;\r\n padding: 15px;\r\n }\r\n .org-card img {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n .org-card.divisi {\r\n width: 130px;\r\n }\r\n .level-3 {\r\n gap: 20px;\r\n }\r\n .level-3::before {\r\n width: calc(100% - 170px); \/* Disesuaikan dengan lebar kartu baru + gap *\/\r\n }\r\n .member-card {\r\n width: 135px;\r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"org-tree\">\r\n <div class=\"level level-1\">\r\n <div class=\"org-card\" tabindex=\"0\" onclick=\"showMember('ketua')\">\r\n <img decoding=\"async\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Dzia-Ul-Haq-Muhammad-Aly-Zuhdy-scaled-e1779414643427.jpg\" alt=\"Ketua\" onerror=\"this.src='https:\/\/via.placeholder.com\/75?text=Foto'\">\r\n <h3>Ketua<\/h3>\r\n <p>Dzia Ul Haq Muhammad Aly Zuhdy<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector\"><\/div>\r\n\r\n <div class=\"level level-2\">\r\n <div class=\"org-card\" tabindex=\"0\" onclick=\"showMember('wakil')\">\r\n <img decoding=\"async\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Marsha-Naurah-Ghaisa-Arwanto-scaled-e1779378168625.jpg\" alt=\"Wakil Ketua\" onerror=\"this.src='https:\/\/via.placeholder.com\/75?text=Foto'\">\r\n <h3>Wakil Ketua<\/h3>\r\n <p>Marsha Naurah Ghaisa Arwanto<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector\"><\/div>\r\n\r\n <div class=\"level level-3\">\r\n <div class=\"org-card\" tabindex=\"0\" onclick=\"showMember('sekretaris')\">\r\n <img decoding=\"async\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Dwi-Septia-Wulandari-scaled-e1779363052684.jpg\" alt=\"Sekretaris\" onerror=\"this.src='https:\/\/via.placeholder.com\/75?text=Foto'\">\r\n <h3>Sekretaris<\/h3>\r\n <p>Dwi Septia Wulandari<\/p>\r\n <\/div>\r\n\r\n <div class=\"org-card\" tabindex=\"0\" onclick=\"showMember('bendahara')\">\r\n <img decoding=\"async\" src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Vina-Rosalia-Khoiroh-scaled-e1779363298688.jpg\" alt=\"Bendahara\" onerror=\"this.src='https:\/\/via.placeholder.com\/75?text=Foto'\">\r\n <h3>Bendahara<\/h3>\r\n <p>Vina Rosalia Khoiroh<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"connector\"><\/div>\r\n\r\n <div class=\"level level-4\">\r\n <div class=\"org-card divisi\" tabindex=\"0\" onclick=\"showDivision('networking')\">\r\n <h4>Divisi Networking<\/h4>\r\n <\/div>\r\n <div class=\"org-card divisi\" tabindex=\"0\" onclick=\"showDivision('intelektual')\">\r\n <h4>Divisi Intelektual<\/h4>\r\n <\/div>\r\n <div class=\"org-card divisi\" tabindex=\"0\" onclick=\"showDivision('entrepreneur')\">\r\n <h4>Divisi Entrepreneur<\/h4>\r\n <\/div>\r\n <div class=\"org-card divisi\" tabindex=\"0\" onclick=\"showDivision('keagamaan')\">\r\n <h4>Divisi Keagamaan<\/h4>\r\n <\/div>\r\n <div class=\"org-card divisi\" tabindex=\"0\" onclick=\"showDivision('jurnalistik')\">\r\n <h4>Divisi Jurnalistik<\/h4>\r\n <\/div>\r\n <div class=\"org-card divisi\" tabindex=\"0\" onclick=\"showDivision('psdm')\">\r\n <h4>Divisi PSDM<\/h4>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div id=\"member-popup\" class=\"popup\">\r\n <div class=\"popup-content\">\r\n <span class=\"close\" onclick=\"closePopup()\">\u00d7<\/span>\r\n <h2 id=\"division-title\">Detail Anggota<\/h2>\r\n <div id=\"member-list\" class=\"member-grid\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Data Pengurus Inti\r\nconst members = {\r\n ketua: {\r\n title: \"Ketua\",\r\n members: [{ name: \"Dzia Ul Haq Muhammad Aly Zuhdy\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Dzia-Ul-Haq-Muhammad-Aly-Zuhdy-scaled.jpg\" }]\r\n },\r\n wakil: {\r\n title: \"Wakil Ketua\",\r\n members: [{ name: \"Marsha Naurah Ghaisa Arwanto\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Marsha-Naurah-Ghaisa-Arwanto-scaled-e1779362959966.jpg\" }]\r\n },\r\n sekretaris: {\r\n title: \"Sekretaris\",\r\n members: [{ name: \"Dwi Septia Wulandari\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Dwi-Septia-Wulandari-scaled-e1779363052684.jpg\" }]\r\n },\r\n bendahara: {\r\n title: \"Bendahara\",\r\n members: [{ name: \"Vina Rosalia Khoiroh\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Vina-Rosalia-Khoiroh-scaled-e1779363298688.jpg\" }]\r\n }\r\n};\r\n\r\n\/\/ Data Divisi\r\nconst divisions = {\r\n networking: {\r\n title: \"Divisi Networking\",\r\n members: [\r\n { name: \"Cantika Tri Lestari (CO)\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Cantika-Tri-Lestari-scaled-e1779378938107.jpg\" },\r\n { name: \"Mohammad Ridho Al Mahbubi\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Mohammad-Ridho-Al-Mahbubi-scaled-e1779379018146.jpg\" },\r\n { name: \"Muhammad Sakka Hidayatulloh\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Muhammad-Sakka-Hidayatulloh-scaled-e1779379037357.jpg\" },\r\n { name: \"Naqiyyah Salsabila\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Naqiyyah-Salsabila-scaled-e1779379056923.jpg\" },\r\n { name: \"Ramdhan Alfaqih\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ramdhan-Alfaqih-1-scaled-e1779379078558.jpg\" },\r\n { name: \"Zulfa Nur Hani'ah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Zulfa-Nur-Haniah-scaled-e1779378354375.jpg\" },\r\n { name: \"Arinda Eka Apriana\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Arinda-Eka-Apriana-scaled-e1779379308977.jpg\" },\r\n { name: \"Salsa Aulia Rahmawati\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Salsa-Aulia-Rahmawati-scaled-e1779379334430.jpg\" },\r\n { name: \"Siti Mukhrimah Siregar\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Siti-Mukhrimah-Siregar-scaled-e1779379368280.jpg\" }\r\n ]\r\n },\r\n intelektual: {\r\n title: \"Divisi Intelektual\",\r\n members: [\r\n { name: \"A. Rasyid Al Musafa (CO)\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/re-e1779379666685.jpeg\" },\r\n { name: \"Nailatul Muna Salsabila\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nailatul-Muna-Salsabila-scaled-e1779379818293.jpg\" },\r\n { name: \"Nailah Rosyidah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nailah-Rosyidah-scaled-e1779380514984.jpg\" },\r\n { name: \"Salma Hilyatul Faizah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Salma-Hilyatul-Faizah-scaled-e1779414802692.jpg\" },\r\n { name: \"Anisatul Komariyah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Anisatul-Komariyah-scaled-e1779379962556.jpg\" },\r\n { name: \"Anzil Iklima Faiza Rahma\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Anzil-Iklima-Faiza-Rahma-scaled-e1779380005664.jpg\" },\r\n { name: \"Nabila Rizki Soraya\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nabila-Rizki-Soraya-scaled-e1779380092125.jpg\" },\r\n { name: \"Muhammad Najwan Alfasya\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Muhammad-Najwan-Alfasya-scaled-e1779380046200.jpg\" },\r\n { name: \"Mohammad Hamka Daud\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Mohammad-Hamka-Daud-1-scaled-e1779367821852.jpg\" },\r\n { name: \"Ikhtiar Ramadhani\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ikhtiar-Ramadhani-scaled-e1779380176987.jpg\" },\r\n { name: \"Naila Darojah Aulia\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Naila-Darojah-Aulia-scaled-e1779380139748.jpg\" }\r\n ]\r\n },\r\n entrepreneur: {\r\n title: \"Divisi Entrepreneur\",\r\n members: [\r\n { name: \"Ariskha Halwa Sulfiana (CO)\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ariskha-Halwa-Sulfiana-scaled-e1779412875140.jpeg\" },\r\n { name: \"Ghaitsa Nu'ma Haura Mahbubi\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ghaitsa-Numa-Haura-Mahbubi-scaled-e1779370498835.jpg\" },\r\n { name: \"Fauzan Attauziri\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Fauzan-Attauziri-scaled-e1779411257851.jpg\" },\r\n { name: \"Ahmad Nazil Khoironi\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ahmad-Nazil-Khoironi-scaled-e1779411969187.jpg\" },\r\n { name: \"Maulida Sufiya Anggraeny\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Maulida-Sufiya-Anggraeny-scaled-e1779412057795.jpg\" },\r\n { name: \"Yulian Ferdianto\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Yulian-Ferdianto-scaled-e1779412109205.jpg\" },\r\n { name: \"Shofiyyah Nur Revalina Putri\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Shofiyyah-Nur-Revalina-Putri-scaled-e1779412219448.jpg\" },\r\n { name: \"Said Dani Pratama\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Said-Dani-Pratama-scaled-e1779412261146.jpg\" },\r\n { name: \"Regita Ilham Zahra Putri\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Regita-Ilham-Zahra-Putri-scaled-e1779412316930.jpg\" },\r\n { name: \"Adib Susilo\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Adib-Susilo-scaled-e1779412362783.jpg\" },\r\n { name: \"Aghilla Queena Elysia\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Aghilla-Queena-Elysia-scaled-e1779412408458.jpg\" }\r\n ]\r\n },\r\n keagamaan: {\r\n title: \"Divisi Keagamaan\",\r\n members: [\r\n { name: \"Nadia Putri Fauzia (CO)\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nadia-Putri-Fauzia-e1779412964383.jpeg\" },\r\n { name: \"Muhammad Abdullah Muthohhir\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Muhammad-Abdullah-Muthohhir-scaled-e1779413005876.jpg\" },\r\n { name: \"Muhammad Lutvan Allanuary\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Muhammad-Lutvan-Allanuary-scaled-e1779413042855.jpg\" },\r\n { name: \"Aqila Nur Salsabila\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Aqila-Nur-Salsabila-scaled-e1779413093635.jpg\" },\r\n { name: \"Ahmad Faizin\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ahmad-Faizin-scaled-e1779413132558.jpg\" },\r\n { name: \"Moh. Ridho Arifin Putra\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Moh.-Ridho-Arifin-Putra.jpg-e1779413179366.jpeg\" },\r\n { name: \"Nurisya Fara Isharul Haq\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nurisya-Fara-Isharul-Haq-scaled-e1779413216543.jpg\" },\r\n { name: \"Silvia Aisyah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Silvia-Aisyah-scaled-e1779413254556.jpg\" },\r\n { name: \"Tsaniah Zulfiatul Karimah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Tsaniah-Zulfiatul-Karimah-scaled-e1779413307437.jpg\" },\r\n { name: \"Faizul A'la\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Faizul-Ala-scaled-e1779413340479.jpg\" },\r\n { name: \"Carreta Afriza Lova\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Carreta-Afriza-Lova-scaled-e1779413388428.jpg\" }\r\n ]\r\n },\r\n jurnalistik: {\r\n title: \"Divisi Jurnalistik\",\r\n members: [\r\n { name: \"Baghiz Zakin Abdew (CO)\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Baghiz-Zakin-Abdew-scaled-e1779413569178.jpg\" },\r\n { name: \"M. Wahyu Candra Aditama\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/M.-Wahyu-Candra-Aditama-scaled-e1779413605261.jpeg\" },\r\n { name: \"Nila Zahra Auliya\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nila-Zahra-Auliya-scaled-e1779413644651.jpg\" },\r\n { name: \"Nuke Himyah Ghiroza\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nuke-Himyah-Ghiroza-scaled-e1779413684836.jpeg\" },\r\n { name: \"Achmad Fardhan Nauval Syakir\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Achmad-Fardhan-Nauval-Syakir-scaled-e1779413722270.jpg\" },\r\n { name: \"Ana Khumairoh\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ana-Khumairoh-scaled-e1779413767235.jpg\" },\r\n { name: \"Intan Dwi Purwanti\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Intan-Dwi-Purwanti-scaled-e1779413809995.jpg\" },\r\n { name: \"Ibriza Salma Sabrina\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ibriza-Salma-Sabrina-scaled-e1779413844262.jpg\" },\r\n { name: \"Dimas Yusuf Wardhana\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Dimas-Yusuf-Wardhana-scaled-e1779413878407.jpeg\" },\r\n { name: \"Raden Fatikhal Muslim\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Raden-Fatikhal-Muslim-scaled-e1779413912210.jpg\" },\r\n { name: \"Putri Ayu lailatul Ramadhani\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Putri-Ayu-lailatul-Ramadhani-scaled-e1779413947517.jpg\" }\r\n ]\r\n },\r\n psdm: {\r\n title: \"Divisi PSDM\",\r\n members: [\r\n { name: \"Rochmat Ady Thoriq (CO)\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Rochmat-Ady-Thoriq-scaled-e1779414072144.jpg\" },\r\n { name: \"Nur Wildan Labib Mubarok\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nur-Wildan-Labib-Mubarok-scaled-e1779414106272.jpg\" },\r\n { name: \"Tinta Wati Lestari\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Tinta-Wati-Lestari-scaled-e1779414154494.jpg\" },\r\n { name: \"M. Iqbal Zainul Wildan I.\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/M.-Iqbal-Zainul-Wildan-I.--scaled-e1779414197908.jpeg\" },\r\n { name: \"Nauratul Insani Lutfiyah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Nauratul-Insani-Lutfiyah-scaled-e1779414232376.jpg\" },\r\n { name: \"Muhammad Muzaqi\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Mihammad-Muzaqi-scaled-e1779414274299.jpg\" },\r\n { name: \"Imtiyas Haqqi\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Imtiyas-Haqqi-scaled-e1779414334446.jpg\" },\r\n { name: \"Ahmad Faza Taqiyudin\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ahmad-Faza-Taqiyudin-scaled-e1779414378658.jpg\" },\r\n { name: \"Ahmad Azhar Jamiilul Mustofa\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Ahmad-Azhar-Jamiilul-Mustofa-scaled-e1779414411179.jpg\" },\r\n { name: \"Adilah Salma Balighah\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Adilah-Salma-Balighah-scaled-e1779414461816.jpg\" },\r\n { name: \"Dea Balqis Nur Faiza\", photo: \"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2026\/05\/Dea-Balqis-Nur-Faiza-scaled-e1779414495145.jpg\" }\r\n ]\r\n }\r\n};\r\n\r\n\/\/ Fungsi Render Konten Popup dengan Deteksi CO Otomatis\r\nfunction renderMembers(data) {\r\n document.getElementById(\"division-title\").innerText = data.title;\r\n \r\n let html = \"\";\r\n data.members.forEach((member, index) => {\r\n let memberName = member.name;\r\n let isCO = false;\r\n \r\n if (memberName.includes(\"(CO)\")) {\r\n memberName = memberName.replace(\"(CO)\", \"\").trim();\r\n isCO = true;\r\n }\r\n\r\n html += `\r\n <div class=\"member-card\" style=\"animation-delay: ${index * 0.05}s\">\r\n <img decoding=\"async\" src=\"${member.photo}\" alt=\"${memberName}\" onerror=\"this.src='https:\/\/via.placeholder.com\/75?text=Foto'\">\r\n <h4>${memberName}<\/h4>\r\n ${isCO ? '<span class=\"badge-co\">CO<\/span>' : ''}\r\n <\/div>\r\n `;\r\n });\r\n \r\n document.getElementById(\"member-list\").innerHTML = html;\r\n document.getElementById(\"member-popup\").classList.add(\"show\");\r\n}\r\n\r\nfunction showMember(role) {\r\n renderMembers(members[role]);\r\n}\r\n\r\nfunction showDivision(div) {\r\n renderMembers(divisions[div]);\r\n}\r\n\r\nfunction closePopup() {\r\n document.getElementById(\"member-popup\").classList.remove(\"show\");\r\n}\r\n\r\n\/\/ Tutup popup jika area di luar kotak putih diklik\r\ndocument.getElementById(\"member-popup\").addEventListener(\"click\", function(e) {\r\n if (e.target.id === \"member-popup\") {\r\n closePopup();\r\n }\r\n});\r\n<\/script>\r\n\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<div class=\"elementor-element elementor-element-964ddd4 e-flex e-con-boxed e-con e-parent\" data-id=\"964ddd4\" 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-9dc0c65 elementor-align-left elementor-widget elementor-widget-button\" data-id=\"9dc0c65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/Pengurus-HMPS-PAI-2024.pdf\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Link Pengurus HMPS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501d3fd elementor-align-left elementor-widget elementor-widget-button\" data-id=\"501d3fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/Un.03.001.SB_.01HMPS-PAIXXVI.04.2024-SURAT-PERMOHONAN-PENGAJUAN-SK-2-1-2.pdf\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Link Permohonan - Pengajuan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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 UI Modern – PAI UIN Malang Ketua Dzia Ul Haq Muhammad Aly Zuhdy Wakil Ketua Marsha Naurah Ghaisa Arwanto Sekretaris Dwi Septia Wulandari Bendahara Vina Rosalia Khoiroh Divisi Networking Divisi Intelektual Divisi Entrepreneur Divisi Keagamaan Divisi Jurnalistik Divisi PSDM \u00d7 Detail Anggota Link Pengurus HMPS Link Permohonan – Pengajuan<\/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-3393","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3393","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=3393"}],"version-history":[{"count":229,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3393\/revisions"}],"predecessor-version":[{"id":5492,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3393\/revisions\/5492"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}