{"id":60,"date":"2026-08-08T08:50:26","date_gmt":"2026-08-08T08:50:26","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=60"},"modified":"2026-08-27T15:23:11","modified_gmt":"2026-08-27T15:23:11","slug":"peta","status":"publish","type":"page","link":"https:\/\/kelurahansalubattang.homeit.my.id\/?page_id=60","title":{"rendered":"Galeri"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"60\" class=\"elementor elementor-60\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec41553 e-flex e-con-boxed e-con e-parent\" data-id=\"ec41553\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-151d398 elementor-widget elementor-widget-html\" data-id=\"151d398\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   GALERI KELURAHAN SALUBATTANG\r\n   KKN & MASYARAKAT\r\n========================================= *\/\r\n\r\n.galeri-salubattang {\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    box-sizing: border-box;\r\n    background:\r\n        radial-gradient(circle at 10% 10%, rgba(8,120,87,0.08), transparent 30%),\r\n        radial-gradient(circle at 90% 90%, rgba(217,164,65,0.10), transparent 30%),\r\n        linear-gradient(135deg, #f5faf8 0%, #ffffff 50%, #faf8f1 100%);\r\n    overflow: hidden;\r\n}\r\n\r\n.galeri-wrapper {\r\n    max-width: 1180px;\r\n    margin: auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   JUDUL\r\n========================================= *\/\r\n\r\n.galeri-header {\r\n    text-align: center;\r\n    margin-bottom: 35px;\r\n    animation: munculJudul 0.8s ease;\r\n}\r\n\r\n@keyframes munculJudul {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n.galeri-label {\r\n    color: #d29d32;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.galeri-header h2 {\r\n    margin: 0;\r\n    color: #075c46;\r\n    font-size: 44px;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.galeri-header p {\r\n    max-width: 720px;\r\n    margin: 15px auto 0;\r\n    color: #667085;\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.galeri-garis {\r\n    width: 75px;\r\n    height: 4px;\r\n    background: #d9a441;\r\n    border-radius: 20px;\r\n    margin: 20px auto 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TOMBOL KATEGORI\r\n========================================= *\/\r\n\r\n.galeri-filter {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 38px;\r\n}\r\n\r\n.galeri-filter button {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n\r\n    cursor: pointer;\r\n\r\n    padding: 11px 24px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid rgba(8,120,87,0.18);\r\n\r\n    color: #075c46;\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        all 0.3s ease;\r\n\r\n    box-shadow: 0 5px 15px rgba(0,70,50,0.05);\r\n}\r\n\r\n.galeri-filter button:hover {\r\n    background: #d9a441;\r\n    color: #ffffff;\r\n    border-color: #d9a441;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow: 0 8px 20px rgba(217,164,65,0.20);\r\n}\r\n\r\n\r\n\/* TOMBOL AKTIF *\/\r\n\r\n.galeri-filter button.aktif {\r\n    background: #075c46;\r\n    color: #ffffff;\r\n    border-color: #075c46;\r\n\r\n    box-shadow: 0 8px 20px rgba(7,92,70,0.20);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GRID\r\n========================================= *\/\r\n\r\n.galeri-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 24px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   KARTU\r\n========================================= *\/\r\n\r\n.galeri-card {\r\n    position: relative;\r\n\r\n    min-height: 285px;\r\n\r\n    background: #ffffff;\r\n\r\n    border-radius: 20px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(8,120,87,0.12);\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0,70,50,0.08);\r\n\r\n    transition:\r\n        transform 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n\r\n    animation: kartuMuncul 0.5s ease;\r\n}\r\n\r\n@keyframes kartuMuncul {\r\n\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n}\r\n\r\n.galeri-card:hover {\r\n    transform: translateY(-8px);\r\n\r\n    box-shadow:\r\n        0 20px 45px rgba(0,70,50,0.15);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FOTO\r\n========================================= *\/\r\n\r\n.galeri-photo {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 215px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #edf7f3;\r\n}\r\n\r\n.galeri-photo img {\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform 0.5s ease;\r\n}\r\n\r\n.galeri-card:hover .galeri-photo img {\r\n    transform: scale(1.08);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OVERLAY\r\n========================================= *\/\r\n\r\n.galeri-overlay {\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    right: 0;\r\n\r\n    bottom: 0;\r\n\r\n    padding: 35px 18px 16px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 600;\r\n\r\n    background:\r\n        linear-gradient(\r\n            transparent,\r\n            rgba(0,70,50,0.90)\r\n        );\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(10px);\r\n\r\n    transition:\r\n        opacity 0.3s ease,\r\n        transform 0.3s ease;\r\n}\r\n\r\n.galeri-card:hover .galeri-overlay {\r\n\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n\r\n}\r\n\r\n.galeri-overlay-icon {\r\n\r\n    width: 35px;\r\n\r\n    height: 35px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #d9a441;\r\n\r\n    font-size: 16px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NOMOR\r\n========================================= *\/\r\n\r\n.galeri-number {\r\n\r\n    position: absolute;\r\n\r\n    top: 14px;\r\n\r\n    right: 14px;\r\n\r\n    z-index: 5;\r\n\r\n    width: 32px;\r\n\r\n    height: 32px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,0.95);\r\n\r\n    color: #075c46;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 5px 15px rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INFO FOTO\r\n========================================= *\/\r\n\r\n.galeri-card-info {\r\n\r\n    min-height: 70px;\r\n\r\n    padding: 15px 18px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    background: #ffffff;\r\n}\r\n\r\n.galeri-card-info strong {\r\n\r\n    color: #075c46;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.4;\r\n}\r\n\r\n.galeri-card-info small {\r\n\r\n    color: #98a2b3;\r\n\r\n    font-size: 11px;\r\n\r\n    margin-top: 4px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PESAN JIKA FOTO BELUM ADA\r\n========================================= *\/\r\n\r\n.foto-kosong {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    padding: 20px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    color: #98a2b3;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #edf7f3,\r\n            #f8faf9\r\n        );\r\n}\r\n\r\n.foto-kosong-icon {\r\n\r\n    font-size: 35px;\r\n\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.foto-kosong strong {\r\n\r\n    color: #075c46;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n.foto-kosong small {\r\n\r\n    margin-top: 5px;\r\n\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   KETERANGAN BAWAH\r\n========================================= *\/\r\n\r\n.galeri-bottom {\r\n\r\n    margin-top: 45px;\r\n\r\n    text-align: center;\r\n\r\n    padding: 22px 25px;\r\n\r\n    border-radius: 16px;\r\n\r\n    background: rgba(8,120,87,0.06);\r\n\r\n    border: 1px solid rgba(8,120,87,0.10);\r\n\r\n    color: #667085;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.6;\r\n}\r\n\r\n.galeri-bottom strong {\r\n\r\n    color: #075c46;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .galeri-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HP\r\n========================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .galeri-salubattang {\r\n\r\n        padding: 55px 15px;\r\n\r\n    }\r\n\r\n    .galeri-header h2 {\r\n\r\n        font-size: 31px;\r\n\r\n    }\r\n\r\n    .galeri-header p {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    .galeri-filter {\r\n\r\n        gap: 8px;\r\n\r\n    }\r\n\r\n    .galeri-filter button {\r\n\r\n        font-size: 12px;\r\n\r\n        padding: 9px 15px;\r\n\r\n    }\r\n\r\n    .galeri-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n    .galeri-photo {\r\n\r\n        height: 230px;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================\r\n     GALERI\r\n========================================= -->\r\n\r\n<section class=\"galeri-salubattang\">\r\n\r\n    <div class=\"galeri-wrapper\">\r\n\r\n\r\n        <!-- =================================\r\n             JUDUL\r\n        ================================== -->\r\n\r\n        <div class=\"galeri-header\">\r\n\r\n            <div class=\"galeri-label\">\r\n                Dokumentasi Kegiatan\r\n            <\/div>\r\n\r\n            <h2>\r\n                Galeri Kelurahan\r\n            <\/h2>\r\n\r\n            <p>\r\n                Dokumentasi kegiatan KKN dan berbagai\r\n                aktivitas masyarakat di Kelurahan Salubattang,\r\n                Kecamatan Telluwanua, Kota Palopo.\r\n            <\/p>\r\n\r\n            <div class=\"galeri-garis\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             TOMBOL KATEGORI\r\n        ================================== -->\r\n\r\n        <div class=\"galeri-filter\">\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"kategori-btn aktif\"\r\n                data-kategori=\"kkn\">\r\n\r\n                Kegiatan KKN\r\n\r\n            <\/button>\r\n\r\n\r\n            <button\r\n                type=\"button\"\r\n                class=\"kategori-btn\"\r\n                data-kategori=\"masyarakat\">\r\n\r\n                Kegiatan Masyarakat\r\n\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             GRID GALERI\r\n        ================================== -->\r\n\r\n        <div\r\n            class=\"galeri-grid\"\r\n            id=\"galeri-konten\">\r\n\r\n\r\n            <!-- =================================\r\n                 FOTO KKN 1\r\n            ================================== -->\r\n\r\n            <div\r\n                class=\"galeri-card\"\r\n                data-kategori=\"kkn\">\r\n\r\n                <div class=\"galeri-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"galeri-photo\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kelurahansalubattang.homeit.my.id\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-07-at-11.06.20.jpeg\"\r\n                        alt=\"Kegiatan Jumat Bersih\"\r\n                    >\r\n\r\n                    <div class=\"galeri-overlay\">\r\n\r\n                        <div class=\"galeri-overlay-icon\">\r\n                            \ud83d\udd0d\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            Lihat Foto\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"galeri-card-info\">\r\n\r\n                    <strong>\r\n                        Kegiatan Jumat Bersih\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Kegiatan KKN\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 FOTO KKN 2\r\n            ================================== -->\r\n\r\n            <div\r\n                class=\"galeri-card\"\r\n                data-kategori=\"kkn\">\r\n\r\n                <div class=\"galeri-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"galeri-photo\">\r\n<img decoding=\"async\"\r\n                        src=\"https:\/\/kelurahansalubattang.homeit.my.id\/wp-content\/uploads\/2026\/08\/turnamen-volly-ball.png\"\r\n                        alt=\"turnamen-volly-ball\"\r\n                    >\r\n\r\n                    <div class=\"galeri-overlay\">\r\n\r\n                        <div class=\"galeri-overlay-icon\">\r\n                            \ud83d\udd0d\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            Lihat Foto\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"galeri-card-info\">\r\n\r\n                    <strong>\r\n                        Proker Turnamen Voli\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Kegiatan KKN\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 FOTO KKN 3\r\n            ================================== -->\r\n\r\n            <div\r\n                class=\"galeri-card\"\r\n                data-kategori=\"kkn\">\r\n\r\n                <div class=\"galeri-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"galeri-photo\">\r\n<img decoding=\"async\"\r\n                        src=\"https:\/\/kelurahansalubattang.homeit.my.id\/wp-content\/uploads\/2026\/08\/Penanda-RW-dan-RT.jpeg\"\r\n                        alt=\"Penanda-RW-dan-RT\"\r\n                    >\r\n\r\n                    <div class=\"galeri-overlay\">\r\n\r\n                        <div class=\"galeri-overlay-icon\">\r\n                            \ud83d\udd0d\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            Lihat Foto\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n                        \r\n\r\n                <div class=\"galeri-card-info\">\r\n\r\n                    <strong>\r\n                        Pemasangan Penanda RW dan RT\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Kegiatan KKN\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 FOTO KKN 4\r\n            ================================== -->\r\n\r\n            <div\r\n                class=\"galeri-card\"\r\n                data-kategori=\"kkn\">\r\n\r\n                <div class=\"galeri-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"galeri-photo\">\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kelurahansalubattang.homeit.my.id\/wp-content\/uploads\/2026\/08\/pembuatan-website.jpeg\"\r\n                        alt=\"Pembuatan Website Kantor Lurah Salubattang\"\r\n                    >\r\n\r\n                    <div class=\"galeri-overlay\">\r\n\r\n                        <div class=\"galeri-overlay-icon\">\r\n                            \ud83d\udd0d\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            Lihat Foto\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"galeri-card-info\">\r\n\r\n                    <strong>\r\n                        Pembuatan Website Kantor Lurah Salubattang\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Kegiatan KKN\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 FOTO MASYARAKAT 1\r\n            ================================== -->\r\n\r\n            <div\r\n                class=\"galeri-card\"\r\n                data-kategori=\"masyarakat\"\r\n                style=\"display:none;\">\r\n\r\n                <div class=\"galeri-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"galeri-photo\">\r\n\r\n                     <img decoding=\"async\"\r\n                        src=\"https:\/\/kelurahansalubattang.homeit.my.id\/wp-content\/uploads\/2026\/08\/pengalangan-dana-perayaan-HUT-ke-81.jpeg\"\r\n                        alt=\"pengalangan-dana-perayaan-HUT-ke-81\"\r\n                    >\r\n\r\n                    <div class=\"galeri-overlay\">\r\n\r\n                        <div class=\"galeri-overlay-icon\">\r\n                            \ud83d\udd0d\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            Lihat Foto\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"galeri-card-info\">\r\n\r\n                    <strong>\r\n                        Pengalangan-dana-perayaan-HUT-ke-81\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Kelurahan Salubattang\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================\r\n                 FOTO MASYARAKAT 2\r\n            ================================== -->\r\n\r\n            <div\r\n                class=\"galeri-card\"\r\n                data-kategori=\"masyarakat\"\r\n                style=\"display:none;\">\r\n\r\n                <div class=\"galeri-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"galeri-photo\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/kelurahansalubattang.homeit.my.id\/wp-content\/uploads\/2026\/08\/Komunikasi-dengan-warga.jpeg\"\r\n                        alt=\"Komunikasi-dengan-warga\"\r\n                    >\r\n\r\n                    <div class=\"galeri-overlay\">\r\n\r\n                        <div class=\"galeri-overlay-icon\">\r\n                            \ud83d\udd0d\r\n                        <\/div>\r\n\r\n                        <div>\r\n                            Lihat Foto\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"galeri-card-info\">\r\n\r\n                    <strong>\r\n                        Komunikasi-dengan-warga\r\n                    <\/strong>\r\n\r\n                    <small>\r\n                        Kelurahan Salubattang\r\n                    <\/small>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             KETERANGAN\r\n        ================================== -->\r\n\r\n        <div class=\"galeri-bottom\">\r\n\r\n            <strong>\r\n                Galeri Kelurahan Salubattang\r\n            <\/strong>\r\n\r\n            <br>\r\n\r\n            Dokumentasi kegiatan KKN dan aktivitas\r\n            masyarakat Kelurahan Salubattang.\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================\r\n     JAVASCRIPT FILTER\r\n========================================= -->\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const tombol =\r\n        document.querySelectorAll(\".kategori-btn\");\r\n\r\n    const kartu =\r\n        document.querySelectorAll(\".galeri-card\");\r\n\r\n\r\n    tombol.forEach(function (btn) {\r\n\r\n        btn.addEventListener(\"click\", function () {\r\n\r\n            const kategori =\r\n                this.getAttribute(\"data-kategori\");\r\n\r\n\r\n            \/* ===============================\r\n               UBAH TOMBOL AKTIF\r\n            =============================== *\/\r\n\r\n            tombol.forEach(function (item) {\r\n\r\n                item.classList.remove(\"aktif\");\r\n\r\n            });\r\n\r\n            this.classList.add(\"aktif\");\r\n\r\n\r\n            \/* ===============================\r\n               TAMPILKAN KARTU SESUAI KATEGORI\r\n            =============================== *\/\r\n\r\n            kartu.forEach(function (card) {\r\n\r\n                if (\r\n                    card.getAttribute(\"data-kategori\")\r\n                    === kategori\r\n                ) {\r\n\r\n                    card.style.display = \"block\";\r\n\r\n                    card.style.animation =\r\n                        \"none\";\r\n\r\n                    card.offsetHeight;\r\n\r\n                    card.style.animation =\r\n                        \"kartuMuncul 0.5s ease\";\r\n\r\n                } else {\r\n\r\n                    card.style.display = \"none\";\r\n\r\n                }\r\n\r\n            });\r\n\r\n        });\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dokumentasi Kegiatan Galeri Kelurahan Dokumentasi kegiatan KKN dan berbagai aktivitas masyarakat di Kelurahan Salubattang, Kecamatan Telluwanua, Kota Palopo. Kegiatan KKN [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-60","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=60"}],"version-history":[{"count":32,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages\/60\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}