{"id":505,"date":"2025-06-14T13:34:51","date_gmt":"2025-06-14T13:34:51","guid":{"rendered":"https:\/\/gymnademics.id\/?page_id=505"},"modified":"2025-07-28T14:59:03","modified_gmt":"2025-07-28T14:59:03","slug":"activity-gallery","status":"publish","type":"page","link":"https:\/\/gymnademics.id\/id\/activity-gallery\/","title":{"rendered":"Galeri Aktivitas"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"505\" class=\"elementor elementor-505\">\n\t\t\t\t<div class=\"elementor-element elementor-element-816ae1e e-flex e-con-boxed e-con e-parent\" data-id=\"816ae1e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ffe7467 e-con-full e-flex e-con e-child\" data-id=\"ffe7467\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78bfa80 elementor-widget elementor-widget-heading\" data-id=\"78bfa80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Temukan Aktivitas Seru<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f0f62e elementor-widget elementor-widget-text-editor\" data-id=\"9f0f62e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Jelajahi aktivitas dan acara kami yang penuh warna, tempat kreativitas dan keceriaan tumbuh bersama! Mulai dari workshop seru hingga acara komunitas yang interaktif, saksikan keajaiban perkembangan anak melalui pengalaman yang menyenangkan dan penuh interaksi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3aa360 e-flex e-con-boxed e-con e-parent\" data-id=\"c3aa360\" 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-e9c73c0 elementor-widget elementor-widget-gallery_query_widget\" data-id=\"e9c73c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"gallery_query_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div class=\"gallery-filters\">\r\n                <button class=\"filter-btn active flex\"\r\n                    data-filter=\"all\"\r\n                    data-color=\"#007cba\"\r\n                    style=\"background:rgba(0,124,186,0.2); color:#007cba; border:2px solid #007cba;\">\r\n                    Semua\r\n                <\/button>\r\n                                                        <button class=\"filter-btn flex\"\r\n                        style=\"background:rgba(254,1,0,0.2); color:#fe0100; border:2px solid transparent;\"\r\n                        data-filter=\"cat-events\"\r\n                        data-color=\"#fe0100\"\r\n                    >\r\n                                                    <img decoding=\"async\" src=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Party-Popper-Streamline-Core.svg\" style=\"width:18px;vertical-align:middle;margin-right:6px;\" \/>\r\n                                                <span>Acara<\/span>\r\n                    <\/button>\r\n                                                        <button class=\"filter-btn flex\"\r\n                        style=\"background:rgba(143,0,187,0.2); color:#8f00bb; border:2px solid transparent;\"\r\n                        data-filter=\"cat-intelectual\"\r\n                        data-color=\"#8f00bb\"\r\n                    >\r\n                                                    <img decoding=\"async\" src=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Notebook-Streamline-Solar-Ar.svg\" style=\"width:18px;vertical-align:middle;margin-right:6px;\" \/>\r\n                                                <span>Intelektual<\/span>\r\n                    <\/button>\r\n                                                        <button class=\"filter-btn flex\"\r\n                        style=\"background:rgba(35,114,184,0.2); color:#2372B8; border:2px solid transparent;\"\r\n                        data-filter=\"cat-motoric\"\r\n                        data-color=\"#2372B8\"\r\n                    >\r\n                                                    <img decoding=\"async\" src=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Gymnastics-Ribbon-Person-2-Streamline-Ultimate.svg\" style=\"width:18px;vertical-align:middle;margin-right:6px;\" \/>\r\n                                                <span>Motorik<\/span>\r\n                    <\/button>\r\n                                                        <button class=\"filter-btn flex\"\r\n                        style=\"background:rgba(3,80,139,0.2); color:#03508b; border:2px solid transparent;\"\r\n                        data-filter=\"cat-music-appreciation\"\r\n                        data-color=\"#03508b\"\r\n                    >\r\n                                                    <img decoding=\"async\" src=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Music-Note-Streamline-Solar-Ar.svg\" style=\"width:18px;vertical-align:middle;margin-right:6px;\" \/>\r\n                                                <span>Apresiasi Musik<\/span>\r\n                    <\/button>\r\n                                                        <button class=\"filter-btn flex\"\r\n                        style=\"background:rgba(222,105,39,0.2); color:#de6927; border:2px solid transparent;\"\r\n                        data-filter=\"cat-sensory\"\r\n                        data-color=\"#de6927\"\r\n                    >\r\n                                                    <img decoding=\"async\" src=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Ear-Hearing-Streamline-Core.svg\" style=\"width:18px;vertical-align:middle;margin-right:6px;\" \/>\r\n                                                <span>Sensori<\/span>\r\n                    <\/button>\r\n                                                        <button class=\"filter-btn flex\"\r\n                        style=\"background:rgba(32,176,94,0.2); color:#20b05e; border:2px solid transparent;\"\r\n                        data-filter=\"cat-social-emotional-life-skill\"\r\n                        data-color=\"#20b05e\"\r\n                    >\r\n                                                    <img decoding=\"async\" src=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/User-Heart-Streamline-Solar-Ar.svg\" style=\"width:18px;vertical-align:middle;margin-right:6px;\" \/>\r\n                                                <span>Sosial-Emosional &amp; Kecakapan Hidup<\/span>\r\n                    <\/button>\r\n                            <\/div>\r\n                        <div class=\"gallery-tags-filters\">\r\n                                    <button class=\"tag-filter-btn\" data-tag=\"tag-balance\">\r\n                        Keseimbangan                    <\/button>\r\n                                    <button class=\"tag-filter-btn\" data-tag=\"tag-fine-motor-skills\">\r\n                        Keterampilan Motorik Halus                    <\/button>\r\n                                    <button class=\"tag-filter-btn\" data-tag=\"tag-gross-motor-skills\">\r\n                        Keterampilan Motorik Kasar                    <\/button>\r\n                                    <button class=\"tag-filter-btn\" data-tag=\"tag-manual-competence\">\r\n                        Kompetensi Manual                    <\/button>\r\n                                    <button class=\"tag-filter-btn\" data-tag=\"tag-motoric\">\r\n                        Motorik                    <\/button>\r\n                            <\/div>\r\n            \r\n            <div id=\"gallery-list\" class=\"masonry-gallery\" data-per-page=\"7\"><\/div>\r\n            <div style=\"text-align:center;margin-top:24px;\">\r\n                <button id=\"gallery-load-more\" class=\"gallery-load-more\" data-page=\"1\">Load More<\/button>\r\n            <\/div>\r\n\r\n            <!-- Popup Modal -->\r\n            <div id=\"gallery-modal\" class=\"gallery-modal\" style=\"display:none;\">\r\n                <div class=\"modal-content\">\r\n                    <span class=\"modal-close\">\u00d7<\/span>\r\n                    <div class=\"modal-body\">\r\n                        <button class=\"modal-prev\" aria-label=\"Sebelumnya\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" viewbox=\"0 0 20 20\" id=\"chevron\">\r\n                                <path d=\"M13.891 17.418a.697.697 0 0 1 0 .979.68.68 0 0 1-.969 0l-7.83-7.908a.697.697 0 0 1 0-.979l7.83-7.908a.68.68 0 0 1 .969 0 .697.697 0 0 1 0 .979L6.75 10l7.141 7.418z\"><\/path>\r\n                            <\/svg>\r\n                        <\/button>\r\n                        <div class=\"modal-image\">\r\n                            <div id=\"modal-media\"><\/div>\r\n                        <\/div>\r\n                        <button class=\"modal-next\" aria-label=\"Berikutnya\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xml:space=\"preserve\" viewbox=\"0 0 20 20\" id=\"chevron\">\r\n                                <path d=\"M13.25 10 6.109 2.58a.697.697 0 0 1 0-.979.68.68 0 0 1 .969 0l7.83 7.908a.697.697 0 0 1 0 .979l-7.83 7.908a.68.68 0 0 1-.969 0 .697.697 0 0 1 0-.979L13.25 10z\"><\/path>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n                    <div class=\"modal-info\" style=\"display:none;\">\r\n                        <h2 id=\"modal-title\"><\/h2>\r\n                        <p id=\"modal-caption\"><\/p>\r\n                        <div class=\"modal-meta\">\r\n                            <span id=\"modal-category\"><\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <script>\r\n            (function($){\r\n                let ajaxBusy = false;\r\n                let currentPage = 1;\r\n                let perPage = 7;\r\n                let currentCat = 'all';\r\n                let currentTag = '';\r\n                let galleryData = [];\r\n\r\n                function loadGallery(page, append = false) {\r\n                    if (ajaxBusy) return;\r\n                    ajaxBusy = true;\r\n                    $('#gallery-load-more').prop('disabled', true).text('Loading...');\r\n                    $.ajax({\r\n                        url: 'https:\/\/gymnademics.id\/wp-admin\/admin-ajax.php',\r\n                        type: 'POST',\r\n                        dataType: 'json',\r\n                        data: {\r\n                            action: 'load_gallery_ajax',\r\n                            paged: page,\r\n                            per_page: perPage,\r\n                            category: currentCat,\r\n                            tag: currentTag\r\n                        },\r\n                        success: function(res) {\r\n                            if (!append) $('#gallery-list').html(res.html);\r\n                            else $('#gallery-list').append(res.html);\r\n                            if (res.has_more) {\r\n                                $('#gallery-load-more').show().prop('disabled', false).text('Load More');\r\n                            } else {\r\n                                $('#gallery-load-more').hide();\r\n                            }\r\n                            galleryData = res.data_for_popup || [];\r\n                            ajaxBusy = false;\r\n                            setupGalleryPopup();\r\n                        }\r\n                    });\r\n                }\r\n\r\n                \/\/ Initial load\r\n                loadGallery(1);\r\n\r\n                \/\/ Load more\r\n                $('#gallery-load-more').on('click', function(){\r\n                    currentPage++;\r\n                    loadGallery(currentPage, true);\r\n                });\r\n\r\n                \/\/ Filter by category\r\n                $('.gallery-filters').on('click', '.filter-btn', function(){\r\n                    $('.filter-btn').removeClass('active').css('border-color', 'transparent');\r\n                    $(this).addClass('active').css('border-color', $(this).data('color'));\r\n                    currentCat = $(this).data('filter');\r\n                    currentTag = '';\r\n                    $('.tag-filter-btn').removeClass('active');\r\n                    currentPage = 1;\r\n                    loadGallery(1);\r\n                });\r\n\r\n                \/\/ Filter by tag\r\n                $('.gallery-tags-filters').on('click', '.tag-filter-btn', function(){\r\n                    $('.tag-filter-btn').removeClass('active');\r\n                    $(this).addClass('active');\r\n                    currentTag = $(this).data('tag');\r\n                    currentCat = 'all';\r\n                    $('.filter-btn').removeClass('active').css('border-color', 'transparent');\r\n                    $('.filter-btn[data-filter=\"all\"]').addClass('active').css('border-color', $('.filter-btn[data-filter=\"all\"]').data('color'));\r\n                    currentPage = 1;\r\n                    loadGallery(1);\r\n                });\r\n\r\n                \/\/ Set border color untuk tombol aktif saat load\r\n                $(document).ready(function() {\r\n                    $('.filter-btn.active').each(function(){\r\n                        $(this).css('border-color', $(this).data('color'));\r\n                    });\r\n                });\r\n\r\n                \/\/ Popup logic\r\n                function setupGalleryPopup() {\r\n                    const galleryItems = Array.from(document.querySelectorAll('.gallery-item'));\r\n                    const modal = document.getElementById('gallery-modal');\r\n                    const modalMedia = document.getElementById('modal-media');\r\n                    const modalTitle = document.getElementById('modal-title');\r\n                    const modalCaption = document.getElementById('modal-caption');\r\n                    const modalCategory = document.getElementById('modal-category');\r\n                    const closeBtn = document.querySelector('.modal-close');\r\n                    const prevBtn = document.querySelector('.modal-prev');\r\n                    const nextBtn = document.querySelector('.modal-next');\r\n                    let currentIndex = 0;\r\n\r\n                    function openModal(index) {\r\n                        const item = galleryItems[index];\r\n                        if (!item) return;\r\n                        const img = item.querySelector('img');\r\n                        const title = item.querySelector('.gallery-title') ? item.querySelector('.gallery-title').textContent : '';\r\n                        const caption = item.querySelector('.gallery-caption') ? item.querySelector('.gallery-caption').textContent : '';\r\n                        const category = item.querySelector('.gallery-main-category') ? item.querySelector('.gallery-main-category').textContent : '';\r\n                        const youtube = item.getAttribute('data-youtube');\r\n                        const videofile = item.getAttribute('data-videofile');\r\n                        modalMedia.innerHTML = '';\r\n                        if (youtube) {\r\n                            \/\/ Ambil ID YouTube\r\n                            let youtubeID = '';\r\n                            try {\r\n                                const urlObj = new URL(youtube);\r\n                                youtubeID = urlObj.searchParams.get('v');\r\n                                if (!youtubeID && urlObj.hostname.includes('youtu.be')) {\r\n                                    youtubeID = urlObj.pathname.replace('\/', '');\r\n                                }\r\n                            } catch (e) {}\r\n                            if (youtubeID) {\r\n                                modalMedia.innerHTML = `<iframe width=\"100%\" height=\"400\" src=\"https:\/\/www.youtube.com\/embed\/${youtubeID}?autoplay=1\" frameborder=\"0\" allowfullscreen><\/iframe>`;\r\n                            } else {\r\n                                modalMedia.innerHTML = `<a href=\"${youtube}\" target=\"_blank\" style=\"color:#007cba\">Watch Video<\/a>`;\r\n                            }\r\n                        } else if (videofile) {\r\n                            modalMedia.innerHTML = `<video width=\"100%\" height=\"400\" controls autoplay>\r\n                                <source src=\"${videofile}\" type=\"video\/mp4\">\r\n                                Your browser does not support the video tag.\r\n                            <\/video>`;\r\n                        } else {\r\n                            modalMedia.innerHTML = `<img decoding=\"async\" src=\"${img.src}\" alt=\"${img.alt}\" style=\"max-width:100%;max-height:80vh;border-radius:10px;width:100%;object-fit:cover;\" \/>`;\r\n                        }\r\n                        modalTitle.textContent = title;\r\n                        modalCaption.textContent = caption;\r\n                        modalCategory.textContent = category;\r\n                        modal.style.display = 'flex';\r\n                        currentIndex = index;\r\n                    }\r\n\r\n                    function closeModal() {\r\n                        modal.style.display = 'none';\r\n                        modalMedia.innerHTML = '';\r\n                    }\r\n\r\n                    function showPrev() {\r\n                        let idx = currentIndex - 1;\r\n                        if (idx < 0) idx = galleryItems.length - 1;\r\n                        openModal(idx);\r\n                    }\r\n\r\n                    function showNext() {\r\n                        let idx = currentIndex + 1;\r\n                        if (idx >= galleryItems.length) idx = 0;\r\n                        openModal(idx);\r\n                    }\r\n\r\n                    galleryItems.forEach((item, idx) => {\r\n                        item.setAttribute('data-index', idx);\r\n                        item.addEventListener('click', function(e) {\r\n                            if (e.target.tagName.toLowerCase() === 'button') return;\r\n                            openModal(idx);\r\n                        });\r\n                    });\r\n\r\n                    if (closeBtn) closeBtn.onclick = closeModal;\r\n                    if (prevBtn) prevBtn.onclick = function(e){ e.stopPropagation(); showPrev(); };\r\n                    if (nextBtn) nextBtn.onclick = function(e){ e.stopPropagation(); showNext(); };\r\n\r\n                    window.onkeydown = function(e){\r\n                        if (modal.style.display === 'flex') {\r\n                            if (e.key === 'ArrowLeft') showPrev();\r\n                            if (e.key === 'ArrowRight') showNext();\r\n                            if (e.key === 'Escape') closeModal();\r\n                        }\r\n                    };\r\n                    window.onclick = function(e) {\r\n                        if (e.target === modal) closeModal();\r\n                    };\r\n                }\r\n            })(jQuery);\r\n            <\/script>\r\n            <style>\r\n                .gallery-filters, .gallery-tags-filters {\r\n                    display: flex;\r\n                    flex-wrap: wrap;\r\n                    gap: 8px;\r\n                    margin-bottom: 20px;\r\n                    justify-content: center;\r\n                }\r\n                .filter-btn, .tag-filter-btn {\r\n                    padding: 8px 16px;\r\n                    border: 2px solid transparent;\r\n                    border-radius: 20px;\r\n                    background: #f8f9fa;\r\n                    color: #333;\r\n                    font-size: 13px;\r\n                    cursor: pointer;\r\n                    transition: all 0.3s;\r\n                }\r\n                .filter-btn.active, .tag-filter-btn.active {\r\n                    background: #007cba;\r\n                    color: #fff;\r\n                }\r\n                .gallery-load-more {\r\n                    padding: 12px 32px;\r\n                    border-radius: 25px;\r\n                    border: none;\r\n                    background: #007cba;\r\n                    color: #fff;\r\n                    font-size: 16px;\r\n                    cursor: pointer;\r\n                }\r\n                .masonry-gallery {\r\n                    column-count: 3;\r\n                    column-gap: 20px;\r\n                }\r\n                @media (max-width: 768px) {\r\n                    .masonry-gallery { column-count: 2 !important; }\r\n                }\r\n                @media (max-width: 480px) {\r\n                    .masonry-gallery { column-count: 1 !important; }\r\n                }\r\n                .gallery-item {\r\n                    width: 100%;\r\n                    margin-bottom: 20px;\r\n                    break-inside: avoid;\r\n                    cursor: pointer;\r\n                }\r\n                .gallery-item-inner {\r\n                    position: relative;\r\n                    border-radius: 20px;\r\n                    overflow: hidden;\r\n                    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\r\n                    transition: all .3s ease-in-out;\r\n                    scale: 1;\r\n                }\r\n                .gallery-item-inner:hover {\r\n                    scale: 0.9;\r\n                }\r\n                .gallery-image img {\r\n                    width: 100%;\r\n                    height: auto;\r\n                    display: block;\r\n                    min-height: 300px;\r\n                    object-fit: cover;\r\n                    object-position: center;\r\n                }\r\n                .gallery-play-btn {\r\n                    display: inline-block;\r\n                    cursor: pointer;\r\n                    transition: transform 0.2s;\r\n                }\r\n                .gallery-item-inner:hover .gallery-play-btn {\r\n                    transform: scale(1.1);\r\n                }\r\n                .gallery-overlay {\r\n                    position: absolute;\r\n                    bottom: 0;\r\n                    left: 0;\r\n                    right: 0;\r\n                    color: white;\r\n                    padding: 20px 20px 0;\r\n                }\r\n\r\n                .gallery-content {\r\n                    background-color: #2372b8;\r\n                    padding: 16px 30px;\r\n                    border-radius: 16px 16px 0 0;\r\n                }\r\n\r\n                .gallery-title {\r\n                    font-size: 18px;\r\n                    font-weight: 700;\r\n                    margin: 0 0 8px 0;\r\n                }\r\n                .gallery-caption {\r\n                    font-size: 14px;\r\n                    margin: 0 0 10px 0;\r\n                    opacity: 0.9;\r\n                }\r\n                \/* Popup Modal *\/\r\n                .gallery-modal {\r\n                    display: none;\r\n                    position: fixed;\r\n                    z-index: 10000;\r\n                    left: 0; top: 0; width: 100%; height: 100%;\r\n                    background: rgba(0,0,0,0.9);\r\n                    align-items: center; justify-content: center;\r\n                }\r\n                .gallery-modal .modal-content {\r\n                    position: relative;\r\n                    background: #fff;\r\n                    border-radius: 20px;\r\n                    width: 90%; max-width: 800px;\r\n                    margin: 5% auto;\r\n                    overflow: hidden;\r\n                }\r\n                .gallery-modal .modal-body {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    position: relative;\r\n                }\r\n                .gallery-modal .modal-image {\r\n                    flex: 1;\r\n                    text-align: center;\r\n                }\r\n                .gallery-modal .modal-image img, .gallery-modal .modal-image video, .gallery-modal .modal-image iframe {\r\n                    max-width: 100%;\r\n                    max-height: 80vh;\r\n                    border-radius: 10px;\r\n                    width: 100%;\r\n                    object-fit: cover;\r\n                }\r\n                .gallery-modal .modal-prev,\r\n                .gallery-modal .modal-next {\r\n                    background: #007cba;\r\n                    color: #fff;\r\n                    border: none;\r\n                    border-radius: 50%;\r\n                    width: 40px; height: 40px;\r\n                    font-size: 24px;\r\n                    cursor: pointer;\r\n                    position: absolute;\r\n                    top: 50%;\r\n                    transform: translateY(-50%);\r\n                    z-index: 2;\r\n                    justify-content: center;\r\n                    display: flex;\r\n                    align-items: center;\r\n                }\r\n\r\n                .gallery-modal .modal-prev svg,\r\n                .gallery-modal .modal-next svg {\r\n                    width: 24px;\r\n                    height: 24px;\r\n                    fill: #fff;\r\n                }\r\n\r\n                .gallery-modal .modal-prev { left: 10px; }\r\n                .gallery-modal .modal-next { right: 10px; }\r\n                .gallery-modal .modal-close {\r\n                    position: absolute;\r\n                    top: 15px; right: 20px;\r\n                    color: #aaa;\r\n                    font-size: 28px;\r\n                    font-weight: bold;\r\n                    cursor: pointer;\r\n                    z-index: 1001;\r\n                    background: white;\r\n                    border-radius: 50%;\r\n                    width: 40px; height: 40px;\r\n                    display: flex; align-items: center; justify-content: center;\r\n                }\r\n                .gallery-modal .modal-close:hover { color: #000; }\r\n\r\n                .gallery-modal .modal-info {\r\n                    padding: 15px 20px;\r\n                }\r\n\r\n                .gallery-modal .modal-info p {\r\n                    margin-top: 10px;\r\n                }\r\n\r\n                .gallery-meta {\r\n                  display: flex;\r\n                  flex-direction: row;\r\n                }\r\n\r\n                .gallery-tags {\r\n                    font-size: 12px;\r\n                    margin-left: 8px;\r\n                }\r\n            <\/style>\r\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Discover Fun Activities Explore our vibrant activities and event gallery, where creativity and joy come to life! From playful workshops to engaging community events, witness the magic of childhood development through fun and interactive experiences. All Events Intelectual Motoric Music Appreciation Sensory Social-Emotional &amp; Life Skill Balance Fine Motor Skills Gross Motor Skills Manual Competence [&hellip;]<\/p>","protected":false},"author":1,"featured_media":397,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-505","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Activity Gallery - GymnAdemics<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gymnademics.id\/id\/activity-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Activity Gallery - GymnAdemics\" \/>\n<meta property=\"og:description\" content=\"Discover Fun Activities Explore our vibrant activities and event gallery, where creativity and joy come to life! From playful workshops to engaging community events, witness the magic of childhood development through fun and interactive experiences. All Events Intelectual Motoric Music Appreciation Sensory Social-Emotional &amp; Life Skill Balance Fine Motor Skills Gross Motor Skills Manual Competence [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gymnademics.id\/id\/activity-gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"GymnAdemics\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-28T14:59:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"213\" \/>\n\t<meta property=\"og:image:height\" content=\"156\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/\",\"url\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/\",\"name\":\"Activity Gallery - GymnAdemics\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gymnademics.id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/gymnademics.id\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Logo.png\",\"datePublished\":\"2025-06-14T13:34:51+00:00\",\"dateModified\":\"2025-07-28T14:59:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/gymnademics.id\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Logo.png\",\"contentUrl\":\"https:\\\/\\\/gymnademics.id\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Logo.png\",\"width\":213,\"height\":156},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gymnademics.id\\\/activity-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/gymnademics.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Activity Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gymnademics.id\\\/#website\",\"url\":\"https:\\\/\\\/gymnademics.id\\\/\",\"name\":\"GymnAdemics\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gymnademics.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Activity Gallery - GymnAdemics","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gymnademics.id\/id\/activity-gallery\/","og_locale":"id_ID","og_type":"article","og_title":"Activity Gallery - GymnAdemics","og_description":"Discover Fun Activities Explore our vibrant activities and event gallery, where creativity and joy come to life! From playful workshops to engaging community events, witness the magic of childhood development through fun and interactive experiences. All Events Intelectual Motoric Music Appreciation Sensory Social-Emotional &amp; Life Skill Balance Fine Motor Skills Gross Motor Skills Manual Competence [&hellip;]","og_url":"https:\/\/gymnademics.id\/id\/activity-gallery\/","og_site_name":"GymnAdemics","article_modified_time":"2025-07-28T14:59:03+00:00","og_image":[{"width":213,"height":156,"url":"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Logo.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/gymnademics.id\/activity-gallery\/","url":"https:\/\/gymnademics.id\/activity-gallery\/","name":"Activity Gallery - GymnAdemics","isPartOf":{"@id":"https:\/\/gymnademics.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/gymnademics.id\/activity-gallery\/#primaryimage"},"image":{"@id":"https:\/\/gymnademics.id\/activity-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Logo.png","datePublished":"2025-06-14T13:34:51+00:00","dateModified":"2025-07-28T14:59:03+00:00","breadcrumb":{"@id":"https:\/\/gymnademics.id\/activity-gallery\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gymnademics.id\/activity-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/gymnademics.id\/activity-gallery\/#primaryimage","url":"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Logo.png","contentUrl":"https:\/\/gymnademics.id\/wp-content\/uploads\/2025\/06\/Logo.png","width":213,"height":156},{"@type":"BreadcrumbList","@id":"https:\/\/gymnademics.id\/activity-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gymnademics.id\/"},{"@type":"ListItem","position":2,"name":"Activity Gallery"}]},{"@type":"WebSite","@id":"https:\/\/gymnademics.id\/#website","url":"https:\/\/gymnademics.id\/","name":"GymnAdemics","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gymnademics.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/pages\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":45,"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/pages\/505\/revisions"}],"predecessor-version":[{"id":1418,"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/pages\/505\/revisions\/1418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/media\/397"}],"wp:attachment":[{"href":"https:\/\/gymnademics.id\/id\/wp-json\/wp\/v2\/media?parent=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}