Bidik Ilmu Seri 2 \u2014 Pengumuman Peserta<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --teal: #005BAC;\n --teal-lt: #1E88E5;\n --teal-dk: #003D73;\n --gold: #f59e0b;\n --gold-lt: #fcd34d;\n --ink: #0f172a;\n --ink-mid: #334155;\n --muted: #64748b;\n --line: #e2e8f0;\n --bg: #f8fafc;\n --white: #ffffff;\n --radius: 18px;\n --shadow: 0 4px 24px rgba(15,118,110,.10);\n --shadow-lg: 0 12px 48px rgba(15,118,110,.14);\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n color: var(--ink);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 DECORATIVE BG \u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 50% at 10% -10%, rgba(13,148,136,.08) 0%, transparent 60%),\n radial-gradient(ellipse 60% 40% at 90% 110%, rgba(245,158,11,.06) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n }\n\n .page-wrap {\n position: relative;\n z-index: 1;\n max-width: 960px;\n margin: 0 auto;\n padding: 32px 20px 60px;\n }\n\n \/* \u2500\u2500 HERO BANNER \u2500\u2500 *\/\n .hero {\n background: linear-gradient(135deg, var(--teal-dk) 0%, var(--teal) 55%, var(--teal-lt) 100%);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: var(--shadow-lg);\n margin-bottom: 28px;\n position: relative;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: -40px; right: -40px;\n width: 200px; height: 200px;\n border-radius: 50%;\n background: rgba(255,255,255,.06);\n }\n\n .hero-img {\n width: 100%;\n display: block;\n filter: brightness(.85);\n }\n\n .hero-body {\n padding: 32px 36px 36px;\n }\n\n .tag-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(255,255,255,.18);\n backdrop-filter: blur(4px);\n color: #fff;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n border: 1px solid rgba(255,255,255,.3);\n margin-bottom: 16px;\n }\n\n .hero-title {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(1.6rem, 4vw, 2.4rem);\n color: #fff;\n line-height: 1.25;\n margin-bottom: 8px;\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: rgba(255,255,255,.8);\n font-weight: 500;\n margin-bottom: 28px;\n }\n\n \/* \u2500\u2500 DETAIL CARDS IN HERO \u2500\u2500 *\/\n .hero-meta {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n\n .meta-card {\n background: rgba(255,255,255,.13);\n backdrop-filter: blur(6px);\n border: 1px solid rgba(255,255,255,.2);\n border-radius: 14px;\n padding: 14px 18px;\n }\n\n .meta-card .mc-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: rgba(255,255,255,.65);\n margin-bottom: 4px;\n }\n\n .meta-card .mc-val {\n font-size: .97rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 TOPIC SECTION \u2500\u2500 *\/\n .section {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .section-head {\n padding: 20px 28px;\n border-bottom: 1px solid var(--line);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .section-head .icon {\n width: 36px; height: 36px;\n background: linear-gradient(135deg, var(--teal), var(--teal-dk));\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px;\n flex-shrink: 0;\n }\n\n .section-head h2 {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--ink);\n }\n\n .section-body { padding: 22px 28px; }\n\n .topic-quote {\n font-family: 'DM Serif Display', serif;\n font-style: italic;\n font-size: 1.25rem;\n color: var(--teal-dk);\n line-height: 1.55;\n border-left: 4px solid var(--gold);\n padding-left: 20px;\n margin-bottom: 24px;\n }\n\n \/* Speaker grid *\/\n .speaker-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n\n .speaker-card {\n background: var(--bg);\n border-radius: 12px;\n padding: 14px 16px;\n border: 1px solid var(--line);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n\n .speaker-card .sc-icon {\n font-size: 22px;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .speaker-card .sc-role {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--teal);\n margin-bottom: 4px;\n }\n\n .speaker-card .sc-name {\n font-size: .88rem;\n font-weight: 600;\n color: var(--ink);\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 SEARCH + STATS \u2500\u2500 *\/\n .controls {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 24px 28px;\n margin-bottom: 20px;\n }\n\n .search-wrap {\n position: relative;\n margin-bottom: 20px;\n }\n\n .search-icon {\n position: absolute;\n left: 16px; top: 50%;\n transform: translateY(-50%);\n font-size: 16px;\n color: var(--muted);\n pointer-events: none;\n }\n\n .search-input {\n width: 100%;\n padding: 13px 16px 13px 46px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: .95rem;\n border: 1.5px solid var(--line);\n border-radius: 12px;\n background: var(--bg);\n color: var(--ink);\n transition: border-color .2s, box-shadow .2s;\n }\n\n .search-input:focus {\n outline: none;\n border-color: var(--teal);\n box-shadow: 0 0 0 3px rgba(13,148,136,.12);\n background: var(--white);\n }\n\n .search-input::placeholder { color: var(--muted); }\n\n .stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n\n .stat-card {\n text-align: center;\n padding: 16px 12px;\n border-radius: 14px;\n border: 1.5px solid var(--line);\n background: var(--bg);\n transition: transform .2s, box-shadow .2s;\n }\n\n .stat-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(13,148,136,.1);\n }\n\n .stat-card .s-num {\n font-family: 'DM Serif Display', serif;\n font-size: 2rem;\n color: var(--teal-dk);\n line-height: 1;\n margin-bottom: 4px;\n }\n\n .stat-card .s-lbl {\n font-size: .78rem;\n font-weight: 600;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: .06em;\n }\n\n \/* \u2500\u2500 TABLE SECTION \u2500\u2500 *\/\n .table-section {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .table-top {\n padding: 20px 28px;\n border-bottom: 1px solid var(--line);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .table-top h2 {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--ink);\n }\n\n .filter-pills {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n }\n\n .fpill {\n padding: 6px 14px;\n border-radius: 100px;\n font-size: .82rem;\n font-weight: 600;\n border: 1.5px solid var(--line);\n background: transparent;\n color: var(--muted);\n cursor: pointer;\n transition: all .2s;\n }\n\n .fpill:hover { border-color: var(--teal); color: var(--teal); }\n\n .fpill.active {\n background: var(--teal);\n border-color: var(--teal);\n color: #fff;\n }\n\n .table-wrap { overflow-x: auto; }\n\n table { width: 100%; border-collapse: collapse; }\n\n thead tr {\n background: linear-gradient(90deg, var(--teal-dk), var(--teal));\n }\n\n thead th {\n padding: 14px 18px;\n text-align: left;\n font-size: .82rem;\n font-weight: 700;\n letter-spacing: .07em;\n text-transform: uppercase;\n color: rgba(255,255,255,.9);\n white-space: nowrap;\n }\n\n tbody tr {\n border-bottom: 1px solid var(--line);\n transition: background .15s;\n }\n\n tbody tr:last-child { border-bottom: none; }\n\n tbody tr:hover { background: rgba(13,148,136,.04); }\n\n tbody td {\n padding: 14px 18px;\n font-size: .92rem;\n color: var(--ink-mid);\n vertical-align: middle;\n }\n\n .no-num {\n width: 48px;\n text-align: center;\n font-weight: 700;\n font-size: .82rem;\n color: var(--muted);\n }\n\n .name-cell { font-weight: 600; color: var(--ink); }\n\n .region-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: .78rem;\n font-weight: 600;\n padding: 3px 10px;\n border-radius: 100px;\n white-space: nowrap;\n }\n\n .region-badge.Sleman { background: #eff6ff; color: #2563eb; }\n .region-badge.Yogyakarta { background: #fdf4ff; color: #9333ea; }\n .region-badge.Bantul { background: #f0fdf4; color: #16a34a; }\n .region-badge.KulonProgo { background: #fff7ed; color: #ea580c; }\n .region-badge.Gunungkidul { background: #fef9c3; color: #ca8a04; }\n\n .no-data {\n text-align: center;\n padding: 48px 24px;\n color: var(--muted);\n }\n\n .no-data .nd-icon { font-size: 40px; margin-bottom: 12px; }\n .no-data p { font-size: .95rem; }\n\n \/* Loading *\/\n .loading-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 48px;\n gap: 16px;\n color: var(--muted);\n font-size: .9rem;\n }\n\n .spin {\n width: 36px; height: 36px;\n border: 3px solid var(--line);\n border-top-color: var(--teal);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin { to { transform: rotate(360deg); } }\n\n \/* \u2500\u2500 INFO BOX \u2500\u2500 *\/\n .info-section {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n overflow: hidden;\n margin-bottom: 20px;\n }\n\n .info-section .section-head {\n background: linear-gradient(90deg, rgba(13,148,136,.06), transparent);\n }\n\n .info-body { padding: 24px 28px; }\n\n .info-body p {\n font-size: .95rem;\n line-height: 1.75;\n color: var(--ink-mid);\n margin-bottom: 14px;\n }\n\n .info-body p:last-child { margin-bottom: 0; }\n\n .link-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 4px 0 16px;\n }\n\n .link-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bg);\n border-radius: 10px;\n padding: 12px 16px;\n border: 1px solid var(--line);\n }\n\n .link-list .ll-label {\n font-size: .82rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .06em;\n color: var(--muted);\n min-width: 60px;\n flex-shrink: 0;\n }\n\n .link-list a {\n font-size: .9rem;\n font-weight: 600;\n color: var(--teal);\n text-decoration: none;\n word-break: break-all;\n }\n\n .link-list a:hover { text-decoration: underline; }\n\n .link-icon {\n font-size: 20px;\n flex-shrink: 0;\n }\n\n \/* Hashtag cloud *\/\n .hashtag-cloud {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 16px;\n }\n\n .hashtag-cloud span {\n background: linear-gradient(135deg, rgba(13,148,136,.08), rgba(13,148,136,.04));\n color: var(--teal-dk);\n border: 1px solid rgba(13,148,136,.2);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: .82rem;\n font-weight: 700;\n letter-spacing: .04em;\n }\n\n \/* Important notice banner *\/\n .notice-banner {\n background: linear-gradient(135deg, #fffbeb, #fef3c7);\n border: 1.5px solid #fcd34d;\n border-radius: 14px;\n padding: 16px 20px;\n margin-bottom: 16px;\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n\n .notice-banner .nb-icon { font-size: 22px; flex-shrink: 0; }\n\n .notice-banner p {\n margin: 0 !important;\n font-size: .93rem !important;\n color: #78350f !important;\n }\n\n \/* \u2500\u2500 FADE IN ANIMATION \u2500\u2500 *\/\n .fade-in {\n opacity: 0;\n transform: translateY(22px);\n animation: fadeUp .5s ease forwards;\n }\n\n .fade-in:nth-child(1) { animation-delay: .05s; }\n .fade-in:nth-child(2) { animation-delay: .15s; }\n .fade-in:nth-child(3) { animation-delay: .25s; }\n .fade-in:nth-child(4) { animation-delay: .35s; }\n .fade-in:nth-child(5) { animation-delay: .45s; }\n\n @keyframes fadeUp {\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 640px) {\n .hero-body { padding: 22px 20px 26px; }\n .hero-img { height: 200px; }\n .section-body, .info-body, .controls { padding: 18px 18px; }\n .table-top { padding: 16px 18px; }\n .stats-row { grid-template-columns: 1fr 1fr 1fr; }\n .stat-card .s-num { font-size: 1.6rem; }\n thead th, tbody td { padding: 11px 12px; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"page-wrap\">\n\n \n <div class=\"hero fade-in\">\n <img decoding=\"async\" \n class=\"hero-img\"\n src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-content\/uploads\/sites\/2\/2026\/06\/bu-jun-1.jpeg\"\n alt=\"Banner Bidik Ilmu Seri 2\"\n onerror=\"this.style.display='none'\"\n >\n <div class=\"hero-body\">\n <div class=\"tag-pill\">\u2728 Pengumuman Resmi<\/div>\n <h1 class=\"hero-title\">Sarasehan Pendidikan<br>Bidik Ilmu Seri 2<\/h1>\n <p class=\"hero-sub\">Pengumuman Peserta Luring \u2014 Batch 1<\/p>\n <div class=\"hero-meta\">\n <div class=\"meta-card\">\n <div class=\"mc-label\">\ud83d\uddd3 Hari & Tanggal<\/div>\n <div class=\"mc-val\">Selasa, 9 Juni 2026<\/div>\n <\/div>\n <div class=\"meta-card\">\n <div class=\"mc-label\">\ud83d\udd50 Waktu<\/div>\n <div class=\"mc-val\">13.00 \u2013 16.00 WIB<\/div>\n <\/div>\n <div class=\"meta-card\">\n <div class=\"mc-label\">\ud83d\udccd Tempat<\/div>\n <div class=\"mc-val\">Gedung Gauss Lt. 2, BBGTK DIY<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section fade-in\">\n <div class=\"section-head\">\n <div class=\"icon\">\ud83c\udf93<\/div>\n <h2>Topik & Narasumber<\/h2>\n <\/div>\n <div class=\"section-body\">\n <p class=\"topic-quote\">\n “Integrasi Penguatan Dimensi Profil Lulusan (DPL)<br>dalam Pembelajaran”\n <\/p>\n <div class=\"speaker-grid\">\n <div class=\"speaker-card\">\n <div class=\"sc-icon\">\ud83c\udf99\ufe0f<\/div>\n <div>\n <div class=\"sc-role\">Narasumber<\/div>\n <div class=\"sc-name\">Untung Trisna Suwaji, M.Si.<br><span style=\"font-weight:400;color:var(--muted);font-size:.82rem\">Widyaiswara Ahli Madya BBGTK DIY<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"speaker-card\">\n <div class=\"sc-icon\">\ud83c\udf99\ufe0f<\/div>\n <div>\n <div class=\"sc-role\">Narasumber<\/div>\n <div class=\"sc-name\">Angga Kristiyajati, M.Pd.<br><span style=\"font-weight:400;color:var(--muted);font-size:.82rem\">Widyaiswara Ahli Muda BBGTK DIY<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"speaker-card\">\n <div class=\"sc-icon\">\ud83c\udfa4<\/div>\n <div>\n <div class=\"sc-role\">Moderator<\/div>\n <div class=\"sc-name\">Yudha Wijasena<br><span style=\"font-weight:400;color:var(--muted);font-size:.82rem\">Penyiar Radio Edukasi BBGTK DIY<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"controls fade-in\">\n <div class=\"search-wrap\">\n <span class=\"search-icon\">\ud83d\udd0d<\/span>\n <input\n type=\"text\"\n id=\"searchInput\"\n class=\"search-input\"\n placeholder=\"Cari nama, instansi, atau kabupaten...\"\n autocomplete=\"off\"\n >\n <\/div>\n <div class=\"stats-row\">\n <div class=\"stat-card\">\n <div class=\"s-num\" id=\"totalPeserta\">30<\/div>\n <div class=\"s-lbl\">Total Peserta<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"s-num\" id=\"filteredCount\">30<\/div>\n <div class=\"s-lbl\">Ditampilkan<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"s-num\" id=\"kabupatenCount\">5<\/div>\n <div class=\"s-lbl\">Kab\/Kota<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"table-section fade-in\">\n <div class=\"table-top\">\n <h2>Daftar Peserta Terpilih<\/h2>\n <div class=\"filter-pills\">\n <button class=\"fpill active\" onclick=\"filterRegion('all', this)\">Semua<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Bantul', this)\">Bantul<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Sleman', this)\">Sleman<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Kulon Progo', this)\">Kulon Progo<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Kota Yogyakarta', this)\">Yogyakarta<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Gunungkidul', this)\">Gunungkidul<\/button>\n <\/div>\n <\/div>\n\n <div id=\"loadingWrap\" class=\"loading-wrap\">\n <div class=\"spin\"><\/div>\n <span>Memuat data peserta\u2026<\/span>\n <\/div>\n\n <div class=\"table-wrap\" id=\"tableWrap\" style=\"display:none\">\n <table>\n <thead>\n <tr>\n <th class=\"no-num\">No<\/th>\n <th>Nama Lengkap<\/th>\n <th>Instansi<\/th>\n <th>Kabupaten\/Kota<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"info-section fade-in\">\n <div class=\"section-head\">\n <div class=\"icon\">\ud83d\udce2<\/div>\n <h2>Informasi Penting<\/h2>\n <\/div>\n <div class=\"info-body\">\n <div class=\"notice-banner\">\n <div class=\"nb-icon\">\ud83d\udca1<\/div>\n <p>Sahabat BBGTK DIY yang belum terpilih mengikuti secara luring, tetap dapat mendapatkan ilmu dengan bergabung secara <strong>daring<\/strong> bersama para sahabat yang mendaftar secara daring.<\/p>\n <\/div>\n\n <p><strong>Bergabung secara daring melalui:<\/strong><\/p>\n <ul class=\"link-list\">\n <li>\n <span class=\"link-icon\">\u25b6\ufe0f<\/span>\n <span class=\"ll-label\">YouTube<\/span>\n <a href=\"https:\/\/s.id\/live-bidikilmu-seri2\" target=\"_blank\">s.id\/live-bidikilmu-seri2<\/a>\n <\/li>\n <li>\n <span class=\"link-icon\">\ud83d\udcf9<\/span>\n <span class=\"ll-label\">Zoom<\/span>\n <a href=\"https:\/\/s.id\/zoom-bidikilmu-seri2\" target=\"_blank\">s.id\/zoom-bidikilmu-seri2<\/a>\n <\/li>\n <\/ul>\n\n <p><strong>Unduh materi dan virtual background:<\/strong><\/p>\n <ul class=\"link-list\">\n <li>\n <span class=\"link-icon\">\ud83d\uddbc\ufe0f<\/span>\n <span class=\"ll-label\">VB<\/span>\n <a href=\"https:\/\/s.id\/VB-bidikilmu2026\" target=\"_blank\">s.id\/VB-bidikilmu2026<\/a>\n <\/li>\n <li>\n <span class=\"link-icon\">\ud83d\udcc4<\/span>\n <span class=\"ll-label\">Materi<\/span>\n <a href=\"https:\/\/s.id\/materi-bidikilmu2026\" target=\"_blank\">s.id\/materi-bidikilmu2026<\/a>\n <\/li>\n <\/ul>\n\n <p>Pengumuman ini sekaligus sebagai <strong>undangan resmi<\/strong> dari BBGTK DIY untuk semua sahabat. Penyelenggara tidak menyediakan biaya transportasi untuk peserta luring.<\/p>\n <p>Diharapkan sahabat dapat hadir paling lambat <strong>15 menit<\/strong> sebelum acara dimulai.<\/p>\n <p style=\"font-size:1.05rem;font-weight:700;color:var(--teal-dk)\">Sampai jumpa di Bidik Ilmu Seri 2! \ud83d\ude0a\ud83d\ude4f<\/p>\n\n <div class=\"hashtag-cloud\">\n <span>#BBGTKDIY<\/span>\n <span>#RadioEdukasi<\/span>\n <span>#PendidikanBermutu<\/span>\n <span>#kemendikdasmenramah<\/span>\n <span>#BidikIlmu<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n const participants = [\n { nama: \"Marissa\", instansi: \"SMA Masa Depan\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Palupi Eko Saputro\", instansi: \"SMP Negeri 2 Cangkringan\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Rifky Hanifah\", instansi: \"SD Muhammadiyah MBS Prambanan\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Ruryana Pamula Novi W.\", instansi: \"SMP Muhammadiyah 2 Gamping\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Sely Nindyawati\", instansi: \"SD Negeri Sarikaya\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Septianto Hutama Putra\", instansi: \"SMA Negeri 1 Pakem\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Alnurrizki Muthfisari\", instansi: \"SD Negeri Keputran I\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Alvin Sadewa\", instansi: \"SMP Negeri 1 Yogyakarta\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Desi Andini\", instansi: \"SMP Negeri 15 Yogyakarta\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Idha Nur Utami\", instansi: \"SMAS Muhammadiyah 2 Yogyakarta\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Lucyana Pratiwi\", instansi: \"SD Negeri Tamansari 1\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Wahyu Mar'atus Sholihah\", instansi: \"SD Muhammadiyah Nitikan\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Anna Suryaningsih\", instansi: \"SMA Negeri 1 Bantul\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Ari Nurweni\", instansi: \"SD Negeri 1 Salakan\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Ary Windarsih\", instansi: \"SD Negeri Guwosari\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Fikri Nur Muhammad\", instansi: \"SMP Negeri 1 Banguntapan\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Yunita Sari\", instansi: \"SMA Negeri 1 Sanden\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Tri Suhardi\", instansi: \"SMP Negeri 2 Pundong\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Aisah Surya Miarti\", instansi: \"SD Negeri Kradenan\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Nurul Utami\", instansi: \"SD Negeri Ngentak\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Resti Apriliyasari\", instansi: \"SMP Negeri 3 Samigaluh\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Tirtandro Meda\", instansi: \"SMA Negeri 2 Wates\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Esti Mulyani\", instansi: \"SD Negeri Kaligintung\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Munarningsih\", instansi: \"SD Negeri Kaligintung\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Abdulah\", instansi: \"SMP Negeri 3 Wonosari\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Ari Sulistyo\", instansi: \"SMP Negeri 1 Wonosari\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Indah Haryani\", instansi: \"SD Muh. Unggulan Al-Fatih Patuk\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Sunarti\", instansi: \"SD Negeri Paliyan II\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Widiyawanta\", instansi: \"SMK Negeri 1 Wonosari\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Dwi Hastuti Listiyani\", instansi: \"SMP Negeri 1 Patuk\", kabupaten: \"Kabupaten Gunungkidul\" },\n ];\n\n const regionClass = {\n 'Kabupaten Sleman': 'Sleman',\n 'Kota Yogyakarta': 'Yogyakarta',\n 'Kabupaten Bantul': 'Bantul',\n 'Kabupaten Kulon Progo': 'KulonProgo',\n 'Kabupaten Gunungkidul': 'Gunungkidul',\n };\n\n let currentRegion = 'all';\n let currentSearch = '';\n\n function getFiltered() {\n return participants.filter(p => {\n const matchRegion = currentRegion === 'all' || p.kabupaten.includes(currentRegion);\n const q = currentSearch;\n const matchSearch = !q\n || p.nama.toLowerCase().includes(q)\n || p.instansi.toLowerCase().includes(q)\n || p.kabupaten.toLowerCase().includes(q);\n return matchRegion && matchSearch;\n });\n }\n\n function renderTable() {\n const data = getFiltered();\n const tbody = document.getElementById('tableBody');\n const unique = [...new Set(data.map(p => p.kabupaten))].length;\n\n document.getElementById('filteredCount').textContent = data.length;\n document.getElementById('kabupatenCount').textContent = unique;\n\n if (data.length === 0) {\n tbody.innerHTML = `\n <tr>\n <td colspan=\"4\">\n <div class=\"no-data\">\n <div class=\"nd-icon\">\ud83d\udd0d<\/div>\n <p>Tidak ada data yang ditemukan.<\/p>\n <\/div>\n <\/td>\n <\/tr>`;\n return;\n }\n\n tbody.innerHTML = data.map((p, i) => {\n const rc = regionClass[p.kabupaten] || '';\n const shortKab = p.kabupaten.replace('Kabupaten ', '').replace('Kota ', '');\n return `\n <tr>\n <td class=\"no-num\">${i + 1}<\/td>\n <td class=\"name-cell\">${p.nama}<\/td>\n <td>${p.instansi}<\/td>\n <td><span class=\"region-badge ${rc}\">${shortKab}<\/span><\/td>\n <\/tr>`;\n }).join('');\n }\n\n function filterRegion(region, btn) {\n currentRegion = region;\n document.querySelectorAll('.fpill').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n renderTable();\n }\n\n document.getElementById('searchInput').addEventListener('input', e => {\n currentSearch = e.target.value.toLowerCase().trim();\n renderTable();\n });\n\n \/\/ Init with fake loading delay for polish\n window.addEventListener('DOMContentLoaded', () => {\n setTimeout(() => {\n document.getElementById('loadingWrap').style.display = 'none';\n document.getElementById('tableWrap').style.display = 'block';\n renderTable();\n }, 600);\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Bidik Ilmu Seri 2 \u2014 Pengumuman Peserta \u2728 Pengumuman Resmi Sarasehan PendidikanBidik Ilmu Seri 2 Pengumuman Peserta Luring \u2014 Batch 1 \ud83d\uddd3 Hari & Tanggal Selasa, 9 Juni 2026 \ud83d\udd50 Waktu 13.00 \u2013 16.00 WIB \ud83d\udccd Tempat Gedung Gauss Lt. 2, BBGTK DIY \ud83c\udf93 Topik & Narasumber “Integrasi Penguatan Dimensi Profil Lulusan (DPL)dalam Pembelajaran” \ud83c\udf99\ufe0f […]<\/p>\n","protected":false},"author":1,"featured_media":1966,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[9,10],"tags":[],"class_list":["post-1967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pengumuman","category-umum"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":1,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts\/1967\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts\/1967\/revisions\/1968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/media\/1966"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/categories?post=1967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/tags?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1967,"date":"2026-06-03T15:50:00","date_gmt":"2026-06-03T15:50:00","guid":{"rendered":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/?p=1967"},"modified":"2026-06-04T15:50:59","modified_gmt":"2026-06-04T15:50:59","slug":"pengumuman-sarasehan-pendidikan-bidik-ilmu-seri-2-9-juni-2026","status":"publish","type":"post","link":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/2026\/06\/03\/pengumuman-sarasehan-pendidikan-bidik-ilmu-seri-2-9-juni-2026\/","title":{"rendered":"PENGUMUMAN SARASEHAN PENDIDIKAN: BIDIK ILMU SERI 2 (9 Juni 2026)"},"content":{"rendered":"\n\n\n\n \n \n Bidik Ilmu Seri 2 \u2014 Pengumuman Peserta<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --teal: #005BAC;\n --teal-lt: #1E88E5;\n --teal-dk: #003D73;\n --gold: #f59e0b;\n --gold-lt: #fcd34d;\n --ink: #0f172a;\n --ink-mid: #334155;\n --muted: #64748b;\n --line: #e2e8f0;\n --bg: #f8fafc;\n --white: #ffffff;\n --radius: 18px;\n --shadow: 0 4px 24px rgba(15,118,110,.10);\n --shadow-lg: 0 12px 48px rgba(15,118,110,.14);\n }\n\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n color: var(--ink);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500 DECORATIVE BG \u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 50% at 10% -10%, rgba(13,148,136,.08) 0%, transparent 60%),\n radial-gradient(ellipse 60% 40% at 90% 110%, rgba(245,158,11,.06) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n }\n\n .page-wrap {\n position: relative;\n z-index: 1;\n max-width: 960px;\n margin: 0 auto;\n padding: 32px 20px 60px;\n }\n\n \/* \u2500\u2500 HERO BANNER \u2500\u2500 *\/\n .hero {\n background: linear-gradient(135deg, var(--teal-dk) 0%, var(--teal) 55%, var(--teal-lt) 100%);\n border-radius: 24px;\n overflow: hidden;\n box-shadow: var(--shadow-lg);\n margin-bottom: 28px;\n position: relative;\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: -40px; right: -40px;\n width: 200px; height: 200px;\n border-radius: 50%;\n background: rgba(255,255,255,.06);\n }\n\n .hero-img {\n width: 100%;\n display: block;\n filter: brightness(.85);\n }\n\n .hero-body {\n padding: 32px 36px 36px;\n }\n\n .tag-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: rgba(255,255,255,.18);\n backdrop-filter: blur(4px);\n color: #fff;\n font-size: 12px;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n padding: 6px 14px;\n border-radius: 100px;\n border: 1px solid rgba(255,255,255,.3);\n margin-bottom: 16px;\n }\n\n .hero-title {\n font-family: 'DM Serif Display', serif;\n font-size: clamp(1.6rem, 4vw, 2.4rem);\n color: #fff;\n line-height: 1.25;\n margin-bottom: 8px;\n }\n\n .hero-sub {\n font-size: 1.05rem;\n color: rgba(255,255,255,.8);\n font-weight: 500;\n margin-bottom: 28px;\n }\n\n \/* \u2500\u2500 DETAIL CARDS IN HERO \u2500\u2500 *\/\n .hero-meta {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n\n .meta-card {\n background: rgba(255,255,255,.13);\n backdrop-filter: blur(6px);\n border: 1px solid rgba(255,255,255,.2);\n border-radius: 14px;\n padding: 14px 18px;\n }\n\n .meta-card .mc-label {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: rgba(255,255,255,.65);\n margin-bottom: 4px;\n }\n\n .meta-card .mc-val {\n font-size: .97rem;\n font-weight: 600;\n color: #fff;\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 TOPIC SECTION \u2500\u2500 *\/\n .section {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .section-head {\n padding: 20px 28px;\n border-bottom: 1px solid var(--line);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .section-head .icon {\n width: 36px; height: 36px;\n background: linear-gradient(135deg, var(--teal), var(--teal-dk));\n border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n font-size: 16px;\n flex-shrink: 0;\n }\n\n .section-head h2 {\n font-size: 1.05rem;\n font-weight: 700;\n color: var(--ink);\n }\n\n .section-body { padding: 22px 28px; }\n\n .topic-quote {\n font-family: 'DM Serif Display', serif;\n font-style: italic;\n font-size: 1.25rem;\n color: var(--teal-dk);\n line-height: 1.55;\n border-left: 4px solid var(--gold);\n padding-left: 20px;\n margin-bottom: 24px;\n }\n\n \/* Speaker grid *\/\n .speaker-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 12px;\n }\n\n .speaker-card {\n background: var(--bg);\n border-radius: 12px;\n padding: 14px 16px;\n border: 1px solid var(--line);\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n\n .speaker-card .sc-icon {\n font-size: 22px;\n flex-shrink: 0;\n margin-top: 2px;\n }\n\n .speaker-card .sc-role {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n color: var(--teal);\n margin-bottom: 4px;\n }\n\n .speaker-card .sc-name {\n font-size: .88rem;\n font-weight: 600;\n color: var(--ink);\n line-height: 1.4;\n }\n\n \/* \u2500\u2500 SEARCH + STATS \u2500\u2500 *\/\n .controls {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 24px 28px;\n margin-bottom: 20px;\n }\n\n .search-wrap {\n position: relative;\n margin-bottom: 20px;\n }\n\n .search-icon {\n position: absolute;\n left: 16px; top: 50%;\n transform: translateY(-50%);\n font-size: 16px;\n color: var(--muted);\n pointer-events: none;\n }\n\n .search-input {\n width: 100%;\n padding: 13px 16px 13px 46px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: .95rem;\n border: 1.5px solid var(--line);\n border-radius: 12px;\n background: var(--bg);\n color: var(--ink);\n transition: border-color .2s, box-shadow .2s;\n }\n\n .search-input:focus {\n outline: none;\n border-color: var(--teal);\n box-shadow: 0 0 0 3px rgba(13,148,136,.12);\n background: var(--white);\n }\n\n .search-input::placeholder { color: var(--muted); }\n\n .stats-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n }\n\n .stat-card {\n text-align: center;\n padding: 16px 12px;\n border-radius: 14px;\n border: 1.5px solid var(--line);\n background: var(--bg);\n transition: transform .2s, box-shadow .2s;\n }\n\n .stat-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(13,148,136,.1);\n }\n\n .stat-card .s-num {\n font-family: 'DM Serif Display', serif;\n font-size: 2rem;\n color: var(--teal-dk);\n line-height: 1;\n margin-bottom: 4px;\n }\n\n .stat-card .s-lbl {\n font-size: .78rem;\n font-weight: 600;\n color: var(--muted);\n text-transform: uppercase;\n letter-spacing: .06em;\n }\n\n \/* \u2500\u2500 TABLE SECTION \u2500\u2500 *\/\n .table-section {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin-bottom: 20px;\n overflow: hidden;\n }\n\n .table-top {\n padding: 20px 28px;\n border-bottom: 1px solid var(--line);\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .table-top h2 {\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--ink);\n }\n\n .filter-pills {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n }\n\n .fpill {\n padding: 6px 14px;\n border-radius: 100px;\n font-size: .82rem;\n font-weight: 600;\n border: 1.5px solid var(--line);\n background: transparent;\n color: var(--muted);\n cursor: pointer;\n transition: all .2s;\n }\n\n .fpill:hover { border-color: var(--teal); color: var(--teal); }\n\n .fpill.active {\n background: var(--teal);\n border-color: var(--teal);\n color: #fff;\n }\n\n .table-wrap { overflow-x: auto; }\n\n table { width: 100%; border-collapse: collapse; }\n\n thead tr {\n background: linear-gradient(90deg, var(--teal-dk), var(--teal));\n }\n\n thead th {\n padding: 14px 18px;\n text-align: left;\n font-size: .82rem;\n font-weight: 700;\n letter-spacing: .07em;\n text-transform: uppercase;\n color: rgba(255,255,255,.9);\n white-space: nowrap;\n }\n\n tbody tr {\n border-bottom: 1px solid var(--line);\n transition: background .15s;\n }\n\n tbody tr:last-child { border-bottom: none; }\n\n tbody tr:hover { background: rgba(13,148,136,.04); }\n\n tbody td {\n padding: 14px 18px;\n font-size: .92rem;\n color: var(--ink-mid);\n vertical-align: middle;\n }\n\n .no-num {\n width: 48px;\n text-align: center;\n font-weight: 700;\n font-size: .82rem;\n color: var(--muted);\n }\n\n .name-cell { font-weight: 600; color: var(--ink); }\n\n .region-badge {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n font-size: .78rem;\n font-weight: 600;\n padding: 3px 10px;\n border-radius: 100px;\n white-space: nowrap;\n }\n\n .region-badge.Sleman { background: #eff6ff; color: #2563eb; }\n .region-badge.Yogyakarta { background: #fdf4ff; color: #9333ea; }\n .region-badge.Bantul { background: #f0fdf4; color: #16a34a; }\n .region-badge.KulonProgo { background: #fff7ed; color: #ea580c; }\n .region-badge.Gunungkidul { background: #fef9c3; color: #ca8a04; }\n\n .no-data {\n text-align: center;\n padding: 48px 24px;\n color: var(--muted);\n }\n\n .no-data .nd-icon { font-size: 40px; margin-bottom: 12px; }\n .no-data p { font-size: .95rem; }\n\n \/* Loading *\/\n .loading-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 48px;\n gap: 16px;\n color: var(--muted);\n font-size: .9rem;\n }\n\n .spin {\n width: 36px; height: 36px;\n border: 3px solid var(--line);\n border-top-color: var(--teal);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin { to { transform: rotate(360deg); } }\n\n \/* \u2500\u2500 INFO BOX \u2500\u2500 *\/\n .info-section {\n background: var(--white);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n overflow: hidden;\n margin-bottom: 20px;\n }\n\n .info-section .section-head {\n background: linear-gradient(90deg, rgba(13,148,136,.06), transparent);\n }\n\n .info-body { padding: 24px 28px; }\n\n .info-body p {\n font-size: .95rem;\n line-height: 1.75;\n color: var(--ink-mid);\n margin-bottom: 14px;\n }\n\n .info-body p:last-child { margin-bottom: 0; }\n\n .link-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin: 4px 0 16px;\n }\n\n .link-list li {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--bg);\n border-radius: 10px;\n padding: 12px 16px;\n border: 1px solid var(--line);\n }\n\n .link-list .ll-label {\n font-size: .82rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .06em;\n color: var(--muted);\n min-width: 60px;\n flex-shrink: 0;\n }\n\n .link-list a {\n font-size: .9rem;\n font-weight: 600;\n color: var(--teal);\n text-decoration: none;\n word-break: break-all;\n }\n\n .link-list a:hover { text-decoration: underline; }\n\n .link-icon {\n font-size: 20px;\n flex-shrink: 0;\n }\n\n \/* Hashtag cloud *\/\n .hashtag-cloud {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 16px;\n }\n\n .hashtag-cloud span {\n background: linear-gradient(135deg, rgba(13,148,136,.08), rgba(13,148,136,.04));\n color: var(--teal-dk);\n border: 1px solid rgba(13,148,136,.2);\n border-radius: 100px;\n padding: 5px 14px;\n font-size: .82rem;\n font-weight: 700;\n letter-spacing: .04em;\n }\n\n \/* Important notice banner *\/\n .notice-banner {\n background: linear-gradient(135deg, #fffbeb, #fef3c7);\n border: 1.5px solid #fcd34d;\n border-radius: 14px;\n padding: 16px 20px;\n margin-bottom: 16px;\n display: flex;\n gap: 12px;\n align-items: flex-start;\n }\n\n .notice-banner .nb-icon { font-size: 22px; flex-shrink: 0; }\n\n .notice-banner p {\n margin: 0 !important;\n font-size: .93rem !important;\n color: #78350f !important;\n }\n\n \/* \u2500\u2500 FADE IN ANIMATION \u2500\u2500 *\/\n .fade-in {\n opacity: 0;\n transform: translateY(22px);\n animation: fadeUp .5s ease forwards;\n }\n\n .fade-in:nth-child(1) { animation-delay: .05s; }\n .fade-in:nth-child(2) { animation-delay: .15s; }\n .fade-in:nth-child(3) { animation-delay: .25s; }\n .fade-in:nth-child(4) { animation-delay: .35s; }\n .fade-in:nth-child(5) { animation-delay: .45s; }\n\n @keyframes fadeUp {\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 640px) {\n .hero-body { padding: 22px 20px 26px; }\n .hero-img { height: 200px; }\n .section-body, .info-body, .controls { padding: 18px 18px; }\n .table-top { padding: 16px 18px; }\n .stats-row { grid-template-columns: 1fr 1fr 1fr; }\n .stat-card .s-num { font-size: 1.6rem; }\n thead th, tbody td { padding: 11px 12px; }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"page-wrap\">\n\n \n <div class=\"hero fade-in\">\n <img decoding=\"async\" \n class=\"hero-img\"\n src=\"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-content\/uploads\/sites\/2\/2026\/06\/bu-jun-1.jpeg\"\n alt=\"Banner Bidik Ilmu Seri 2\"\n onerror=\"this.style.display='none'\"\n >\n <div class=\"hero-body\">\n <div class=\"tag-pill\">\u2728 Pengumuman Resmi<\/div>\n <h1 class=\"hero-title\">Sarasehan Pendidikan<br>Bidik Ilmu Seri 2<\/h1>\n <p class=\"hero-sub\">Pengumuman Peserta Luring \u2014 Batch 1<\/p>\n <div class=\"hero-meta\">\n <div class=\"meta-card\">\n <div class=\"mc-label\">\ud83d\uddd3 Hari & Tanggal<\/div>\n <div class=\"mc-val\">Selasa, 9 Juni 2026<\/div>\n <\/div>\n <div class=\"meta-card\">\n <div class=\"mc-label\">\ud83d\udd50 Waktu<\/div>\n <div class=\"mc-val\">13.00 \u2013 16.00 WIB<\/div>\n <\/div>\n <div class=\"meta-card\">\n <div class=\"mc-label\">\ud83d\udccd Tempat<\/div>\n <div class=\"mc-val\">Gedung Gauss Lt. 2, BBGTK DIY<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section fade-in\">\n <div class=\"section-head\">\n <div class=\"icon\">\ud83c\udf93<\/div>\n <h2>Topik & Narasumber<\/h2>\n <\/div>\n <div class=\"section-body\">\n <p class=\"topic-quote\">\n “Integrasi Penguatan Dimensi Profil Lulusan (DPL)<br>dalam Pembelajaran”\n <\/p>\n <div class=\"speaker-grid\">\n <div class=\"speaker-card\">\n <div class=\"sc-icon\">\ud83c\udf99\ufe0f<\/div>\n <div>\n <div class=\"sc-role\">Narasumber<\/div>\n <div class=\"sc-name\">Untung Trisna Suwaji, M.Si.<br><span style=\"font-weight:400;color:var(--muted);font-size:.82rem\">Widyaiswara Ahli Madya BBGTK DIY<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"speaker-card\">\n <div class=\"sc-icon\">\ud83c\udf99\ufe0f<\/div>\n <div>\n <div class=\"sc-role\">Narasumber<\/div>\n <div class=\"sc-name\">Angga Kristiyajati, M.Pd.<br><span style=\"font-weight:400;color:var(--muted);font-size:.82rem\">Widyaiswara Ahli Muda BBGTK DIY<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"speaker-card\">\n <div class=\"sc-icon\">\ud83c\udfa4<\/div>\n <div>\n <div class=\"sc-role\">Moderator<\/div>\n <div class=\"sc-name\">Yudha Wijasena<br><span style=\"font-weight:400;color:var(--muted);font-size:.82rem\">Penyiar Radio Edukasi BBGTK DIY<\/span><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"controls fade-in\">\n <div class=\"search-wrap\">\n <span class=\"search-icon\">\ud83d\udd0d<\/span>\n <input\n type=\"text\"\n id=\"searchInput\"\n class=\"search-input\"\n placeholder=\"Cari nama, instansi, atau kabupaten...\"\n autocomplete=\"off\"\n >\n <\/div>\n <div class=\"stats-row\">\n <div class=\"stat-card\">\n <div class=\"s-num\" id=\"totalPeserta\">30<\/div>\n <div class=\"s-lbl\">Total Peserta<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"s-num\" id=\"filteredCount\">30<\/div>\n <div class=\"s-lbl\">Ditampilkan<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"s-num\" id=\"kabupatenCount\">5<\/div>\n <div class=\"s-lbl\">Kab\/Kota<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"table-section fade-in\">\n <div class=\"table-top\">\n <h2>Daftar Peserta Terpilih<\/h2>\n <div class=\"filter-pills\">\n <button class=\"fpill active\" onclick=\"filterRegion('all', this)\">Semua<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Bantul', this)\">Bantul<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Sleman', this)\">Sleman<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Kulon Progo', this)\">Kulon Progo<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Kota Yogyakarta', this)\">Yogyakarta<\/button>\n <button class=\"fpill\" onclick=\"filterRegion('Gunungkidul', this)\">Gunungkidul<\/button>\n <\/div>\n <\/div>\n\n <div id=\"loadingWrap\" class=\"loading-wrap\">\n <div class=\"spin\"><\/div>\n <span>Memuat data peserta\u2026<\/span>\n <\/div>\n\n <div class=\"table-wrap\" id=\"tableWrap\" style=\"display:none\">\n <table>\n <thead>\n <tr>\n <th class=\"no-num\">No<\/th>\n <th>Nama Lengkap<\/th>\n <th>Instansi<\/th>\n <th>Kabupaten\/Kota<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\"><\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n \n <div class=\"info-section fade-in\">\n <div class=\"section-head\">\n <div class=\"icon\">\ud83d\udce2<\/div>\n <h2>Informasi Penting<\/h2>\n <\/div>\n <div class=\"info-body\">\n <div class=\"notice-banner\">\n <div class=\"nb-icon\">\ud83d\udca1<\/div>\n <p>Sahabat BBGTK DIY yang belum terpilih mengikuti secara luring, tetap dapat mendapatkan ilmu dengan bergabung secara <strong>daring<\/strong> bersama para sahabat yang mendaftar secara daring.<\/p>\n <\/div>\n\n <p><strong>Bergabung secara daring melalui:<\/strong><\/p>\n <ul class=\"link-list\">\n <li>\n <span class=\"link-icon\">\u25b6\ufe0f<\/span>\n <span class=\"ll-label\">YouTube<\/span>\n <a href=\"https:\/\/s.id\/live-bidikilmu-seri2\" target=\"_blank\">s.id\/live-bidikilmu-seri2<\/a>\n <\/li>\n <li>\n <span class=\"link-icon\">\ud83d\udcf9<\/span>\n <span class=\"ll-label\">Zoom<\/span>\n <a href=\"https:\/\/s.id\/zoom-bidikilmu-seri2\" target=\"_blank\">s.id\/zoom-bidikilmu-seri2<\/a>\n <\/li>\n <\/ul>\n\n <p><strong>Unduh materi dan virtual background:<\/strong><\/p>\n <ul class=\"link-list\">\n <li>\n <span class=\"link-icon\">\ud83d\uddbc\ufe0f<\/span>\n <span class=\"ll-label\">VB<\/span>\n <a href=\"https:\/\/s.id\/VB-bidikilmu2026\" target=\"_blank\">s.id\/VB-bidikilmu2026<\/a>\n <\/li>\n <li>\n <span class=\"link-icon\">\ud83d\udcc4<\/span>\n <span class=\"ll-label\">Materi<\/span>\n <a href=\"https:\/\/s.id\/materi-bidikilmu2026\" target=\"_blank\">s.id\/materi-bidikilmu2026<\/a>\n <\/li>\n <\/ul>\n\n <p>Pengumuman ini sekaligus sebagai <strong>undangan resmi<\/strong> dari BBGTK DIY untuk semua sahabat. Penyelenggara tidak menyediakan biaya transportasi untuk peserta luring.<\/p>\n <p>Diharapkan sahabat dapat hadir paling lambat <strong>15 menit<\/strong> sebelum acara dimulai.<\/p>\n <p style=\"font-size:1.05rem;font-weight:700;color:var(--teal-dk)\">Sampai jumpa di Bidik Ilmu Seri 2! \ud83d\ude0a\ud83d\ude4f<\/p>\n\n <div class=\"hashtag-cloud\">\n <span>#BBGTKDIY<\/span>\n <span>#RadioEdukasi<\/span>\n <span>#PendidikanBermutu<\/span>\n <span>#kemendikdasmenramah<\/span>\n <span>#BidikIlmu<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<script>\n const participants = [\n { nama: \"Marissa\", instansi: \"SMA Masa Depan\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Palupi Eko Saputro\", instansi: \"SMP Negeri 2 Cangkringan\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Rifky Hanifah\", instansi: \"SD Muhammadiyah MBS Prambanan\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Ruryana Pamula Novi W.\", instansi: \"SMP Muhammadiyah 2 Gamping\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Sely Nindyawati\", instansi: \"SD Negeri Sarikaya\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Septianto Hutama Putra\", instansi: \"SMA Negeri 1 Pakem\", kabupaten: \"Kabupaten Sleman\" },\n { nama: \"Alnurrizki Muthfisari\", instansi: \"SD Negeri Keputran I\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Alvin Sadewa\", instansi: \"SMP Negeri 1 Yogyakarta\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Desi Andini\", instansi: \"SMP Negeri 15 Yogyakarta\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Idha Nur Utami\", instansi: \"SMAS Muhammadiyah 2 Yogyakarta\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Lucyana Pratiwi\", instansi: \"SD Negeri Tamansari 1\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Wahyu Mar'atus Sholihah\", instansi: \"SD Muhammadiyah Nitikan\", kabupaten: \"Kota Yogyakarta\" },\n { nama: \"Anna Suryaningsih\", instansi: \"SMA Negeri 1 Bantul\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Ari Nurweni\", instansi: \"SD Negeri 1 Salakan\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Ary Windarsih\", instansi: \"SD Negeri Guwosari\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Fikri Nur Muhammad\", instansi: \"SMP Negeri 1 Banguntapan\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Yunita Sari\", instansi: \"SMA Negeri 1 Sanden\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Tri Suhardi\", instansi: \"SMP Negeri 2 Pundong\", kabupaten: \"Kabupaten Bantul\" },\n { nama: \"Aisah Surya Miarti\", instansi: \"SD Negeri Kradenan\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Nurul Utami\", instansi: \"SD Negeri Ngentak\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Resti Apriliyasari\", instansi: \"SMP Negeri 3 Samigaluh\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Tirtandro Meda\", instansi: \"SMA Negeri 2 Wates\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Esti Mulyani\", instansi: \"SD Negeri Kaligintung\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Munarningsih\", instansi: \"SD Negeri Kaligintung\", kabupaten: \"Kabupaten Kulon Progo\" },\n { nama: \"Abdulah\", instansi: \"SMP Negeri 3 Wonosari\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Ari Sulistyo\", instansi: \"SMP Negeri 1 Wonosari\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Indah Haryani\", instansi: \"SD Muh. Unggulan Al-Fatih Patuk\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Sunarti\", instansi: \"SD Negeri Paliyan II\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Widiyawanta\", instansi: \"SMK Negeri 1 Wonosari\", kabupaten: \"Kabupaten Gunungkidul\" },\n { nama: \"Dwi Hastuti Listiyani\", instansi: \"SMP Negeri 1 Patuk\", kabupaten: \"Kabupaten Gunungkidul\" },\n ];\n\n const regionClass = {\n 'Kabupaten Sleman': 'Sleman',\n 'Kota Yogyakarta': 'Yogyakarta',\n 'Kabupaten Bantul': 'Bantul',\n 'Kabupaten Kulon Progo': 'KulonProgo',\n 'Kabupaten Gunungkidul': 'Gunungkidul',\n };\n\n let currentRegion = 'all';\n let currentSearch = '';\n\n function getFiltered() {\n return participants.filter(p => {\n const matchRegion = currentRegion === 'all' || p.kabupaten.includes(currentRegion);\n const q = currentSearch;\n const matchSearch = !q\n || p.nama.toLowerCase().includes(q)\n || p.instansi.toLowerCase().includes(q)\n || p.kabupaten.toLowerCase().includes(q);\n return matchRegion && matchSearch;\n });\n }\n\n function renderTable() {\n const data = getFiltered();\n const tbody = document.getElementById('tableBody');\n const unique = [...new Set(data.map(p => p.kabupaten))].length;\n\n document.getElementById('filteredCount').textContent = data.length;\n document.getElementById('kabupatenCount').textContent = unique;\n\n if (data.length === 0) {\n tbody.innerHTML = `\n <tr>\n <td colspan=\"4\">\n <div class=\"no-data\">\n <div class=\"nd-icon\">\ud83d\udd0d<\/div>\n <p>Tidak ada data yang ditemukan.<\/p>\n <\/div>\n <\/td>\n <\/tr>`;\n return;\n }\n\n tbody.innerHTML = data.map((p, i) => {\n const rc = regionClass[p.kabupaten] || '';\n const shortKab = p.kabupaten.replace('Kabupaten ', '').replace('Kota ', '');\n return `\n <tr>\n <td class=\"no-num\">${i + 1}<\/td>\n <td class=\"name-cell\">${p.nama}<\/td>\n <td>${p.instansi}<\/td>\n <td><span class=\"region-badge ${rc}\">${shortKab}<\/span><\/td>\n <\/tr>`;\n }).join('');\n }\n\n function filterRegion(region, btn) {\n currentRegion = region;\n document.querySelectorAll('.fpill').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n renderTable();\n }\n\n document.getElementById('searchInput').addEventListener('input', e => {\n currentSearch = e.target.value.toLowerCase().trim();\n renderTable();\n });\n\n \/\/ Init with fake loading delay for polish\n window.addEventListener('DOMContentLoaded', () => {\n setTimeout(() => {\n document.getElementById('loadingWrap').style.display = 'none';\n document.getElementById('tableWrap').style.display = 'block';\n renderTable();\n }, 600);\n });\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Bidik Ilmu Seri 2 \u2014 Pengumuman Peserta \u2728 Pengumuman Resmi Sarasehan PendidikanBidik Ilmu Seri 2 Pengumuman Peserta Luring \u2014 Batch 1 \ud83d\uddd3 Hari & Tanggal Selasa, 9 Juni 2026 \ud83d\udd50 Waktu 13.00 \u2013 16.00 WIB \ud83d\udccd Tempat Gedung Gauss Lt. 2, BBGTK DIY \ud83c\udf93 Topik & Narasumber “Integrasi Penguatan Dimensi Profil Lulusan (DPL)dalam Pembelajaran” \ud83c\udf99\ufe0f […]<\/p>\n","protected":false},"author":1,"featured_media":1966,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[9,10],"tags":[],"class_list":["post-1967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pengumuman","category-umum"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts\/1967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/comments?post=1967"}],"version-history":[{"count":1,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts\/1967\/revisions"}],"predecessor-version":[{"id":1968,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/posts\/1967\/revisions\/1968"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/media\/1966"}],"wp:attachment":[{"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/media?parent=1967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/categories?post=1967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbgtkdiy.kemendikdasmen.go.id\/berita\/wp-json\/wp\/v2\/tags?post=1967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}