{"id":19408,"date":"2026-07-08T07:22:44","date_gmt":"2026-07-08T00:22:44","guid":{"rendered":"https:\/\/feb.um.ac.id\/?page_id=19408"},"modified":"2026-07-08T21:23:17","modified_gmt":"2026-07-08T14:23:17","slug":"international-center-feb","status":"publish","type":"page","link":"https:\/\/feb.um.ac.id\/en\/international-center-feb\/","title":{"rendered":"international center feb"},"content":{"rendered":"

[et_pb_section fb_built=”1″ theme_builder_area=”post_content” _builder_version=”4.27.6″ _module_preset=”default”][et_pb_row _builder_version=”4.27.6″ _module_preset=”default” theme_builder_area=”post_content”][et_pb_column _builder_version=”4.27.6″ _module_preset=”default” type=”4_4″ theme_builder_area=”post_content”][et_pb_code _builder_version=”4.27.6″ _module_preset=”default” theme_builder_area=”post_content” hover_enabled=”0″ sticky_enabled=”0″] Kustom Grid Postingan WordPress<\/title><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- Import Font Albert Sans dari Google Fonts --><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><!-- [et_pb_line_break_holder] --> <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><!-- [et_pb_line_break_holder] --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Albert+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> \/* =========================================<!-- [et_pb_line_break_holder] --> CSS UNTUK TAMPILAN POSTINGAN & KONTROL<!-- [et_pb_line_break_holder] --> Dibuat terisolasi agar tidak merusak tema Divi<!-- [et_pb_line_break_holder] --> ========================================= *\/<!-- [et_pb_line_break_holder] --> :root {<!-- [et_pb_line_break_holder] --> --primary-color: #0284c7; \/* Biru soft yang elegan *\/<!-- [et_pb_line_break_holder] --> --hover-color: #ca8a04; \/* Kuning Emas\/Amber gelap yang kontras & terbaca jelas *\/<!-- [et_pb_line_break_holder] --> --text-color: #1e293b;<!-- [et_pb_line_break_holder] --> --text-muted: #64748b;<!-- [et_pb_line_break_holder] --> --bg-color: #f8fafc;<!-- [et_pb_line_break_holder] --> --card-bg: #ffffff;<!-- [et_pb_line_break_holder] --> --border-radius: 16px; \/* Sudut lebih melengkung modern *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Container utama pembungkus seluruh modul kustom *\/<!-- [et_pb_line_break_holder] --> .feb-kustom-wrapper {<!-- [et_pb_line_break_holder] --> font-family: 'Albert Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> box-sizing: border-box !important;<!-- [et_pb_line_break_holder] --> padding: 0 !important; \/* Hilangkan padding body sebelumnya agar mepet ke pinggir layar bawaan Divi *\/<!-- [et_pb_line_break_holder] --> margin: 0 auto !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Container untuk bar filter dan pencarian *\/<!-- [et_pb_line_break_holder] --> .control-bar {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> gap: 16px;<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> margin: 0 auto 32px auto;<!-- [et_pb_line_break_holder] --> background: var(--card-bg);<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> border-radius: 12px;<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);<!-- [et_pb_line_break_holder] --> border: 1px solid rgba(226, 232, 240, 0.8);<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @media (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .control-bar {<!-- [et_pb_line_break_holder] --> flex-direction: row;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Form Pencarian *\/<!-- [et_pb_line_break_holder] --> .search-box {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> flex-grow: 1;<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> @media (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .search-box {<!-- [et_pb_line_break_holder] --> max-width: 400px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Ikon pencarian diposisikan absolut di tengah vertikal secara presisi *\/<!-- [et_pb_line_break_holder] --> .search-icon {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 14px;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> color: var(--text-muted);<!-- [et_pb_line_break_holder] --> width: 16px;<!-- [et_pb_line_break_holder] --> height: 16px;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> z-index: 10; \/* Menjaga agar ikon selalu berada di lapisan teratas *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .search-input {<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> \/* !important ditambahkan agar padding tidak ditimpa\/di-override oleh tema WordPress *\/<!-- [et_pb_line_break_holder] --> padding: 11px 40px 11px 42px !important; <!-- [et_pb_line_break_holder] --> border: 1px solid #cbd5e1 !important;<!-- [et_pb_line_break_holder] --> border-radius: 8px !important;<!-- [et_pb_line_break_holder] --> font-family: inherit !important;<!-- [et_pb_line_break_holder] --> font-size: 0.9rem !important;<!-- [et_pb_line_break_holder] --> outline: none !important;<!-- [et_pb_line_break_holder] --> transition: all 0.2s ease !important;<!-- [et_pb_line_break_holder] --> color: var(--text-color) !important;<!-- [et_pb_line_break_holder] --> box-sizing: border-box !important; \/* Mencegah ukuran box melebar keluar *\/<!-- [et_pb_line_break_holder] --> height: 44px !important; \/* Menentukan tinggi konsisten *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .search-input:focus {<!-- [et_pb_line_break_holder] --> border-color: var(--primary-color) !important;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Tombol Clear \/ Hapus Pencarian diposisikan absolut di tengah vertikal secara presisi *\/<!-- [et_pb_line_break_holder] --> .clear-search-btn {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> right: 12px;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> background: none;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> color: var(--text-muted);<!-- [et_pb_line_break_holder] --> display: none; \/* Disembunyikan saat kosong *\/<!-- [et_pb_line_break_holder] --> padding: 4px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> transition: all 0.2s ease;<!-- [et_pb_line_break_holder] --> z-index: 10; \/* Menjaga agar tombol selalu berada di lapisan teratas *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .clear-search-btn:hover {<!-- [et_pb_line_break_holder] --> background-color: #f1f5f9;<!-- [et_pb_line_break_holder] --> color: #ef4444; \/* Berubah merah soft saat di-hover *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .clear-search-btn svg {<!-- [et_pb_line_break_holder] --> width: 16px;<!-- [et_pb_line_break_holder] --> height: 16px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Dropdown Kategori *\/<!-- [et_pb_line_break_holder] --> .filter-box {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 8px;<!-- [et_pb_line_break_holder] --> min-width: 220px;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .category-select {<!-- [et_pb_line_break_holder] --> width: 100% !important;<!-- [et_pb_line_break_holder] --> padding: 11px 16px !important;<!-- [et_pb_line_break_holder] --> border: 1px solid #cbd5e1 !important;<!-- [et_pb_line_break_holder] --> border-radius: 8px !important;<!-- [et_pb_line_break_holder] --> font-family: inherit !important;<!-- [et_pb_line_break_holder] --> font-size: 0.9rem !important;<!-- [et_pb_line_break_holder] --> outline: none !important;<!-- [et_pb_line_break_holder] --> background-color: #ffffff !important;<!-- [et_pb_line_break_holder] --> color: var(--text-color) !important;<!-- [et_pb_line_break_holder] --> cursor: pointer !important;<!-- [et_pb_line_break_holder] --> transition: all 0.2s ease !important;<!-- [et_pb_line_break_holder] --> box-sizing: border-box !important;<!-- [et_pb_line_break_holder] --> height: 44px !important; \/* Menentukan tinggi konsisten agar sejajar dengan input *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .category-select:focus {<!-- [et_pb_line_break_holder] --> border-color: var(--primary-color) !important;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Container utama untuk grid *\/<!-- [et_pb_line_break_holder] --> #kustom-post-container {<!-- [et_pb_line_break_holder] --> display: grid;<!-- [et_pb_line_break_holder] --> grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));<!-- [et_pb_line_break_holder] --> gap: 24px;<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Gaya untuk setiap kartu postingan *\/<!-- [et_pb_line_break_holder] --> .post-card {<!-- [et_pb_line_break_holder] --> background: var(--card-bg);<!-- [et_pb_line_break_holder] --> border-radius: var(--border-radius);<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] --> transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> border: 1px solid rgba(226, 232, 240, 0.8);<!-- [et_pb_line_break_holder] --> height: 100%; \/* Memastikan tinggi kartu sama *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .post-card:hover {<!-- [et_pb_line_break_holder] --> transform: translateY(-6px);<!-- [et_pb_line_break_holder] --> box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Container Gambar untuk rasio 16:9 yang konsisten *\/<!-- [et_pb_line_break_holder] --> .post-image-wrapper {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding-top: 56.25%; \/* Rasio 16:9 *\/<!-- [et_pb_line_break_holder] --> background-color: #f1f5f9;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .post-image {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> object-fit: cover;<!-- [et_pb_line_break_holder] --> transition: transform 0.5s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .post-card:hover .post-image {<!-- [et_pb_line_break_holder] --> transform: scale(1.05);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Konten dalam kartu *\/<!-- [et_pb_line_break_holder] --> .post-content {<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> flex-grow: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Meta Info (Kategori & Tanggal) *\/<!-- [et_pb_line_break_holder] --> .post-meta {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-wrap: nowrap; \/* Diubah agar tidak turun ke bawah (wajib 1 baris) *\/<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 8px;<!-- [et_pb_line_break_holder] --> margin-bottom: 12px;<!-- [et_pb_line_break_holder] --> font-size: 0.75rem;<!-- [et_pb_line_break_holder] --> font-weight: 500;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Kategori Badge *\/<!-- [et_pb_line_break_holder] --> .post-category {<!-- [et_pb_line_break_holder] --> background-color: #e0f2fe;<!-- [et_pb_line_break_holder] --> color: var(--primary-color);<!-- [et_pb_line_break_holder] --> padding: 4px 10px;<!-- [et_pb_line_break_holder] --> border-radius: 9999px;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> letter-spacing: 0.02em;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/* Tambahan agar teks panjang jadi titik-titik (...) *\/<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> text-overflow: ellipsis;<!-- [et_pb_line_break_holder] --> max-width: 55%; \/* Batas maksimal lebar agar area tanggal tetap aman *\/<!-- [et_pb_line_break_holder] --> flex-shrink: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Tanggal Postingan *\/<!-- [et_pb_line_break_holder] --> .post-date {<!-- [et_pb_line_break_holder] --> color: var(--text-muted);<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> white-space: nowrap; \/* Pastikan teks tanggal tidak patah ke bawah *\/<!-- [et_pb_line_break_holder] --> flex-shrink: 0; \/* Pastikan tanggal & ikon tidak menyusut\/terhimpit *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Bullet separator *\/<!-- [et_pb_line_break_holder] --> .meta-separator {<!-- [et_pb_line_break_holder] --> color: #cbd5e1;<!-- [et_pb_line_break_holder] --> flex-shrink: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Judul Postingan - Dibatasi Maksimal 2 Baris secara seragam *\/<!-- [et_pb_line_break_holder] --> .post-title {<!-- [et_pb_line_break_holder] --> font-size: 1.15rem;<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] --> color: var(--text-color);<!-- [et_pb_line_break_holder] --> margin: 0 0 12px 0;<!-- [et_pb_line_break_holder] --> line-height: 1.4;<!-- [et_pb_line_break_holder] --> text-align: justify; \/* Rata kanan kiri untuk judul *\/<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/* Efek Line Clamp untuk memotong teks panjang *\/<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> -webkit-line-clamp: 2;<!-- [et_pb_line_break_holder] --> -webkit-box-orient: vertical;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> text-overflow: ellipsis;<!-- [et_pb_line_break_holder] --> height: 2.8em; \/* Cadangan ruang statis agar sejajar sempurna *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .post-title a {<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> color: inherit;<!-- [et_pb_line_break_holder] --> transition: color 0.2s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .post-title a:hover {<!-- [et_pb_line_break_holder] --> color: var(--primary-color);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Cuplikan\/Excerpt - Dibatasi Maksimal 3 Baris secara seragam *\/<!-- [et_pb_line_break_holder] --> .post-excerpt {<!-- [et_pb_line_break_holder] --> font-size: 0.88rem;<!-- [et_pb_line_break_holder] --> color: var(--text-muted);<!-- [et_pb_line_break_holder] --> line-height: 1.5;<!-- [et_pb_line_break_holder] --> margin-bottom: 20px;<!-- [et_pb_line_break_holder] --> flex-grow: 1;<!-- [et_pb_line_break_holder] --> text-align: justify; \/* Rata kanan kiri untuk cuplikan *\/<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/* Efek Line Clamp untuk excerpt *\/<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> -webkit-line-clamp: 3;<!-- [et_pb_line_break_holder] --> -webkit-box-orient: vertical;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> text-overflow: ellipsis;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Tombol Baca Selengkapnya dengan Efek Sliding Hover Kuning Emas *\/<!-- [et_pb_line_break_holder] --> .read-more {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> padding: 11px 18px;<!-- [et_pb_line_break_holder] --> background-color: var(--primary-color);<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> border-radius: 8px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> font-size: 0.85rem;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> transition: all 0.3s ease;<!-- [et_pb_line_break_holder] --> align-self: flex-start;<!-- [et_pb_line_break_holder] --> border: 1px solid var(--primary-color);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Lapisan Kuning Emas Tersembunyi di Sebelah Kiri *\/<!-- [et_pb_line_break_holder] --> .read-more::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: -100%;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> background-color: var(--hover-color); \/* Warna kuning emas\/amber *\/<!-- [et_pb_line_break_holder] --> transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);<!-- [et_pb_line_break_holder] --> z-index: -1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Animasi Transisi Hover *\/<!-- [et_pb_line_break_holder] --> .read-more:hover {<!-- [et_pb_line_break_holder] --> border-color: var(--hover-color);<!-- [et_pb_line_break_holder] --> transform: translateY(-2px);<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 12px rgba(202, 138, 4, 0.35); \/* Shadow kuning emas lembut *\/<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Geser Lapisan Kuning Emas Masuk *\/<!-- [et_pb_line_break_holder] --> .read-more:hover::before {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Reset Button on Empty State *\/<!-- [et_pb_line_break_holder] --> .btn-reset {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> margin-top: 15px;<!-- [et_pb_line_break_holder] --> padding: 8px 16px;<!-- [et_pb_line_break_holder] --> background-color: #f1f5f9;<!-- [et_pb_line_break_holder] --> color: var(--text-color);<!-- [et_pb_line_break_holder] --> border: 1px solid #cbd5e1;<!-- [et_pb_line_break_holder] --> border-radius: 6px;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> font-size: 0.85rem;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> transition: all 0.2s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .btn-reset:hover {<!-- [et_pb_line_break_holder] --> background-color: #e2e8f0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* CSS UNTUK PAGINATION *\/<!-- [et_pb_line_break_holder] --> .pagination-container {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 12px;<!-- [et_pb_line_break_holder] --> margin-top: 40px;<!-- [et_pb_line_break_holder] --> padding: 20px 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .pagination-btn {<!-- [et_pb_line_break_holder] --> display: inline-flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> background-color: #ffffff;<!-- [et_pb_line_break_holder] --> color: var(--text-color);<!-- [et_pb_line_break_holder] --> border: 1px solid #cbd5e1;<!-- [et_pb_line_break_holder] --> border-radius: 8px;<!-- [et_pb_line_break_holder] --> padding: 10px 18px;<!-- [et_pb_line_break_holder] --> font-size: 0.88rem;<!-- [et_pb_line_break_holder] --> font-weight: 600;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> transition: all 0.2s ease;<!-- [et_pb_line_break_holder] --> user-select: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .pagination-btn:hover:not(:disabled) {<!-- [et_pb_line_break_holder] --> background-color: var(--primary-color);<!-- [et_pb_line_break_holder] --> color: #ffffff;<!-- [et_pb_line_break_holder] --> border-color: var(--primary-color);<!-- [et_pb_line_break_holder] --> box-shadow: 0 4px 6px -1px rgba(2, 132, 199, 0.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .pagination-btn:disabled {<!-- [et_pb_line_break_holder] --> background-color: #f1f5f9;<!-- [et_pb_line_break_holder] --> color: #94a3b8;<!-- [et_pb_line_break_holder] --> border-color: #e2e8f0;<!-- [et_pb_line_break_holder] --> cursor: not-allowed;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .page-info {<!-- [et_pb_line_break_holder] --> font-size: 0.9rem;<!-- [et_pb_line_break_holder] --> color: var(--text-muted);<!-- [et_pb_line_break_holder] --> font-weight: 500;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/* Status Loading & Error *\/<!-- [et_pb_line_break_holder] --> .status-message {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> padding: 60px 20px;<!-- [et_pb_line_break_holder] --> color: var(--text-muted);<!-- [et_pb_line_break_holder] --> font-size: 1.1rem;<!-- [et_pb_line_break_holder] --> grid-column: 1 \/ -1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Membungkus seluruh halaman di dalam wadah kelas khusus (Divi-Safe) --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"feb-kustom-wrapper\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- Bar Kontrol (Pencarian dan Filter Kategori) --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"control-bar\"><!-- [et_pb_line_break_holder] --> <!-- Kolom Pencarian --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"search-box\"><!-- [et_pb_line_break_holder] --> <svg class=\"search-icon\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><!-- [et_pb_line_break_holder] --> <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\"><\/path><!-- [et_pb_line_break_holder] --> <\/svg><!-- [et_pb_line_break_holder] --> <input type=\"text\" id=\"search-input\" class=\"search-input\" placeholder=\"Cari judul postingan...\"><!-- [et_pb_line_break_holder] --> <!-- Tombol Hapus (X) --><!-- [et_pb_line_break_holder] --> <button id=\"clear-search-btn\" class=\"clear-search-btn\" title=\"Bersihkan pencarian\"><!-- [et_pb_line_break_holder] --> <svg viewBox=\"0 0 20 20\" fill=\"currentColor\"><!-- [et_pb_line_break_holder] --> <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"><\/path><!-- [et_pb_line_break_holder] --> <\/svg><!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Dropdown Kategori --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"filter-box\"><!-- [et_pb_line_break_holder] --> <select id=\"category-filter\" class=\"category-select\"><!-- [et_pb_line_break_holder] --><option value=\"\">Semua Kategori Pilihan<\/option><!-- [et_pb_line_break_holder] --> <!-- Opsi kategori akan dimuat dinamis oleh JS --><!-- [et_pb_line_break_holder] --> <\/select><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Wadah (Container) HTML tempat postingan akan dimunculkan --><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"kustom-post-container\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"status-message\">Memuat postingan terbaru dari FEB UM…<\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Wadah untuk tombol navigasi Pagination --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"pagination-container\" id=\"pagination-wrapper\" style=\"display: none;\"><!-- [et_pb_line_break_holder] --> <button class=\"pagination-btn\" id=\"btn-prev\" disabled><!-- [et_pb_line_break_holder] --> <svg style=\"width: 16px; height: 16px; margin-right: 6px; fill: currentColor;\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path><\/svg><!-- [et_pb_line_break_holder] --> Sebelumnya<!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <span class=\"page-info\" id=\"page-indicator\">Halaman 1<\/span><!-- [et_pb_line_break_holder] --> <button class=\"pagination-btn\" id=\"btn-next\"><!-- [et_pb_line_break_holder] --> Berikutnya<!-- [et_pb_line_break_holder] --> <svg style=\"width: 16px; height: 16px; margin-left: 6px; fill: currentColor;\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\"><\/path><\/svg><!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- =========================================<!-- [et_pb_line_break_holder] --> JAVASCRIPT UNTUK MENGAMBIL DATA POSTINGAN<!-- [et_pb_line_break_holder] --> ========================================= –><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Konfigurasi API<!-- [et_pb_line_break_holder] --> const siteUrl = 'https:\/\/feb.um.ac.id'; <!-- [et_pb_line_break_holder] --> const categoryIds = '307,313,312,309,308,314,310,311'; <!-- [et_pb_line_break_holder] --> const postCount = 9; \/\/ Jumlah post per halaman<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ State Aplikasi<!-- [et_pb_line_break_holder] --> let currentPage = 1;<!-- [et_pb_line_break_holder] --> let totalPages = 1;<!-- [et_pb_line_break_holder] --> let currentSearch = '';<!-- [et_pb_line_break_holder] --> let currentCategory = '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Elemen DOM<!-- [et_pb_line_break_holder] --> const container = document.getElementById('kustom-post-container');<!-- [et_pb_line_break_holder] --> const paginationWrapper = document.getElementById('pagination-wrapper');<!-- [et_pb_line_break_holder] --> const btnPrev = document.getElementById('btn-prev');<!-- [et_pb_line_break_holder] --> const btnNext = document.getElementById('btn-next');<!-- [et_pb_line_break_holder] --> const pageIndicator = document.getElementById('page-indicator');<!-- [et_pb_line_break_holder] --> const categoryFilter = document.getElementById('category-filter');<!-- [et_pb_line_break_holder] --> const searchInput = document.getElementById('search-input');<!-- [et_pb_line_break_holder] --> const clearSearchBtn = document.getElementById('clear-search-btn');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Fungsi memformat tanggal ke format Indonesia<!-- [et_pb_line_break_holder] --> function formatTanggalIndo(dateString) {<!-- [et_pb_line_break_holder] --> const opsi = { year: 'numeric', month: 'long', day: 'numeric' };<!-- [et_pb_line_break_holder] --> const tanggal = new Date(dateString);<!-- [et_pb_line_break_holder] --> return tanggal.toLocaleDateString('id-ID', opsi);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Fungsi memuat Kategori Pilihan secara dinamis ke dropdown<!-- [et_pb_line_break_holder] --> function loadCategories() {<!-- [et_pb_line_break_holder] --> const catApiUrl = `${siteUrl}\/wp-json\/wp\/v2\/categories?include=${categoryIds}&per_page=20`;<!-- [et_pb_line_break_holder] --> fetch(catApiUrl)<!-- [et_pb_line_break_holder] --> .then(response => response.json())<!-- [et_pb_line_break_holder] --> .then(categories => {<!-- [et_pb_line_break_holder] --> categories.forEach(cat => {<!-- [et_pb_line_break_holder] --> const option = document.createElement('option');<!-- [et_pb_line_break_holder] --> option.value = cat.id;<!-- [et_pb_line_break_holder] --> option.textContent = cat.name;<!-- [et_pb_line_break_holder] --> categoryFilter.appendChild(option);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> .catch(error => console.error('Gagal memuat kategori:', error));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Fungsi utama untuk memanggil API WordPress berdasarkan halaman aktif & filter<!-- [et_pb_line_break_holder] --> function loadPosts(page) {<!-- [et_pb_line_break_holder] --> \/\/ Tampilkan loading state<!-- [et_pb_line_break_holder] --> container.innerHTML = '<\/p>\n<div class=\"status-message\">Memuat postingan terbaru dari FEB UM...<\/div>\n<p>';<!-- [et_pb_line_break_holder] --> paginationWrapper.style.display = 'none';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Tentukan daftar kategori yang digunakan<!-- [et_pb_line_break_holder] --> let activeCategory = currentCategory ? currentCategory : categoryIds;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let apiUrl = `${siteUrl}\/wp-json\/wp\/v2\/posts?_embed&per_page=${postCount}&page=${page}&categories=${activeCategory}`;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Tambahkan parameter pencarian jika ada teks pencarian<!-- [et_pb_line_break_holder] --> if (currentSearch.trim() !== '') {<!-- [et_pb_line_break_holder] --> apiUrl += `&search=${encodeURIComponent(currentSearch)}`;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> fetch(apiUrl)<!-- [et_pb_line_break_holder] --> .then(response => {<!-- [et_pb_line_break_holder] --> if (response.status === 400) {<!-- [et_pb_line_break_holder] --> \/\/ Skenario jika halaman yang dicari di luar batas halaman yang ada<!-- [et_pb_line_break_holder] --> throw new Error('NoPages');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!response.ok) {<!-- [et_pb_line_break_holder] --> throw new Error('NetworkError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Membaca total halaman langsung dari response header API WordPress<!-- [et_pb_line_break_holder] --> const pagesHeader = response.headers.get('X-WP-TotalPages');<!-- [et_pb_line_break_holder] --> if (pagesHeader) {<!-- [et_pb_line_break_holder] --> totalPages = parseInt(pagesHeader, 10);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> totalPages = 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> return response.json();<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> .then(posts => {<!-- [et_pb_line_break_holder] --> container.innerHTML = ''; \/\/ Bersihkan pesan loading<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (!posts || posts.length === 0) {<!-- [et_pb_line_break_holder] --> showEmptyState();<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Render setiap kartu postingan<!-- [et_pb_line_break_holder] --> posts.forEach(post => {<!-- [et_pb_line_break_holder] --> let imageUrl = '';<!-- [et_pb_line_break_holder] --> if (post._embedded && post._embedded['wp:featuredmedia']) {<!-- [et_pb_line_break_holder] --> imageUrl = post._embedded['wp:featuredmedia'][0].source_url;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> imageUrl = 'https:\/\/placehold.co\/600x400\/e2e8f0\/64748b?text=FEB+UM';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> let kategoriNama = 'Berita'; <!-- [et_pb_line_break_holder] --> if (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0]) {<!-- [et_pb_line_break_holder] --> const categoriesList = post._embedded['wp:term'][0];<!-- [et_pb_line_break_holder] --> if (categoriesList.length > 0) {<!-- [et_pb_line_break_holder] --> kategoriNama = categoriesList[0].name;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const tanggalRilis = formatTanggalIndo(post.date);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const divSementara = document.createElement('div');<!-- [et_pb_line_break_holder] --> divSementara.innerHTML = post.excerpt.rendered;<!-- [et_pb_line_break_holder] --> const teksExcerpt = divSementara.textContent || divSementara.innerText || '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const cardHTML = `<!-- [et_pb_line_break_holder] --> <\/p>\n<article class=\"post-card\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"post-image-wrapper\"><!-- [et_pb_line_break_holder] --> <img decoding=\"async\" src=\"${imageUrl}\" alt=\"${post.title.rendered}\" class=\"post-image\" loading=\"lazy\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/600x400\/e2e8f0\/64748b?text=FEB+UM';\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"post-content\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"post-meta\"><!-- [et_pb_line_break_holder] --> <span class=\"post-category\">${kategoriNama}<\/span><!-- [et_pb_line_break_holder] --> <span class=\"meta-separator\">\u2022<\/span><!-- [et_pb_line_break_holder] --> <span class=\"post-date\"><!-- [et_pb_line_break_holder] --> <svg style=\"width: 12px; height: 12px; margin-right: 4px; fill: currentColor;\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M6 2a1 1 0 00-1-1H4a1 1 0 00-1 1v1H2a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V5a2 2 0 00-2-2h-1V2a1 1 0 10-2 0v1H7V2a1 1 0 00-1-1zm3 10a1 1 0 100-2 1 1 0 000 2zm3-1a1 1 0 11-2 0 1 1 0 012 0zM9 15a1 1 0 100-2 1 1 0 000 2zm3-1a1 1 0 11-2 0 1 1 0 012 0z\" clip-rule=\"evenodd\"><\/path><\/svg><!-- [et_pb_line_break_holder] --> ${tanggalRilis}<!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"post-title\" title=\"${post.title.rendered}\"><!-- [et_pb_line_break_holder] --> <a href=\"${post.link}\" target=\"_blank\">${post.title.rendered}<\/a><!-- [et_pb_line_break_holder] --> <\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"post-excerpt\"><!-- [et_pb_line_break_holder] --> ${teksExcerpt}<!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <a href=\"${post.link}\" class=\"read-more\" target=\"_blank\">Baca Selengkapnya<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/article>\n<p><!-- [et_pb_line_break_holder] --> `;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> container.innerHTML += cardHTML;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Perbarui UI Navigasi Pagination<!-- [et_pb_line_break_holder] --> updatePaginationUI();<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> .catch(error => {<!-- [et_pb_line_break_holder] --> console.error('Error:', error);<!-- [et_pb_line_break_holder] --> if (error.message === 'NoPages') {<!-- [et_pb_line_break_holder] --> showEmptyState();<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> container.innerHTML = `<\/p>\n<div class=\"status-message\" style=\"color: #ef4444;\">Terjadi kesalahan saat memuat data dari FEB UM. Pastikan koneksi aman dan REST API aktif.<\/div>\n<p>`;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Menampilkan layar kosong saat data pencarian\/filter tidak ditemukan<!-- [et_pb_line_break_holder] --> function showEmptyState() {<!-- [et_pb_line_break_holder] --> container.innerHTML = `<!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"status-message\"><!-- [et_pb_line_break_holder] --> <pee>Tidak ada postingan yang sesuai dengan filter atau kata kunci pencarian Anda.<\/pee><!-- [et_pb_line_break_holder] --> <button id=\"reset-filter-btn\" class=\"btn-reset\">Bersihkan Filter & Pencarian<\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> `;<!-- [et_pb_line_break_holder] --> paginationWrapper.style.display = 'none';<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.getElementById('reset-filter-btn').addEventListener('click', function() {<!-- [et_pb_line_break_holder] --> searchInput.value = '';<!-- [et_pb_line_break_holder] --> categoryFilter.value = '';<!-- [et_pb_line_break_holder] --> currentSearch = '';<!-- [et_pb_line_break_holder] --> currentCategory = '';<!-- [et_pb_line_break_holder] --> currentPage = 1;<!-- [et_pb_line_break_holder] --> clearSearchBtn.style.display = 'none';<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Fungsi memperbarui tampilan tombol navigasi halaman<!-- [et_pb_line_break_holder] --> function updatePaginationUI() {<!-- [et_pb_line_break_holder] --> if (totalPages <= 1) {<!-- [et_pb_line_break_holder] --> paginationWrapper.style.display = 'none';<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> paginationWrapper.style.display = 'flex';<!-- [et_pb_line_break_holder] --> pageIndicator.textContent = `Halaman ${currentPage} dari ${totalPages}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Atur status aktif\/nonaktif tombol navigasi<!-- [et_pb_line_break_holder] --> btnPrev.disabled = (currentPage === 1);<!-- [et_pb_line_break_holder] --> btnNext.disabled = (currentPage === totalPages);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ EVENT LISTENERS<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Event handler untuk filter kategori<!-- [et_pb_line_break_holder] --> categoryFilter.addEventListener('change', function(e) {<!-- [et_pb_line_break_holder] --> currentCategory = e.target.value;<!-- [et_pb_line_break_holder] --> currentPage = 1; \/\/ Kembali ke halaman 1<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Event handler untuk ketik pencarian (ditambah fitur debounce agar tidak membebani server)<!-- [et_pb_line_break_holder] --> let searchTimeout;<!-- [et_pb_line_break_holder] --> searchInput.addEventListener('input', function(e) {<!-- [et_pb_line_break_holder] --> const query = e.target.value;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> \/\/ Tampilkan\/Sembunyikan tombol hapus berdasarkan isi input<!-- [et_pb_line_break_holder] --> if (query.length > 0) {<!-- [et_pb_line_break_holder] --> clearSearchBtn.style.display = 'flex';<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> clearSearchBtn.style.display = 'none';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> clearTimeout(searchTimeout);<!-- [et_pb_line_break_holder] --> searchTimeout = setTimeout(function() {<!-- [et_pb_line_break_holder] --> currentSearch = query;<!-- [et_pb_line_break_holder] --> currentPage = 1; \/\/ Kembali ke halaman 1<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> }, 600); \/\/ Tunggu 0.6 detik setelah berhenti mengetik<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Event klik tombol Hapus Pencarian (X)<!-- [et_pb_line_break_holder] --> clearSearchBtn.addEventListener('click', function() {<!-- [et_pb_line_break_holder] --> searchInput.value = '';<!-- [et_pb_line_break_holder] --> currentSearch = '';<!-- [et_pb_line_break_holder] --> currentPage = 1; \/\/ Kembali ke halaman 1<!-- [et_pb_line_break_holder] --> clearSearchBtn.style.display = 'none'; \/\/ Sembunyikan kembali<!-- [et_pb_line_break_holder] --> searchInput.focus(); \/\/ Fokuskan kursor kembali ke kolom pencarian<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Event handler untuk tombol Sebelumnya<!-- [et_pb_line_break_holder] --> btnPrev.addEventListener('click', function() {<!-- [et_pb_line_break_holder] --> if (currentPage > 1) {<!-- [et_pb_line_break_holder] --> currentPage--;<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> \/\/ Scroll kembali ke atas dengan mulus<!-- [et_pb_line_break_holder] --> window.scrollTo({ top: container.offsetTop - 100, behavior: 'smooth' });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Event handler untuk tombol Berikutnya<!-- [et_pb_line_break_holder] --> btnNext.addEventListener('click', function() {<!-- [et_pb_line_break_holder] --> if (currentPage < totalPages) {<!-- [et_pb_line_break_holder] --> currentPage++;<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> \/\/ Scroll kembali ke atas dengan mulus<!-- [et_pb_line_break_holder] --> window.scrollTo({ top: container.offsetTop - 100, behavior: 'smooth' });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Jalankan fungsi memuat data awal<!-- [et_pb_line_break_holder] --> loadCategories();<!-- [et_pb_line_break_holder] --> loadPosts(currentPage);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":114,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-19408","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/pages\/19408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/users\/114"}],"replies":[{"embeddable":true,"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/comments?post=19408"}],"version-history":[{"count":13,"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/pages\/19408\/revisions"}],"predecessor-version":[{"id":19460,"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/pages\/19408\/revisions\/19460"}],"wp:attachment":[{"href":"https:\/\/feb.um.ac.id\/en\/wp-json\/wp\/v2\/media?parent=19408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}