Direktori Staf SMAN 1 Setu<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .card-hover { transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); }\n .card-hover:hover { transform: translateY(-6px) scale(1.02); }\n .card-hover:hover .card-glow { opacity: 1; }\n .card-glow { transition: opacity 0.4s ease; opacity: 0; }\n .fade-in { animation: fadeIn 0.6s ease forwards; opacity: 0; }\n .fade-in:nth-child(1) { animation-delay: 0.1s; }\n .fade-in:nth-child(2) { animation-delay: 0.2s; }\n .fade-in:nth-child(3) { animation-delay: 0.3s; }\n .fade-in:nth-child(4) { animation-delay: 0.4s; }\n @keyframes fadeIn { to { opacity: 1; transform: translateY(0); } from { transform: translateY(20px); } }\n @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n .float-anim { animation: float 4s ease-in-out infinite; }\n .grain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; opacity: 0.03; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); }\n .staff-avatar { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex-shrink: 0; }\n .back-btn { transition: all 0.3s ease; }\n .back-btn:hover { transform: translateX(-4px); }\n .search-input:focus { box-shadow: 0 0 0 3px rgba(14, 85, 65, 0.15); }\n .staff-row { transition: background 0.2s ease; }\n .staff-row:hover { background: rgba(14, 85, 65, 0.04); }\n .ekskul-badge { transition: all 0.3s ease; }\n .ekskul-badge:hover { transform: scale(1.05); }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body data-rsssl=1 class=\"h-full\">\n <div id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: #f0ebe3;\">\n <div class=\"grain\"><\/div>\n <div id=\"view-menu\" class=\"relative z-10\" style=\"min-height: 100%;\">\n <header class=\"relative overflow-hidden\" style=\"background: linear-gradient(135deg, #0e5541 0%, #1a7a5e 50%, #0e5541 100%);\">\n <div class=\"absolute inset-0\" style=\"background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\"><\/div>\n <div class=\"relative max-w-5xl mx-auto px-6 py-12 md:py-16 text-center\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full mb-5\" style=\"background: rgba(255,255,255,0.12); backdrop-filter: blur(10px);\"><span style=\"color: #c8e6c9; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.5px;\">\ud83d\udcda DIREKTORI RESMI<\/span>\n <\/div>\n <h1 id=\"el-school-name\" style=\"font-family: 'Playfair Display', serif; color: #ffffff; font-size: 2.5rem; font-weight: 800; line-height: 1.15; margin-bottom: 0.75rem;\">SMAN 1 Setu<\/h1>\n <p id=\"el-school-subtitle\" style=\"font-family: 'DM Sans', sans-serif; color: rgba(255,255,255,0.7); font-size: 1.05rem; font-weight: 400;\">Direktori Staf & Komunitas<\/p>\n <div class=\"flex justify-center gap-6 mt-8\" style=\"color: rgba(255,255,255,0.5); font-family: 'DM Sans', sans-serif; font-size: 13px;\"><span>\ud83c\udf93 Guru<\/span><span>\ud83d\udccb Tata Usaha<\/span><span>\u26bd Ekskul<\/span><span>\ud83e\uddd1\u200d\ud83c\udf93 siswa<\/span>\n <\/div>\n <\/div>\n <svg viewbox=\"0 0 1440 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block w-full\" style=\"margin-bottom: -1px;\"><path d=\"M0 60V20C240 50 480 0 720 20C960 40 1200 10 1440 30V60H0Z\" fill=\"#f0ebe3\" \/>\n <\/svg>\n <\/header>\n <main class=\"max-w-5xl mx-auto px-6 py-10 md:py-14\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5 md:gap-6\">\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('guru')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #0e5541, #1a7a5e);\"><i data-lucide=\"graduation-cap\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#0e5541;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-guru\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori Guru<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Daftar lengkap tenaga pengajar beserta mata pelajaran yang diampu<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #0e5541; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>65 Guru<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #0e5541; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('tata-usaha')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #5c4033, #8b6914); animation-delay: 0.5s;\"><i data-lucide=\"clipboard-list\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#5c4033;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-tata-usaha\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori Tata Usaha<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Staf administrasi yang mendukung operasional sekolah<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #5c4033; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>21 Staf<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #5c4033; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('ekskul')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #b85c1a, #e6951d); animation-delay: 1s;\"><i data-lucide=\"trophy\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#b85c1a;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-ekskul\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori Organisasi<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Kegiatan pengembangan minat dan bakat siswa<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #b85c1a; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>3 Pilar | 10 Ekskul | 10 Komunitas<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #b85c1a; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('siswa')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #2c3e7a, #4a6cf7); animation-delay: 1.5s;\"><i data-lucide=\"users\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#2c3e7a;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-siswa\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori siswa<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Jaringan siswa dari berbagai angkatan<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #2c3e7a; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>6 siswa<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #2c3e7a; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer class=\"text-center mt-14 pb-8\" style=\"font-family: 'DM Sans', sans-serif; color: #aaa; font-size: 0.8rem;\">\n <p>\u00a9 2025 SMAN 1 Setu \u2014 Kabupaten Bekasi, Jawa Barat<\/p>\n <\/footer>\n <\/main>\n <\/div>\n <div id=\"view-detail\" class=\"relative z-10 hidden\" style=\"min-height: 100%;\">\n <header id=\"detail-header\" class=\"sticky top-0 z-20\" style=\"background: rgba(240,235,227,0.9); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.06);\">\n <div class=\"max-w-5xl mx-auto px-6 py-4 flex items-center gap-4\"><button onclick=\"showView('menu')\" class=\"back-btn flex items-center gap-2 px-3 py-2 rounded-lg\" style=\"background: rgba(14,85,65,0.08); color: #0e5541; font-family: 'DM Sans', sans-serif; font-size: 0.85rem; font-weight: 600;\"> <i data-lucide=\"arrow-left\" style=\"width:18px;height:18px;\"><\/i> Kembali <\/button>\n <h2 id=\"detail-title\" style=\"font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; color: #1a1a1a;\"><\/h2>\n <\/div>\n <\/header>\n <div class=\"max-w-5xl mx-auto px-6 pt-6\">\n <div class=\"relative\"><i data-lucide=\"search\" style=\"width:18px;height:18px;color:#aaa;position:absolute;left:14px;top:50%;transform:translateY(-50%);\"><\/i> <input id=\"search-input\" type=\"text\" placeholder=\"Cari nama...\" class=\"search-input w-full rounded-xl border-0 py-3 pl-11 pr-4\" style=\"background: #fff; font-family: 'DM Sans', sans-serif; font-size: 0.9rem; color: #1a1a1a; outline: none; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\" oninput=\"filterList()\"> <label for=\"search-input\" class=\"sr-only\">Cari nama<\/label>\n <\/div>\n <\/div>\n <div id=\"detail-content\" class=\"max-w-5xl mx-auto px-6 py-6 pb-12\"><\/div>\n <\/div>\n <\/div>\n <script>\n \/\/ --- DATA ---\n const data = {\n guru: [\n\t\t{ name: \"Ir. Hj. Sri Anarusi, M.P.\", role: \"Kepala Sekolah\", subject:\"Kepala Sekolah\",color: \"#e6951d\"},\n\t\t{ name: \"Kusnedi, S.Pd., M.M.\", role: \"Wakil Humas\", subject:\"Penjasorkes\",color: \"#e6951d\"},\n\t\t{ name: \"Pentaryanto, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Koordinator BK\",color: \"#0e5541\"},\n\t\t{ name: \"Damuri, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Ekonomi\",color: \"#0e5541\"},\n\t\t{ name: \"Meriani Hutasoit, S.Pd.\", role: \"Guru\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Ojat Darojat, SE., M.M.\", role: \"Guru\", subject:\"Ekonomi\",color: \"#0e5541\"},\n\t\t{ name: \"Fitri Windayani, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Irma Riyanti, S.Sos., M.Pd.\", role: \"Guru\", subject:\"Pendidikan Pancasila\",color: \"#0e5541\"},\n\t\t{ name: \"Saronto, S.Pd.\", role: \"Wakil Sarpras\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Lili Sucio, S.Pd.I., M.M.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Heny Ciswati, S.Pd.,M.Pd.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Sri Adiningsih, S.Pd.\", role: \"Guru\", subject:\"Kimia\",color: \"#0e5541\"},\n\t\t{ name: \"Rahayu Kusnanti, S.Pd., M.Pd.\", role: \"Wakil Kurikulum\", subject:\"Bahasa Indonesia\",color: \"#e6951d\"},\n\t\t{ name: \"Ima Sofia Rahmawati, S.Kom.\", role: \"Guru\", subject:\"Sosiologi\",color: \"#0e5541\"},\n\t\t{ name: \"Nana Hermana, ST.\", role: \"Guru\", subject:\"Fisika\",color: \"#0e5541\"},\n\t\t{ name: \"Apep Paturohman, S.Pd.\", role: \"Wakil Kesiswaan\", subject:\"Penjasorkes\",color: \"#0e5541\"},\n\t\t{ name: \"Afri Reni, S.Pd.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Nia Kurniawati, S.Pd.\", role: \"Guru\", subject:\"Bahasa Jerman\",color: \"#0e5541\"},\n\t\t{ name: \"Dede, S.Pd.I.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Nurhayati Syarifudin, LC., M.Pd.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Eko Yuli Purnamaningsih, S.Pd.\", role: \"Guru\", subject:\"Geografi\",color: \"#0e5541\"},\n\t\t{ name: \"Rabin, S.E., M.Pd.\", role: \"Guru\", subject:\"Ekonomi\",color: \"#0e5541\"},\n\t\t{ name: \"Linda Maryati, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Bahasa Jepang\",color: \"#0e5541\"},\n\t\t{ name: \"Rosulinawati, S.Pd.\", role: \"Guru\", subject:\"Geografi\",color: \"#0e5541\"},\n\t\t{ name: \"Taufiq Ruby Nugraha, S.Pd.\", role: \"Staf Wakil Kurikulum\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Myta Laila Fitryani, S.Pd.\", role: \"Guru\", subject:\"Seni Budaya\",color: \"#0e5541\"},\n\t\t{ name: \"Aprina Wardani, S.K.M.\", role: \"Guru\", subject:\"PKWU\",color: \"#0e5541\"},\n\t\t{ name: \"Fitriani Nasution, SH.\", role: \"Guru\", subject:\"Pendidikan Pancasila\",color: \"#0e5541\"},\n\t\t{ name: \"Dedi Supandi, S.Si., M.Pd.\", role: \"Staf Wakil Kurikulum\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Sri Wahyuni, S.Pd., M.Pd.\", role: \"Staf Wakil Kesiswaan\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Susanti, S.S\", role: \"Guru\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Wiharyanti, S.Pd.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Yuyun Yunengsih, S.Pd.\", role: \"Guru\", subject:\"Sosiologi\",color: \"#0e5541\"},\n\t\t{ name: \"Fiska Friyanti, S.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Tahir, S.Kom.\", role: \"Guru\", subject:\"Informatika\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Damiri, S.Kom.\", role: \"Guru\", subject:\"Informatika\",color: \"#0e5541\"},\n\t\t{ name: \"Riska Windasari, S.Pd.\", role: \"Guru\", subject:\"PKWU\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Ghozali, S.Pd.\", role: \"Guru\", subject:\"Guru BK\",color: \"#0e5541\"},\n\t\t{ name: \"Andi Suhendi, S.Kom.\", role: \"Staf Wakil Sarpras\", subject:\"Informatika\",color: \"#0e5541\"},\n\t\t{ name: \"Syifa Fauziah Hermawan, S.Pd\", role: \"Guru\", subject:\"Kimia\",color: \"#0e5541\"},\n\t\t{ name: \"Ilham Eka Alamsyah, S.Pd.\", role: \"Staf Wakil Kesiswaan\", subject:\"Penjasorkes\",color: \"#0e5541\"},\n\t\t{ name: \"Abdul Rahman Sidik, S.Pd\", role: \"Guru\", subject:\"Geografi\",color: \"#0e5541\"},\n\t\t{ name: \"Astri Dewi Puspito, S.Pd\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Royanah, S.Pd.\", role: \"Guru\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Fikri Fauzi, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Nina Rahmawati, S.Si.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Meliyana Novita, S.Psi.\", role: \"Guru\", subject:\"Guru BK\",color: \"#0e5541\"},\n\t\t{ name: \"Ida Farida, S.Pd.\", role: \"Guru\", subject:\"Bahasa Indonesia\",color: \"#0e5541\"},\n\t\t{ name: \"Hamdani, S.Pd\", role: \"Guru\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Alva Mirdal, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Guru BK\",color: \"#0e5541\"},\n\t\t{ name: \"Rafiqa Khairir Rahmah, S.Pd.\", role: \"Guru\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Siti Marnah,S.Pd\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Nadriyah,S.Pd\", role: \"Guru\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Fajri Parwadis, S.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Fajrin Istiqomah, S.Pd.\", role: \"Guru\", subject:\"Bahasa Indonesia\",color: \"#0e5541\"},\n\t\t{ name: \"Nisrina Zulfa Salsabila, S.Pd.\", role: \"Guru\", subject:\"Kimia\",color: \"#0e5541\"},\n\t\t{ name: \"Amna Nurdiana S.Pd., M.Hum.\", role: \"Guru\", subject:\"Bahasa Jerman\",color: \"#0e5541\"},\n\t\t{ name: \"Bryan Nurbagja Permana, S.Pd.\", role: \"Guru\", subject:\"Penjasorkes\",color: \"#0e5541\"},\n\t\t{ name: \"Shinta Nuraeni, S.Pd.\", role: \"Guru\", subject:\"Bahasa Indonesia\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Bil Fathir, S.Pd.\", role: \"Guru\", subject:\"Seni Budaya\",color: \"#0e5541\"},\n\t\t{ name: \"Allisa Pujiyanti, S.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Novitali Amanda, S.Pd.\", role: \"Guru\", subject:\"Fisika\",color: \"#0e5541\"}\n ],\n \"tata-usaha\": [\n\t\t{ name: \"Metiarsih Anggraeni, S.Sos., M.Si\", role: \"Tenaga Administrasi\", subject:\"Arsiparis\",color: \"#e6951d\"},\n\t\t{ name: \"Jatu Saraswati, S.Sos\", role: \"Tenaga Administrasi\", subject:\"Bendahara\",color: \"#0e5541\"},\n\t\t{ name: \"Deni Irwansyah H.S., S.Sos.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Muhammad Singgih Risanto, S.E.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Ramidah, A.Md\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Anis Mahmud, S.Kom.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Heni Navisa\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Ghurofi Isnan, S.Pi.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Nida Masyidatul Madyan Al-Adhari, S.Si.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Yessy Pramitasari, S.E.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Puput Aryani\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Iip Saripudin\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Ohyar\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Karsa Sanjaya\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Saleh Rahman\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Amir\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Sutopo\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Ijay Yusup\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Slamet Riyadi\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Sutarno\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Saan\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"}\n\n ],\n ekskul: [\n { name: \"MPK (Majelis Permusyawaratan Kelas)\", role: \"Pembina: Nisrina Zulfa\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\ud83c\udfdb\" },\n { name: \"OSIS\", role: \"Pembina: Agus Prasetyo\", subject: \"Ilham Eka Alamsyah\", color: \"#b85c1a\", icon: \"\ud83c\udfdb\" },\n { name: \"POLSIS\", role: \"Pembina: Nina Rahmawati\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\ud83c\udfdb\" },\n { name: \"Seni\", role: \"Pembina: Ahmad Bil Fatir\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\ud83c\udfb5\" },\n { name: \"Pramuka\", role: \"Pembina: Abdul Rahman Sidik\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\u26fa\" },\n { name: \"Paskibra\", role: \"Pembina: Anis Mahmud\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"ID\" },\n { name: \"Olahraga\", role: \"Pelatih: Coach Hendra\", subject: \"Selasa & Kamis\", color: \"#b85c1a\", icon: \"\u26bd\" },\n { name: \"PMR\", role: \"Pembina: Dewi Kartika\", subject: \"Setiap Sabtu\", color: \"#e6951d\", icon: \"\ud83c\udfe5\" },\n { name: \"TRISETA\", role: \"Pembina: Muhammad Rizki\", subject: \"Setiap Kamis\", color: \"#b85c1a\", icon: \"\ud83c\udf0d\" },\n { name: \"ICT \", role: \"Pembina: Fajar Setiawan\", subject: \"Selasa & Jumat\", color: \"#e6951d\", icon: \"\ud83e\udd16\" },\n { name: \"(KISS) Karya Ilmiah Sains & Sastra\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" }\n ],\n siswa: [\n { name: \"Andi Firmansyah\", role: \"Angkatan 2018\", subject: \"Universitas Indonesia\", color: \"#2c3e7a\" },\n { name: \"Putri Rahmawati\", role: \"Angkatan 2019\", subject: \"ITB\", color: \"#4a6cf7\" },\n { name: \"Reza Mahendra\", role: \"Angkatan 2020\", subject: \"Universitas Padjadjaran\", color: \"#2c3e7a\" },\n { name: \"Sari Indah\", role: \"Angkatan 2021\", subject: \"Universitas Brawijaya\", color: \"#4a6cf7\" },\n { name: \"Dimas Prakoso\", role: \"Angkatan 2022\", subject: \"UPN Veteran Jakarta\", color: \"#2c3e7a\" },\n { name: \"Nadia Putri\", role: \"Angkatan 2023\", subject: \"Universitas Diponegoro\", color: \"#4a6cf7\" }\n ]\n };\n\n const titles = {\n guru: \"Direktori Guru\",\n \"tata-usaha\": \"Direktori Tata Usaha\",\n ekskul: \"Direktori Organisasi\",\n siswa: \"Direktori siswa\"\n };\n\n let currentView = \"menu\";\n\n function getInitials(name) {\n return name.split(\" \").filter(w => w.length > 1).slice(0, 2).map(w => w[0]).join(\"\").toUpperCase();\n }\n\n function showView(view) {\n if (view === \"menu\") {\n document.getElementById(\"view-menu\").classList.remove(\"hidden\");\n document.getElementById(\"view-detail\").classList.add(\"hidden\");\n currentView = \"menu\";\n return;\n }\n currentView = view;\n document.getElementById(\"view-menu\").classList.add(\"hidden\");\n document.getElementById(\"view-detail\").classList.remove(\"hidden\");\n document.getElementById(\"detail-title\").textContent = titles[view] || \"\";\n document.getElementById(\"search-input\").value = \"\";\n renderList(data[view], view);\n lucide.createIcons();\n window.scrollTo(0, 0);\n }\n\n function renderList(items, type) {\n const container = document.getElementById(\"detail-content\");\n if (type === \"ekskul\") {\n container.innerHTML = `<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">${items.map((item, i) => `\n <div class=\"ekskul-badge rounded-xl p-5 staff-item fade-in\" style=\"background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06);animation-delay:${i*0.05}s;\" data-name=\"${item.name.toLowerCase()}\">\n <div class=\"flex items-center gap-4 mb-3\">\n <div class=\"text-3xl\">${item.icon}<\/div>\n <div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:#1a1a1a;\">${item.name}<\/h3>\n <p style=\"font-family:'DM Sans',sans-serif;font-size:0.8rem;color:#888;\">${item.role}<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-center gap-2 mt-2\" style=\"font-family:'DM Sans',sans-serif;font-size:0.78rem;\">\n <i data-lucide=\"clock\" style=\"width:14px;height:14px;color:${item.color};\"><\/i>\n <span style=\"color:#666;\">${item.subject}<\/span>\n <\/div>\n <\/div>\n `).join(\"\")}<\/div>`;\n } else {\n container.innerHTML = `<div class=\"rounded-xl overflow-hidden\" style=\"background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06);\">${items.map((item, i) => `\n <div class=\"staff-row staff-item flex items-center gap-4 px-5 py-4 fade-in ${i < items.length -1 ? 'border-b' : ''}\" style=\"border-color:rgba(0,0,0,0.05);animation-delay:${i*0.04}s;\" data-name=\"${item.name.toLowerCase()}\">\n <div class=\"staff-avatar\" style=\"background:${item.color}15;color:${item.color};\">${getInitials(item.name)}<\/div>\n <div class=\"flex-1 min-w-0\">\n <h3 style=\"font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">${item.name}<\/h3>\n <p style=\"font-family:'DM Sans',sans-serif;font-size:0.78rem;color:#999;\">${item.role}<\/p>\n <\/div>\n <div class=\"hidden sm:block text-right\">\n <span class=\"inline-block px-3 py-1 rounded-full\" style=\"background:${item.color}10;color:${item.color};font-family:'DM Sans',sans-serif;font-size:0.75rem;font-weight:600;\">${item.subject}<\/span>\n <\/div>\n <\/div>\n `).join(\"\")}<\/div>`;\n }\n lucide.createIcons();\n }\n\n function filterList() {\n const q = document.getElementById(\"search-input\").value.toLowerCase();\n document.querySelectorAll(\".staff-item\").forEach(el => {\n el.style.display = el.dataset.name.includes(q) ? \"\" : \"none\";\n });\n }\n\n \n\n function applyConfig(config) {\n const c = key => config[key] || defaultConfig[key];\n document.getElementById(\"el-school-name\").textContent = c(\"school_name\");\n document.getElementById(\"el-school-subtitle\").textContent = c(\"school_subtitle\");\n document.getElementById(\"el-menu-guru\").textContent = c(\"menu_guru\");\n document.getElementById(\"el-menu-tata-usaha\").textContent = c(\"menu_tata_usaha\");\n document.getElementById(\"el-menu-ekskul\").textContent = c(\"menu_ekstrakurikuler\");\n document.getElementById(\"el-menu-siswa\").textContent = c(\"menu_siswa\");\n\n \/\/ Update titles mapping for detail views\n titles.guru = c(\"menu_guru\");\n titles[\"tata-usaha\"] = c(\"menu_tata_usaha\");\n titles.ekskul = c(\"menu_ekstrakurikuler\");\n titles.siswa = c(\"menu_siswa\");\n\n \/\/ Colors\n const bg = c(\"background_color\");\n const surface = c(\"surface_color\");\n const text = c(\"text_color\");\n const primary = c(\"primary_action_color\");\n\n document.getElementById(\"app\").style.background = bg;\n document.querySelectorAll(\".card-hover > .relative\").forEach(el => el.closest(\".card-hover\").style.background = surface);\n document.querySelectorAll(\"h2[id^='el-menu']\").forEach(el => el.style.color = text);\n\n \/\/ Font\n const font = c(\"font_family\");\n const baseFont = `${font}, 'DM Sans', sans-serif`;\n document.querySelectorAll(\"p, span, input, button\").forEach(el => {\n if (!el.closest(\"[style*='Playfair']\") && el.style.fontFamily?.indexOf(\"Playfair\") === -1) {\n el.style.fontFamily = baseFont;\n }\n });\n\n \/\/ Font size\n const sz = c(\"font_size\");\n document.querySelectorAll(\"p:not(header p)\").forEach(el => el.style.fontSize = `${sz * 0.875}px`);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => applyConfig(config),\n mapToCapabilities: (config) => {\n const c = key => config[key] || defaultConfig[key];\n const mut = (key) => ({\n get: () => c(key),\n set: (v) => { config[key] = v; window.elementSdk.setConfig({ [key]: v }); }\n });\n return {\n recolorables: [mut(\"background_color\"), mut(\"surface_color\"), mut(\"text_color\"), mut(\"primary_action_color\"), mut(\"secondary_action_color\")],\n borderables: [],\n fontEditable: mut(\"font_family\"),\n fontSizeable: { get: () => c(\"font_size\"), set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); } }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = key => config[key] || defaultConfig[key];\n return new Map([\n [\"school_name\", c(\"school_name\")],\n [\"school_subtitle\", c(\"school_subtitle\")],\n [\"menu_guru\", c(\"menu_guru\")],\n [\"menu_tata_usaha\", c(\"menu_tata_usaha\")],\n [\"menu_ekstrakurikuler\", c(\"menu_ekstrakurikuler\")],\n [\"menu_siswa\", c(\"menu_siswa\")]\n ]);\n }\n });\n }\n\n lucide.createIcons();\n<\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ea0639e120bfe84',t:'MTc3NTgwOTgyMi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1287","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Direktori Menu - SMA Negeri 1 Setu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smanegeri1setu.sch.id\/?page_id=1287\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Direktori Menu - SMA Negeri 1 Setu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smanegeri1setu.sch.id\/?page_id=1287\" \/>\n<meta property=\"og:site_name\" content=\"SMA Negeri 1 Setu\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T10:30:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287\",\"name\":\"Direktori Menu - SMA Negeri 1 Setu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\"},\"datePublished\":\"2025-05-18T04:17:09+00:00\",\"dateModified\":\"2026-04-10T10:30:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Direktori Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"name\":\"SMA Negeri 1 Setu\",\"description\":\"Satu Setu Maju\",\"publisher\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\",\"name\":\"SMA Negeri 1 Setu\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"contentUrl\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"width\":1080,\"height\":1080,\"caption\":\"SMA Negeri 1 Setu\"},\"image\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Direktori Menu - SMA Negeri 1 Setu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","og_locale":"id_ID","og_type":"article","og_title":"Direktori Menu - SMA Negeri 1 Setu","og_url":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","og_site_name":"SMA Negeri 1 Setu","article_modified_time":"2026-04-10T10:30:37+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","url":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","name":"Direktori Menu - SMA Negeri 1 Setu","isPartOf":{"@id":"https:\/\/smanegeri1setu.sch.id\/#website"},"datePublished":"2025-05-18T04:17:09+00:00","dateModified":"2026-04-10T10:30:37+00:00","breadcrumb":{"@id":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smanegeri1setu.sch.id\/?page_id=1287"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smanegeri1setu.sch.id\/"},{"@type":"ListItem","position":2,"name":"Direktori Menu"}]},{"@type":"WebSite","@id":"https:\/\/smanegeri1setu.sch.id\/#website","url":"https:\/\/smanegeri1setu.sch.id\/","name":"SMA Negeri 1 Setu","description":"Satu Setu Maju","publisher":{"@id":"https:\/\/smanegeri1setu.sch.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smanegeri1setu.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/smanegeri1setu.sch.id\/#organization","name":"SMA Negeri 1 Setu","url":"https:\/\/smanegeri1setu.sch.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/","url":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","contentUrl":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","width":1080,"height":1080,"caption":"SMA Negeri 1 Setu"},"image":{"@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1287"}],"version-history":[{"count":13,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1287\/revisions"}],"predecessor-version":[{"id":1448,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1287\/revisions\/1448"}],"wp:attachment":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1287,"date":"2025-05-18T04:17:09","date_gmt":"2025-05-18T04:17:09","guid":{"rendered":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287"},"modified":"2026-04-10T10:30:37","modified_gmt":"2026-04-10T10:30:37","slug":"directori_menu","status":"publish","type":"page","link":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","title":{"rendered":"Direktori Menu"},"content":{"rendered":"\n\n\n\n\n \n \n \n Direktori Staf SMAN 1 Setu<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n .card-hover { transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); }\n .card-hover:hover { transform: translateY(-6px) scale(1.02); }\n .card-hover:hover .card-glow { opacity: 1; }\n .card-glow { transition: opacity 0.4s ease; opacity: 0; }\n .fade-in { animation: fadeIn 0.6s ease forwards; opacity: 0; }\n .fade-in:nth-child(1) { animation-delay: 0.1s; }\n .fade-in:nth-child(2) { animation-delay: 0.2s; }\n .fade-in:nth-child(3) { animation-delay: 0.3s; }\n .fade-in:nth-child(4) { animation-delay: 0.4s; }\n @keyframes fadeIn { to { opacity: 1; transform: translateY(0); } from { transform: translateY(20px); } }\n @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n .float-anim { animation: float 4s ease-in-out infinite; }\n .grain { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; opacity: 0.03; background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); }\n .staff-avatar { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px; flex-shrink: 0; }\n .back-btn { transition: all 0.3s ease; }\n .back-btn:hover { transform: translateX(-4px); }\n .search-input:focus { box-shadow: 0 0 0 3px rgba(14, 85, 65, 0.15); }\n .staff-row { transition: background 0.2s ease; }\n .staff-row:hover { background: rgba(14, 85, 65, 0.04); }\n .ekskul-badge { transition: all 0.3s ease; }\n .ekskul-badge:hover { transform: scale(1.05); }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body data-rsssl=1 class=\"h-full\">\n <div id=\"app\" class=\"w-full h-full overflow-auto\" style=\"background: #f0ebe3;\">\n <div class=\"grain\"><\/div>\n <div id=\"view-menu\" class=\"relative z-10\" style=\"min-height: 100%;\">\n <header class=\"relative overflow-hidden\" style=\"background: linear-gradient(135deg, #0e5541 0%, #1a7a5e 50%, #0e5541 100%);\">\n <div class=\"absolute inset-0\" style=\"background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.08) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\"><\/div>\n <div class=\"relative max-w-5xl mx-auto px-6 py-12 md:py-16 text-center\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full mb-5\" style=\"background: rgba(255,255,255,0.12); backdrop-filter: blur(10px);\"><span style=\"color: #c8e6c9; font-family: 'DM Sans', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.5px;\">\ud83d\udcda DIREKTORI RESMI<\/span>\n <\/div>\n <h1 id=\"el-school-name\" style=\"font-family: 'Playfair Display', serif; color: #ffffff; font-size: 2.5rem; font-weight: 800; line-height: 1.15; margin-bottom: 0.75rem;\">SMAN 1 Setu<\/h1>\n <p id=\"el-school-subtitle\" style=\"font-family: 'DM Sans', sans-serif; color: rgba(255,255,255,0.7); font-size: 1.05rem; font-weight: 400;\">Direktori Staf & Komunitas<\/p>\n <div class=\"flex justify-center gap-6 mt-8\" style=\"color: rgba(255,255,255,0.5); font-family: 'DM Sans', sans-serif; font-size: 13px;\"><span>\ud83c\udf93 Guru<\/span><span>\ud83d\udccb Tata Usaha<\/span><span>\u26bd Ekskul<\/span><span>\ud83e\uddd1\u200d\ud83c\udf93 siswa<\/span>\n <\/div>\n <\/div>\n <svg viewbox=\"0 0 1440 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"block w-full\" style=\"margin-bottom: -1px;\"><path d=\"M0 60V20C240 50 480 0 720 20C960 40 1200 10 1440 30V60H0Z\" fill=\"#f0ebe3\" \/>\n <\/svg>\n <\/header>\n <main class=\"max-w-5xl mx-auto px-6 py-10 md:py-14\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-5 md:gap-6\">\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('guru')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #0e5541, #1a7a5e);\"><i data-lucide=\"graduation-cap\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#0e5541;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-guru\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori Guru<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Daftar lengkap tenaga pengajar beserta mata pelajaran yang diampu<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #0e5541; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>65 Guru<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #0e5541; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('tata-usaha')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #5c4033, #8b6914); animation-delay: 0.5s;\"><i data-lucide=\"clipboard-list\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#5c4033;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-tata-usaha\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori Tata Usaha<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Staf administrasi yang mendukung operasional sekolah<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #5c4033; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>21 Staf<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #5c4033; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('ekskul')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #b85c1a, #e6951d); animation-delay: 1s;\"><i data-lucide=\"trophy\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#b85c1a;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-ekskul\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori Organisasi<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Kegiatan pengembangan minat dan bakat siswa<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #b85c1a; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>3 Pilar | 10 Ekskul | 10 Komunitas<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #b85c1a; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-hover cursor-pointer rounded-2xl relative overflow-hidden\" onclick=\"showView('siswa')\" style=\"background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\">\n <div class=\"card-glow absolute inset-0 rounded-2xl\" style=\"box-shadow: 0 20px 40px rgba(14,85,65,0.15);\"><\/div>\n <div class=\"relative p-7\">\n <div class=\"flex items-start justify-between mb-5\">\n <div class=\"w-14 h-14 rounded-xl flex items-center justify-center float-anim\" style=\"background: linear-gradient(135deg, #2c3e7a, #4a6cf7); animation-delay: 1.5s;\"><i data-lucide=\"users\" style=\"width:28px;height:28px;color:#fff;\"><\/i>\n <\/div><i data-lucide=\"arrow-up-right\" style=\"width:20px;height:20px;color:#2c3e7a;opacity:0.4;\"><\/i>\n <\/div>\n <h2 id=\"el-menu-siswa\" style=\"font-family: 'Playfair Display', serif; font-size: 1.35rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px;\">Direktori siswa<\/h2>\n <p style=\"font-family: 'DM Sans', sans-serif; font-size: 0.875rem; color: #888; line-height: 1.5;\">Jaringan siswa dari berbagai angkatan<\/p>\n <div class=\"mt-5 flex items-center gap-2\" style=\"color: #2c3e7a; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 600;\"><span>6 siswa<\/span>\n <div class=\"w-1 h-1 rounded-full\" style=\"background: #2c3e7a; opacity:0.3;\"><\/div><span>Lihat Semua<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <footer class=\"text-center mt-14 pb-8\" style=\"font-family: 'DM Sans', sans-serif; color: #aaa; font-size: 0.8rem;\">\n <p>\u00a9 2025 SMAN 1 Setu \u2014 Kabupaten Bekasi, Jawa Barat<\/p>\n <\/footer>\n <\/main>\n <\/div>\n <div id=\"view-detail\" class=\"relative z-10 hidden\" style=\"min-height: 100%;\">\n <header id=\"detail-header\" class=\"sticky top-0 z-20\" style=\"background: rgba(240,235,227,0.9); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.06);\">\n <div class=\"max-w-5xl mx-auto px-6 py-4 flex items-center gap-4\"><button onclick=\"showView('menu')\" class=\"back-btn flex items-center gap-2 px-3 py-2 rounded-lg\" style=\"background: rgba(14,85,65,0.08); color: #0e5541; font-family: 'DM Sans', sans-serif; font-size: 0.85rem; font-weight: 600;\"> <i data-lucide=\"arrow-left\" style=\"width:18px;height:18px;\"><\/i> Kembali <\/button>\n <h2 id=\"detail-title\" style=\"font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 700; color: #1a1a1a;\"><\/h2>\n <\/div>\n <\/header>\n <div class=\"max-w-5xl mx-auto px-6 pt-6\">\n <div class=\"relative\"><i data-lucide=\"search\" style=\"width:18px;height:18px;color:#aaa;position:absolute;left:14px;top:50%;transform:translateY(-50%);\"><\/i> <input id=\"search-input\" type=\"text\" placeholder=\"Cari nama...\" class=\"search-input w-full rounded-xl border-0 py-3 pl-11 pr-4\" style=\"background: #fff; font-family: 'DM Sans', sans-serif; font-size: 0.9rem; color: #1a1a1a; outline: none; box-shadow: 0 1px 3px rgba(0,0,0,0.06);\" oninput=\"filterList()\"> <label for=\"search-input\" class=\"sr-only\">Cari nama<\/label>\n <\/div>\n <\/div>\n <div id=\"detail-content\" class=\"max-w-5xl mx-auto px-6 py-6 pb-12\"><\/div>\n <\/div>\n <\/div>\n <script>\n \/\/ --- DATA ---\n const data = {\n guru: [\n\t\t{ name: \"Ir. Hj. Sri Anarusi, M.P.\", role: \"Kepala Sekolah\", subject:\"Kepala Sekolah\",color: \"#e6951d\"},\n\t\t{ name: \"Kusnedi, S.Pd., M.M.\", role: \"Wakil Humas\", subject:\"Penjasorkes\",color: \"#e6951d\"},\n\t\t{ name: \"Pentaryanto, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Koordinator BK\",color: \"#0e5541\"},\n\t\t{ name: \"Damuri, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Ekonomi\",color: \"#0e5541\"},\n\t\t{ name: \"Meriani Hutasoit, S.Pd.\", role: \"Guru\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Ojat Darojat, SE., M.M.\", role: \"Guru\", subject:\"Ekonomi\",color: \"#0e5541\"},\n\t\t{ name: \"Fitri Windayani, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Irma Riyanti, S.Sos., M.Pd.\", role: \"Guru\", subject:\"Pendidikan Pancasila\",color: \"#0e5541\"},\n\t\t{ name: \"Saronto, S.Pd.\", role: \"Wakil Sarpras\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Lili Sucio, S.Pd.I., M.M.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Heny Ciswati, S.Pd.,M.Pd.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Sri Adiningsih, S.Pd.\", role: \"Guru\", subject:\"Kimia\",color: \"#0e5541\"},\n\t\t{ name: \"Rahayu Kusnanti, S.Pd., M.Pd.\", role: \"Wakil Kurikulum\", subject:\"Bahasa Indonesia\",color: \"#e6951d\"},\n\t\t{ name: \"Ima Sofia Rahmawati, S.Kom.\", role: \"Guru\", subject:\"Sosiologi\",color: \"#0e5541\"},\n\t\t{ name: \"Nana Hermana, ST.\", role: \"Guru\", subject:\"Fisika\",color: \"#0e5541\"},\n\t\t{ name: \"Apep Paturohman, S.Pd.\", role: \"Wakil Kesiswaan\", subject:\"Penjasorkes\",color: \"#0e5541\"},\n\t\t{ name: \"Afri Reni, S.Pd.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Nia Kurniawati, S.Pd.\", role: \"Guru\", subject:\"Bahasa Jerman\",color: \"#0e5541\"},\n\t\t{ name: \"Dede, S.Pd.I.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Nurhayati Syarifudin, LC., M.Pd.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Eko Yuli Purnamaningsih, S.Pd.\", role: \"Guru\", subject:\"Geografi\",color: \"#0e5541\"},\n\t\t{ name: \"Rabin, S.E., M.Pd.\", role: \"Guru\", subject:\"Ekonomi\",color: \"#0e5541\"},\n\t\t{ name: \"Linda Maryati, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Bahasa Jepang\",color: \"#0e5541\"},\n\t\t{ name: \"Rosulinawati, S.Pd.\", role: \"Guru\", subject:\"Geografi\",color: \"#0e5541\"},\n\t\t{ name: \"Taufiq Ruby Nugraha, S.Pd.\", role: \"Staf Wakil Kurikulum\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Myta Laila Fitryani, S.Pd.\", role: \"Guru\", subject:\"Seni Budaya\",color: \"#0e5541\"},\n\t\t{ name: \"Aprina Wardani, S.K.M.\", role: \"Guru\", subject:\"PKWU\",color: \"#0e5541\"},\n\t\t{ name: \"Fitriani Nasution, SH.\", role: \"Guru\", subject:\"Pendidikan Pancasila\",color: \"#0e5541\"},\n\t\t{ name: \"Dedi Supandi, S.Si., M.Pd.\", role: \"Staf Wakil Kurikulum\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Sri Wahyuni, S.Pd., M.Pd.\", role: \"Staf Wakil Kesiswaan\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Susanti, S.S\", role: \"Guru\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Wiharyanti, S.Pd.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Yuyun Yunengsih, S.Pd.\", role: \"Guru\", subject:\"Sosiologi\",color: \"#0e5541\"},\n\t\t{ name: \"Fiska Friyanti, S.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Tahir, S.Kom.\", role: \"Guru\", subject:\"Informatika\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Damiri, S.Kom.\", role: \"Guru\", subject:\"Informatika\",color: \"#0e5541\"},\n\t\t{ name: \"Riska Windasari, S.Pd.\", role: \"Guru\", subject:\"PKWU\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Ghozali, S.Pd.\", role: \"Guru\", subject:\"Guru BK\",color: \"#0e5541\"},\n\t\t{ name: \"Andi Suhendi, S.Kom.\", role: \"Staf Wakil Sarpras\", subject:\"Informatika\",color: \"#0e5541\"},\n\t\t{ name: \"Syifa Fauziah Hermawan, S.Pd\", role: \"Guru\", subject:\"Kimia\",color: \"#0e5541\"},\n\t\t{ name: \"Ilham Eka Alamsyah, S.Pd.\", role: \"Staf Wakil Kesiswaan\", subject:\"Penjasorkes\",color: \"#0e5541\"},\n\t\t{ name: \"Abdul Rahman Sidik, S.Pd\", role: \"Guru\", subject:\"Geografi\",color: \"#0e5541\"},\n\t\t{ name: \"Astri Dewi Puspito, S.Pd\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Royanah, S.Pd.\", role: \"Guru\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Fikri Fauzi, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Pendidkan Agama Islam\",color: \"#0e5541\"},\n\t\t{ name: \"Nina Rahmawati, S.Si.\", role: \"Guru\", subject:\"Matematika\",color: \"#0e5541\"},\n\t\t{ name: \"Meliyana Novita, S.Psi.\", role: \"Guru\", subject:\"Guru BK\",color: \"#0e5541\"},\n\t\t{ name: \"Ida Farida, S.Pd.\", role: \"Guru\", subject:\"Bahasa Indonesia\",color: \"#0e5541\"},\n\t\t{ name: \"Hamdani, S.Pd\", role: \"Guru\", subject:\"Bahasa Inggris\",color: \"#0e5541\"},\n\t\t{ name: \"Alva Mirdal, S.Pd., M.Pd.\", role: \"Guru\", subject:\"Guru BK\",color: \"#0e5541\"},\n\t\t{ name: \"Rafiqa Khairir Rahmah, S.Pd.\", role: \"Guru\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Siti Marnah,S.Pd\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Nadriyah,S.Pd\", role: \"Guru\", subject:\"Biologi\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Fajri Parwadis, S.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Fajrin Istiqomah, S.Pd.\", role: \"Guru\", subject:\"Bahasa Indonesia\",color: \"#0e5541\"},\n\t\t{ name: \"Nisrina Zulfa Salsabila, S.Pd.\", role: \"Guru\", subject:\"Kimia\",color: \"#0e5541\"},\n\t\t{ name: \"Amna Nurdiana S.Pd., M.Hum.\", role: \"Guru\", subject:\"Bahasa Jerman\",color: \"#0e5541\"},\n\t\t{ name: \"Bryan Nurbagja Permana, S.Pd.\", role: \"Guru\", subject:\"Penjasorkes\",color: \"#0e5541\"},\n\t\t{ name: \"Shinta Nuraeni, S.Pd.\", role: \"Guru\", subject:\"Bahasa Indonesia\",color: \"#0e5541\"},\n\t\t{ name: \"Ahmad Bil Fathir, S.Pd.\", role: \"Guru\", subject:\"Seni Budaya\",color: \"#0e5541\"},\n\t\t{ name: \"Allisa Pujiyanti, S.Pd.\", role: \"Guru\", subject:\"Sejarah\",color: \"#0e5541\"},\n\t\t{ name: \"Novitali Amanda, S.Pd.\", role: \"Guru\", subject:\"Fisika\",color: \"#0e5541\"}\n ],\n \"tata-usaha\": [\n\t\t{ name: \"Metiarsih Anggraeni, S.Sos., M.Si\", role: \"Tenaga Administrasi\", subject:\"Arsiparis\",color: \"#e6951d\"},\n\t\t{ name: \"Jatu Saraswati, S.Sos\", role: \"Tenaga Administrasi\", subject:\"Bendahara\",color: \"#0e5541\"},\n\t\t{ name: \"Deni Irwansyah H.S., S.Sos.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Muhammad Singgih Risanto, S.E.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Ramidah, A.Md\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Anis Mahmud, S.Kom.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Heni Navisa\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Ghurofi Isnan, S.Pi.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Nida Masyidatul Madyan Al-Adhari, S.Si.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Yessy Pramitasari, S.E.\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Puput Aryani\", role: \"Tenaga Administrasi\", subject:\"Tata Usaha\",color: \"#0e5541\"},\n\t\t{ name: \"Iip Saripudin\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Ohyar\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Karsa Sanjaya\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Saleh Rahman\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Amir\", role: \"Tenaga Administrasi\", subject:\"Tenaga Kebersihan\",color: \"#0e5541\"},\n\t\t{ name: \"Sutopo\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Ijay Yusup\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Slamet Riyadi\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Sutarno\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"},\n\t\t{ name: \"Saan\", role: \"Tenaga Administrasi\", subject:\"Tenaga Keamanan\",color: \"#0e5541\"}\n\n ],\n ekskul: [\n { name: \"MPK (Majelis Permusyawaratan Kelas)\", role: \"Pembina: Nisrina Zulfa\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\ud83c\udfdb\" },\n { name: \"OSIS\", role: \"Pembina: Agus Prasetyo\", subject: \"Ilham Eka Alamsyah\", color: \"#b85c1a\", icon: \"\ud83c\udfdb\" },\n { name: \"POLSIS\", role: \"Pembina: Nina Rahmawati\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\ud83c\udfdb\" },\n { name: \"Seni\", role: \"Pembina: Ahmad Bil Fatir\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\ud83c\udfb5\" },\n { name: \"Pramuka\", role: \"Pembina: Abdul Rahman Sidik\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"\u26fa\" },\n { name: \"Paskibra\", role: \"Pembina: Anis Mahmud\", subject: \"Setiap Jumat\", color: \"#b85c1a\", icon: \"ID\" },\n { name: \"Olahraga\", role: \"Pelatih: Coach Hendra\", subject: \"Selasa & Kamis\", color: \"#b85c1a\", icon: \"\u26bd\" },\n { name: \"PMR\", role: \"Pembina: Dewi Kartika\", subject: \"Setiap Sabtu\", color: \"#e6951d\", icon: \"\ud83c\udfe5\" },\n { name: \"TRISETA\", role: \"Pembina: Muhammad Rizki\", subject: \"Setiap Kamis\", color: \"#b85c1a\", icon: \"\ud83c\udf0d\" },\n { name: \"ICT \", role: \"Pembina: Fajar Setiawan\", subject: \"Selasa & Jumat\", color: \"#e6951d\", icon: \"\ud83e\udd16\" },\n { name: \"(KISS) Karya Ilmiah Sains & Sastra\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" },\n { name: \"GoGreen\", role: \"Pembina: Bambang H.\", subject: \"Setiap Rabu\", color: \"#e6951d\", icon: \"\ud83d\udd2c\" }\n ],\n siswa: [\n { name: \"Andi Firmansyah\", role: \"Angkatan 2018\", subject: \"Universitas Indonesia\", color: \"#2c3e7a\" },\n { name: \"Putri Rahmawati\", role: \"Angkatan 2019\", subject: \"ITB\", color: \"#4a6cf7\" },\n { name: \"Reza Mahendra\", role: \"Angkatan 2020\", subject: \"Universitas Padjadjaran\", color: \"#2c3e7a\" },\n { name: \"Sari Indah\", role: \"Angkatan 2021\", subject: \"Universitas Brawijaya\", color: \"#4a6cf7\" },\n { name: \"Dimas Prakoso\", role: \"Angkatan 2022\", subject: \"UPN Veteran Jakarta\", color: \"#2c3e7a\" },\n { name: \"Nadia Putri\", role: \"Angkatan 2023\", subject: \"Universitas Diponegoro\", color: \"#4a6cf7\" }\n ]\n };\n\n const titles = {\n guru: \"Direktori Guru\",\n \"tata-usaha\": \"Direktori Tata Usaha\",\n ekskul: \"Direktori Organisasi\",\n siswa: \"Direktori siswa\"\n };\n\n let currentView = \"menu\";\n\n function getInitials(name) {\n return name.split(\" \").filter(w => w.length > 1).slice(0, 2).map(w => w[0]).join(\"\").toUpperCase();\n }\n\n function showView(view) {\n if (view === \"menu\") {\n document.getElementById(\"view-menu\").classList.remove(\"hidden\");\n document.getElementById(\"view-detail\").classList.add(\"hidden\");\n currentView = \"menu\";\n return;\n }\n currentView = view;\n document.getElementById(\"view-menu\").classList.add(\"hidden\");\n document.getElementById(\"view-detail\").classList.remove(\"hidden\");\n document.getElementById(\"detail-title\").textContent = titles[view] || \"\";\n document.getElementById(\"search-input\").value = \"\";\n renderList(data[view], view);\n lucide.createIcons();\n window.scrollTo(0, 0);\n }\n\n function renderList(items, type) {\n const container = document.getElementById(\"detail-content\");\n if (type === \"ekskul\") {\n container.innerHTML = `<div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">${items.map((item, i) => `\n <div class=\"ekskul-badge rounded-xl p-5 staff-item fade-in\" style=\"background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06);animation-delay:${i*0.05}s;\" data-name=\"${item.name.toLowerCase()}\">\n <div class=\"flex items-center gap-4 mb-3\">\n <div class=\"text-3xl\">${item.icon}<\/div>\n <div>\n <h3 style=\"font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:#1a1a1a;\">${item.name}<\/h3>\n <p style=\"font-family:'DM Sans',sans-serif;font-size:0.8rem;color:#888;\">${item.role}<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-center gap-2 mt-2\" style=\"font-family:'DM Sans',sans-serif;font-size:0.78rem;\">\n <i data-lucide=\"clock\" style=\"width:14px;height:14px;color:${item.color};\"><\/i>\n <span style=\"color:#666;\">${item.subject}<\/span>\n <\/div>\n <\/div>\n `).join(\"\")}<\/div>`;\n } else {\n container.innerHTML = `<div class=\"rounded-xl overflow-hidden\" style=\"background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06);\">${items.map((item, i) => `\n <div class=\"staff-row staff-item flex items-center gap-4 px-5 py-4 fade-in ${i < items.length -1 ? 'border-b' : ''}\" style=\"border-color:rgba(0,0,0,0.05);animation-delay:${i*0.04}s;\" data-name=\"${item.name.toLowerCase()}\">\n <div class=\"staff-avatar\" style=\"background:${item.color}15;color:${item.color};\">${getInitials(item.name)}<\/div>\n <div class=\"flex-1 min-w-0\">\n <h3 style=\"font-family:'DM Sans',sans-serif;font-size:0.95rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">${item.name}<\/h3>\n <p style=\"font-family:'DM Sans',sans-serif;font-size:0.78rem;color:#999;\">${item.role}<\/p>\n <\/div>\n <div class=\"hidden sm:block text-right\">\n <span class=\"inline-block px-3 py-1 rounded-full\" style=\"background:${item.color}10;color:${item.color};font-family:'DM Sans',sans-serif;font-size:0.75rem;font-weight:600;\">${item.subject}<\/span>\n <\/div>\n <\/div>\n `).join(\"\")}<\/div>`;\n }\n lucide.createIcons();\n }\n\n function filterList() {\n const q = document.getElementById(\"search-input\").value.toLowerCase();\n document.querySelectorAll(\".staff-item\").forEach(el => {\n el.style.display = el.dataset.name.includes(q) ? \"\" : \"none\";\n });\n }\n\n \n\n function applyConfig(config) {\n const c = key => config[key] || defaultConfig[key];\n document.getElementById(\"el-school-name\").textContent = c(\"school_name\");\n document.getElementById(\"el-school-subtitle\").textContent = c(\"school_subtitle\");\n document.getElementById(\"el-menu-guru\").textContent = c(\"menu_guru\");\n document.getElementById(\"el-menu-tata-usaha\").textContent = c(\"menu_tata_usaha\");\n document.getElementById(\"el-menu-ekskul\").textContent = c(\"menu_ekstrakurikuler\");\n document.getElementById(\"el-menu-siswa\").textContent = c(\"menu_siswa\");\n\n \/\/ Update titles mapping for detail views\n titles.guru = c(\"menu_guru\");\n titles[\"tata-usaha\"] = c(\"menu_tata_usaha\");\n titles.ekskul = c(\"menu_ekstrakurikuler\");\n titles.siswa = c(\"menu_siswa\");\n\n \/\/ Colors\n const bg = c(\"background_color\");\n const surface = c(\"surface_color\");\n const text = c(\"text_color\");\n const primary = c(\"primary_action_color\");\n\n document.getElementById(\"app\").style.background = bg;\n document.querySelectorAll(\".card-hover > .relative\").forEach(el => el.closest(\".card-hover\").style.background = surface);\n document.querySelectorAll(\"h2[id^='el-menu']\").forEach(el => el.style.color = text);\n\n \/\/ Font\n const font = c(\"font_family\");\n const baseFont = `${font}, 'DM Sans', sans-serif`;\n document.querySelectorAll(\"p, span, input, button\").forEach(el => {\n if (!el.closest(\"[style*='Playfair']\") && el.style.fontFamily?.indexOf(\"Playfair\") === -1) {\n el.style.fontFamily = baseFont;\n }\n });\n\n \/\/ Font size\n const sz = c(\"font_size\");\n document.querySelectorAll(\"p:not(header p)\").forEach(el => el.style.fontSize = `${sz * 0.875}px`);\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => applyConfig(config),\n mapToCapabilities: (config) => {\n const c = key => config[key] || defaultConfig[key];\n const mut = (key) => ({\n get: () => c(key),\n set: (v) => { config[key] = v; window.elementSdk.setConfig({ [key]: v }); }\n });\n return {\n recolorables: [mut(\"background_color\"), mut(\"surface_color\"), mut(\"text_color\"), mut(\"primary_action_color\"), mut(\"secondary_action_color\")],\n borderables: [],\n fontEditable: mut(\"font_family\"),\n fontSizeable: { get: () => c(\"font_size\"), set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); } }\n };\n },\n mapToEditPanelValues: (config) => {\n const c = key => config[key] || defaultConfig[key];\n return new Map([\n [\"school_name\", c(\"school_name\")],\n [\"school_subtitle\", c(\"school_subtitle\")],\n [\"menu_guru\", c(\"menu_guru\")],\n [\"menu_tata_usaha\", c(\"menu_tata_usaha\")],\n [\"menu_ekstrakurikuler\", c(\"menu_ekstrakurikuler\")],\n [\"menu_siswa\", c(\"menu_siswa\")]\n ]);\n }\n });\n }\n\n lucide.createIcons();\n<\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9ea0639e120bfe84',t:'MTc3NTgwOTgyMi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1287","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Direktori Menu - SMA Negeri 1 Setu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smanegeri1setu.sch.id\/?page_id=1287\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Direktori Menu - SMA Negeri 1 Setu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smanegeri1setu.sch.id\/?page_id=1287\" \/>\n<meta property=\"og:site_name\" content=\"SMA Negeri 1 Setu\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T10:30:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287\",\"name\":\"Direktori Menu - SMA Negeri 1 Setu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\"},\"datePublished\":\"2025-05-18T04:17:09+00:00\",\"dateModified\":\"2026-04-10T10:30:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?page_id=1287#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Direktori Menu\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"name\":\"SMA Negeri 1 Setu\",\"description\":\"Satu Setu Maju\",\"publisher\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\",\"name\":\"SMA Negeri 1 Setu\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"contentUrl\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"width\":1080,\"height\":1080,\"caption\":\"SMA Negeri 1 Setu\"},\"image\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Direktori Menu - SMA Negeri 1 Setu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","og_locale":"id_ID","og_type":"article","og_title":"Direktori Menu - SMA Negeri 1 Setu","og_url":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","og_site_name":"SMA Negeri 1 Setu","article_modified_time":"2026-04-10T10:30:37+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","url":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287","name":"Direktori Menu - SMA Negeri 1 Setu","isPartOf":{"@id":"https:\/\/smanegeri1setu.sch.id\/#website"},"datePublished":"2025-05-18T04:17:09+00:00","dateModified":"2026-04-10T10:30:37+00:00","breadcrumb":{"@id":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smanegeri1setu.sch.id\/?page_id=1287"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smanegeri1setu.sch.id\/?page_id=1287#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smanegeri1setu.sch.id\/"},{"@type":"ListItem","position":2,"name":"Direktori Menu"}]},{"@type":"WebSite","@id":"https:\/\/smanegeri1setu.sch.id\/#website","url":"https:\/\/smanegeri1setu.sch.id\/","name":"SMA Negeri 1 Setu","description":"Satu Setu Maju","publisher":{"@id":"https:\/\/smanegeri1setu.sch.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smanegeri1setu.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/smanegeri1setu.sch.id\/#organization","name":"SMA Negeri 1 Setu","url":"https:\/\/smanegeri1setu.sch.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/","url":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","contentUrl":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","width":1080,"height":1080,"caption":"SMA Negeri 1 Setu"},"image":{"@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1287"}],"version-history":[{"count":13,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1287\/revisions"}],"predecessor-version":[{"id":1448,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1287\/revisions\/1448"}],"wp:attachment":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}