{"id":13,"date":"2025-01-14T22:20:11","date_gmt":"2025-01-14T22:20:11","guid":{"rendered":"https:\/\/marineconservation.id\/?page_id=13"},"modified":"2026-07-24T14:17:49","modified_gmt":"2026-07-24T14:17:49","slug":"home","status":"publish","type":"page","link":"https:\/\/marineconservation.id\/id\/","title":{"rendered":"Beranda"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d9155 e-flex e-con-boxed e-con e-parent\" data-id=\"a7d9155\" 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-8012628 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"8012628\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Marine Conservation Indonesia\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-5d76539 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"WhatsApp Image 2025-11-15 at 22.08.48\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Marine Conservation Indonesia<\/div><div class=\"elementor-slide-description\">Student Program<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-7bcb973 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Line Transect Method\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Marine Conservation Indonesia<\/div><div class=\"elementor-slide-description\">Coral Reef Monitoring Program<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-4550581 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"WhatsApp Image 2025-11-16 at 00.16.38\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Marine Conservation Indonesia<\/div><div class=\"elementor-slide-description\">Sea Turtle Monitoring Program<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewbox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\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-e4f1557 e-flex e-con-boxed e-con e-parent\" data-id=\"e4f1557\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3892e0b e-con-full e-flex e-con e-child\" data-id=\"3892e0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dca8eec elementor-widget elementor-widget-image\" data-id=\"dca8eec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"922\" src=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg\" class=\"attachment-large size-large wp-image-57\" alt=\"\" srcset=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg 1024w, https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-300x270.jpg 300w, https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-768x691.jpg 768w, https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1536x1382.jpg 1536w, https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-2048x1843.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23a133f e-con-full e-flex e-con e-child\" data-id=\"23a133f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5132a3d elementor-widget elementor-widget-video\" data-id=\"5132a3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/nOmjtk-dTg8&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\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-7e0d32d e-flex e-con-boxed e-con e-parent\" data-id=\"7e0d32d\" 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-df47aad elementor-widget elementor-widget-text-editor\" data-id=\"df47aad\" 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><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Jalapala Lestari Indonesia Foundation (<strong>Marine Conservation Indonesia<\/strong>) is an independent Indonesian non-profit organization committed to using research and education to conserve Indonesia&#8217;s marine ecosystems. The organization is dedicated to the conservation and sustainable management of Indonesia&#8217;s marine ecosystems, which are among the most biodiverse in the world. Recognizing the critical role of coral reefs, mangroves, seagrass beds, and marine wildlife in supporting livelihoods and biodiversity, the organization employs a multi-stakeholder approach to address pressing environmental challenges such as overfishing, habitat destruction, pollution, and climate change.<\/span><\/p>\t\t\t\t\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-6efdb4c e-flex e-con-boxed e-con e-parent\" data-id=\"6efdb4c\" 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-7c44ffd elementor-widget elementor-widget-heading\" data-id=\"7c44ffd\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Vision<\/h2>\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-8dcec58 e-flex e-con-boxed e-con e-parent\" data-id=\"8dcec58\" 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-958dbbf elementor-widget elementor-widget-text-editor\" data-id=\"958dbbf\" 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><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Sustainable management of Indonesia&#8217;s marine ecosystems, which are among the most diverse in the world, thereby supporting livelihoods and biodiversity.<\/span><\/p>\t\t\t\t\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-cd408e7 e-flex e-con-boxed e-con e-parent\" data-id=\"cd408e7\" 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-451d3be elementor-widget elementor-widget-heading\" data-id=\"451d3be\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Misi <\/h2>\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-13cf565 e-flex e-con-boxed e-con e-parent\" data-id=\"13cf565\" 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-05410ed elementor-widget elementor-widget-text-editor\" data-id=\"05410ed\" 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><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Empowering communities, scientists, and policymakers through collaborative efforts to protect and restore Indonesia&#8217;s marine ecosystems, ensuring their resilience and sustainability for future generations.<\/span><\/p>\t\t\t\t\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-7abe5d2 e-flex e-con-boxed e-con e-parent\" data-id=\"7abe5d2\" 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-6c98f4d elementor-widget elementor-widget-heading\" data-id=\"6c98f4d\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Kegiatan Kunci<\/h2>\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-0251154 e-flex e-con-boxed e-con e-parent\" data-id=\"0251154\" 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-fba2e7a elementor-widget elementor-widget-heading\" data-id=\"fba2e7a\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Turtle Monitoring<\/h2>\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-abb9ace e-flex e-con-boxed e-con e-parent\" data-id=\"abb9ace\" 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-309bdc7 elementor-widget elementor-widget-html\" data-id=\"309bdc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==================== SUMMARY SECTION ==================== -->\r\n<div class=\"turtle-summary-container\" style=\"    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);    border-radius: 28px;    padding: 40px 36px;    margin: 0 0 30px 0;    width: 100%;    box-shadow: 0 8px 30px rgba(2, 132, 199, 0.08);    border: 1px solid rgba(2, 132, 199, 0.1);\">\r\n    <!-- Header -->\r\n    <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 28px; flex-wrap: wrap;\">\r\n        <div style=\"background: #0284c7; width: 6px; height: 44px; border-radius: 4px;\"><\/div>\r\n        <h2 style=\"            font-size: 1.8rem;            font-weight: 800;            color: #0c4a6e;            margin: 0;            display: flex;            align-items: center;            gap: 12px;        \">\r\n            \ud83d\udc22 e-Turtle Indonesia\r\n            <span style=\"                font-size: 0.9rem;                font-weight: 600;                background: #0284c7;                color: white;                padding: 4px 16px;                border-radius: 40px;                letter-spacing: 0.3px;            \">\r\n                Latest Data\r\n            <\/span>\r\n        <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Single Stats Card: Total Individuals -->\r\n    <div style=\"        background: white;        border-radius: 20px;        padding: 30px 24px;        margin-bottom: 28px;        box-shadow: 0 4px 12px rgba(0,0,0,0.04);        border-left: 5px solid #0284c7;        transition: transform 0.2s, box-shadow 0.2s;        display: flex;        align-items: center;        gap: 20px;        flex-wrap: wrap;    \"\r\n    onmouseover=\"this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 24px rgba(2,132,199,0.12)';\"\r\n    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.04)';\"\r\n    >\r\n        <div style=\"            background: #dbeafe;            width: 64px;            height: 64px;            border-radius: 16px;            display: flex;            align-items: center;            justify-content: center;            font-size: 2.2rem;            flex-shrink: 0;        \">\r\n            \ud83d\udc22\r\n        <\/div>\r\n        <div style=\"flex: 1;\">\r\n            <div style=\"                font-size: 0.7rem;                text-transform: uppercase;                letter-spacing: 0.5px;                color: #64748b;                font-weight: 700;            \">\r\n                Total Individual Turtles Identified\r\n            <\/div>\r\n            <div style=\"                font-size: 2.8rem;                font-weight: 800;                color: #0c4a6e;                line-height: 1.2;            \">\r\n                <span id=\"summaryTotalIndividuals\">\u2014<\/span>\r\n                <span style=\"font-size: 1rem; font-weight: 600; color: #0284c7; margin-left: 8px;\">\r\n                    Individuals\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contribute Section -->\r\n    <div style=\"        background: white;        border-radius: 20px;        padding: 24px 28px;        margin-bottom: 20px;        box-shadow: 0 4px 12px rgba(0,0,0,0.03);        display: flex;        align-items: center;        justify-content: space-between;        flex-wrap: wrap;        gap: 16px;    \">\r\n        <div style=\"display: flex; align-items: center; gap: 14px; flex-wrap: wrap;\">\r\n            <span style=\"font-size: 2rem;\">\ud83e\udd1d<\/span>\r\n            <div>\r\n                <div style=\"font-weight: 700; font-size: 1rem; color: #0c4a6e;\">\r\n                    Contribute to Turtle Conservation\r\n                <\/div>\r\n                <div style=\"font-size: 0.85rem; color: #64748b;\">\r\n                    Upload photos and help us identify more turtles\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <a href=\"https:\/\/marineconservation.id\/id\/find-your-turtle\/\" target=\"_blank\" style=\"            background: linear-gradient(135deg, #0284c7, #0369a1);            color: white;            border: none;            padding: 14px 32px;            border-radius: 50px;            font-size: 1rem;            font-weight: 700;            cursor: pointer;            transition: all 0.3s ease;            box-shadow: 0 8px 25px rgba(2, 132, 199, 0.35);            display: inline-flex;            align-items: center;            gap: 10px;            text-decoration: none;            letter-spacing: 0.3px;        \"\r\n        onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 12px 35px rgba(2,132,199,0.5)';\"\r\n        onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 8px 25px rgba(2,132,199,0.35)';\"\r\n        onmousedown=\"this.style.transform='scale(0.95)';\"\r\n        onmouseup=\"this.style.transform='scale(1.05)';\"\r\n        >\r\n            <span style=\"font-size: 1.3rem;\">\ud83d\udcf8<\/span>\r\n            Upload Photo\r\n            <span style=\"font-size: 0.9rem;\">\u2192<\/span>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- Info footer -->\r\n    <div style=\"        margin-top: 16px;        padding-top: 16px;        border-top: 1px solid rgba(2, 132, 199, 0.1);        display: flex;        justify-content: space-between;        flex-wrap: wrap;        gap: 8px;        font-size: 0.7rem;        color: #94a3b8;    \">\r\n        <span>\ud83d\udd04 Data updated regularly from contributors across Indonesia<\/span>\r\n        <span>\ud83d\udc22 e-Turtle Indonesia \u00b7 National Turtle Conservation Platform<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==================== PHOTO GALLERY SECTION ==================== -->\r\n<div class=\"gallery-section\" id=\"gallerySection\" style=\"margin-top: 30px; width: 100%;\">\r\n    <div class=\"gallery-header\">\r\n        <div class=\"title-section\">\r\n            <h1>\ud83d\udc22 e-Turtle Indonesia \u00b7 Photo Gallery<\/h1>\r\n            <p>\ud83d\udcf8 Explore turtle photos from across the archipelago | Click photo to view details<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Photo Grid -->\r\n    <div id=\"galleryContainer\">\r\n        <div class=\"loading-state\">\r\n            <div class=\"spinner\"><\/div>\r\n            <p>\ud83d\udd04 Loading turtle photo gallery...<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pagination -->\r\n    <div id=\"galleryPaginationControls\" style=\"display: none;\"><\/div>\r\n<\/div>\r\n\r\n<!-- ==================== LIGHTBOX MODAL ==================== -->\r\n<div id=\"galleryLightboxModal\" class=\"lightbox\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.92); z-index:9999; justify-content:center; align-items:center; backdrop-filter:blur(4px);\">\r\n    <button class=\"close-lightbox\" id=\"galleryCloseLightboxBtn\" style=\"position:absolute; top:16px; right:24px; background:rgba(0,0,0,0.6); color:white; border:none; font-size:28px; width:40px; height:40px; border-radius:50%; cursor:pointer; z-index:10000; transition:background 0.2s;\">&times;<\/button>\r\n    <div class=\"lightbox-content\" style=\"max-width:95vw; max-height:90vh; background:#1e293b; border-radius:32px; overflow:hidden; display:flex; flex-direction:column; position:relative; width:900px;\">\r\n        <div style=\"display:flex; flex-direction:column; max-height:90vh; overflow-y:auto;\">\r\n            <img id=\"galleryLightboxImg\" style=\"width:100%; max-height:50vh; object-fit:contain; background:#0f172a; padding:10px;\" alt=\"Turtle photo\">\r\n            <div id=\"galleryLightboxDetails\" style=\"background:white; padding:20px 24px; border-radius:0 0 32px 32px; color:#0a2b3e;\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- ==================== CSS ==================== -->\r\n<style>\r\n    .gallery-section {\r\n        width: 100%;\r\n    }\r\n    .gallery-section .gallery-header {\r\n        background: white;\r\n        border-radius: 28px;\r\n        padding: 20px 28px;\r\n        margin-bottom: 28px;\r\n        box-shadow: 0 8px 20px rgba(0,0,0,0.05);\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 16px;\r\n    }\r\n    .gallery-section .gallery-header h1 {\r\n        font-size: 1.9rem;\r\n        color: #0284c7;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin: 0;\r\n    }\r\n    .gallery-section .gallery-header p {\r\n        color: #2c5f7a;\r\n        margin-top: 6px;\r\n        font-size: 0.9rem;\r\n    }\r\n    .gallery-section .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n        gap: 24px;\r\n        margin: 20px 0 30px;\r\n    }\r\n    .gallery-section .turtle-card {\r\n        background: white;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        transition: transform 0.2s, box-shadow 0.2s;\r\n        box-shadow: 0 6px 14px rgba(0,0,0,0.05);\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n    }\r\n    .gallery-section .turtle-card:hover {\r\n        transform: translateY(-6px);\r\n        box-shadow: 0 20px 30px -12px rgba(2,132,199,0.25);\r\n    }\r\n    .gallery-section .photo-wrapper {\r\n        aspect-ratio: 1 \/ 1;\r\n        background: #eef2f5;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        position: relative;\r\n    }\r\n    .gallery-section .photo-wrapper img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .gallery-section .turtle-card:hover .photo-wrapper img {\r\n        transform: scale(1.05);\r\n    }\r\n    \r\n    \/* Photo Name Overlay *\/\r\n    .gallery-section .photo-name-overlay {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        right: 0;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);\r\n        padding: 40px 16px 16px 16px;\r\n        pointer-events: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .gallery-section .turtle-card:hover .photo-name-overlay {\r\n        padding-bottom: 20px;\r\n    }\r\n    .gallery-section .photo-name-overlay .turtle-name-display {\r\n        color: white;\r\n        font-size: 1.1rem;\r\n        font-weight: 700;\r\n        text-shadow: 0 2px 8px rgba(0,0,0,0.6);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .gallery-section .photo-name-overlay .turtle-name-display .turtle-id-tag {\r\n        font-size: 0.65rem;\r\n        font-weight: 400;\r\n        background: rgba(255,255,255,0.2);\r\n        padding: 2px 10px;\r\n        border-radius: 20px;\r\n        backdrop-filter: blur(4px);\r\n    }\r\n    .gallery-section .photo-name-overlay .turtle-species-tag {\r\n        font-size: 0.7rem;\r\n        font-weight: 500;\r\n        color: rgba(255,255,255,0.85);\r\n        background: rgba(2,132,199,0.5);\r\n        backdrop-filter: blur(4px);\r\n        padding: 2px 12px;\r\n        border-radius: 20px;\r\n        display: inline-block;\r\n        margin-top: 4px;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n    \r\n    .gallery-section .card-info {\r\n        display: none;\r\n    }\r\n    \r\n    .gallery-section .pagination {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 12px;\r\n        margin: 40px 0 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n    .gallery-section .page-btn {\r\n        background: white;\r\n        border: 1px solid #cbd5e1;\r\n        padding: 8px 16px;\r\n        border-radius: 40px;\r\n        cursor: pointer;\r\n        font-weight: 500;\r\n        transition: 0.2s;\r\n        color: #0a2b3e;\r\n    }\r\n    .gallery-section .page-btn.active {\r\n        background: #0284c7;\r\n        border-color: #0284c7;\r\n        color: white;\r\n    }\r\n    .gallery-section .page-btn:hover:not(.active) {\r\n        background: #eef2ff;\r\n    }\r\n    .gallery-section .page-btn:disabled {\r\n        opacity: 0.5;\r\n        cursor: not-allowed;\r\n    }\r\n    .gallery-section .loading-state,\r\n    .gallery-section .error-state {\r\n        text-align: center;\r\n        padding: 60px 20px;\r\n        background: white;\r\n        border-radius: 32px;\r\n        color: #0a2b3e;\r\n    }\r\n    .gallery-section .spinner {\r\n        border: 4px solid #e2e8f0;\r\n        border-top: 4px solid #0284c7;\r\n        border-radius: 50%;\r\n        width: 48px;\r\n        height: 48px;\r\n        animation: spin 0.8s linear infinite;\r\n        margin: 0 auto 20px;\r\n    }\r\n    \r\n    \/* Lightbox Map *\/\r\n    #galleryLightboxModal .lightbox-map {\r\n        height: 250px;\r\n        border-radius: 12px;\r\n        margin: 12px 0;\r\n        background: #e5e5e5;\r\n        border: 2px solid #e2e8f0;\r\n        width: 100%;\r\n    }\r\n    \r\n    #galleryLightboxModal .leaflet-popup-content {\r\n        min-width: 220px;\r\n    }\r\n    #galleryLightboxModal .leaflet-popup-content-wrapper {\r\n        border-radius: 12px;\r\n    }\r\n    \r\n    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n    \r\n    body.gallery-lightbox-open {\r\n        overflow: hidden !important;\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 680px) {\r\n        .turtle-summary-container {\r\n            padding: 24px 16px !important;\r\n        }\r\n        .turtle-summary-container h2 {\r\n            font-size: 1.3rem !important;\r\n        }\r\n        .turtle-summary-container .stats-card {\r\n            flex-direction: column !important;\r\n            text-align: center !important;\r\n            padding: 24px 16px !important;\r\n        }\r\n        .turtle-summary-container .stats-card .icon-box {\r\n            width: 56px !important;\r\n            height: 56px !important;\r\n            font-size: 1.8rem !important;\r\n        }\r\n        .turtle-summary-container .stats-card .number {\r\n            font-size: 2.2rem !important;\r\n        }\r\n        .gallery-section .gallery-header { flex-direction: column; align-items: stretch; }\r\n        .gallery-section .gallery-header h1 { font-size: 1.3rem; }\r\n        .gallery-section .gallery-grid {\r\n            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n            gap: 16px;\r\n        }\r\n        #galleryLightboxModal .lightbox-map { height: 180px; }\r\n        #galleryLightboxModal .lightbox-content { max-width: 98vw; }\r\n        .gallery-section .photo-name-overlay .turtle-name-display {\r\n            font-size: 0.9rem !important;\r\n        }\r\n        .gallery-section .photo-name-overlay .turtle-species-tag {\r\n            font-size: 0.6rem !important;\r\n        }\r\n        .contribute-section {\r\n            flex-direction: column !important;\r\n            text-align: center !important;\r\n        }\r\n        .contribute-section .contribute-btn {\r\n            width: 100% !important;\r\n            justify-content: center !important;\r\n        }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .gallery-section .gallery-grid { grid-template-columns: 1fr; gap: 16px; }\r\n        #galleryLightboxModal .lightbox-map { height: 150px; }\r\n        .gallery-section .photo-name-overlay .turtle-name-display {\r\n            font-size: 0.85rem !important;\r\n        }\r\n        .gallery-section .photo-name-overlay {\r\n            padding: 30px 12px 12px 12px !important;\r\n        }\r\n        .turtle-summary-container .stats-card .number {\r\n            font-size: 1.8rem !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ==================== SCRIPT ==================== -->\r\n<script>\r\n(function() {\r\n    'use strict';\r\n    \r\n    const galleryContainer = document.getElementById('galleryContainer');\r\n    if (!galleryContainer) return;\r\n    \r\n    const themeFolder = 'astra';\r\n    const DATA_ENDPOINT = `\/wp-content\/themes\/${themeFolder}\/turtle-api\/turtle-get.php`;\r\n    \r\n    let galleryRawData = [];\r\n    let galleryFilteredData = [];\r\n    let galleryCurrentPage = 1;\r\n    const GALLERY_ITEMS_PER_PAGE = 21;\r\n    let galleryDetailMap = null;\r\n    let galleryDetailMarker = null;\r\n    let isLightboxOpen = false;\r\n    \r\n    const galleryContainerEl = galleryContainer;\r\n    const paginationDiv = document.getElementById('galleryPaginationControls');\r\n    const summaryTotalIndividuals = document.getElementById('summaryTotalIndividuals');\r\n    \r\n    const lightbox = document.getElementById('galleryLightboxModal');\r\n    const lightboxImg = document.getElementById('galleryLightboxImg');\r\n    const lightboxDetails = document.getElementById('galleryLightboxDetails');\r\n    const closeLightbox = document.getElementById('galleryCloseLightboxBtn');\r\n    \r\n    \/\/ ====== INDIVIDUAL NAME MAPPING ======\r\n    \/\/ Build a map of turtle_id -> original name from first occurrence\r\n    let individualNameMap = {};\r\n    \r\n    function buildIndividualNameMap(data) {\r\n        individualNameMap = {};\r\n        data.forEach(item => {\r\n            const id = item.turtle_id;\r\n            if (id) {\r\n                \/\/ Get the best name available\r\n                let name = null;\r\n                \r\n                \/\/ Priority 1: Use turtle_name if available\r\n                if (item.turtle_name && item.turtle_name.trim() !== '') {\r\n                    name = item.turtle_name.trim();\r\n                }\r\n                \/\/ Priority 2: Extract from photo URL\r\n                else if (item.left_photo_url) {\r\n                    const extracted = extractNameFromPhotoUrl(item.left_photo_url);\r\n                    if (extracted && extracted !== '') {\r\n                        name = extracted;\r\n                    }\r\n                }\r\n                \r\n                \/\/ Only store if we have a valid name and it's not already set\r\n                if (name && !individualNameMap[id]) {\r\n                    individualNameMap[id] = name;\r\n                }\r\n            }\r\n        });\r\n        console.log('Individual name map built:', individualNameMap);\r\n    }\r\n    \r\n    function extractNameFromPhotoUrl(url) {\r\n        if (!url) return null;\r\n        try {\r\n            let filename = url.split('\/').pop();\r\n            filename = filename.split('?')[0];\r\n            const lastDot = filename.lastIndexOf('.');\r\n            if (lastDot !== -1) filename = filename.substring(0, lastDot);\r\n            const parts = filename.split('_');\r\n            if (parts.length >= 2) {\r\n                let name = parts[1];\r\n                if (name && name.trim() !== '') return name.trim();\r\n            }\r\n            return null;\r\n        } catch(e) {\r\n            return null;\r\n        }\r\n    }\r\n    \r\n    function getDisplayName(turtle) {\r\n        const id = turtle.turtle_id;\r\n        \r\n        \/\/ FIRST: Check if we have a stored name for this individual\r\n        if (id && individualNameMap[id]) {\r\n            return individualNameMap[id];\r\n        }\r\n        \r\n        \/\/ SECOND: Use turtle_name from current record\r\n        if (turtle.turtle_name && turtle.turtle_name.trim() !== '') {\r\n            const name = turtle.turtle_name.trim();\r\n            \/\/ Store it for future use\r\n            if (id) {\r\n                individualNameMap[id] = name;\r\n            }\r\n            return name;\r\n        }\r\n        \r\n        \/\/ THIRD: Extract from photo URL\r\n        if (turtle.left_photo_url) {\r\n            const extracted = extractNameFromPhotoUrl(turtle.left_photo_url);\r\n            if (extracted && extracted !== '') {\r\n                \/\/ Store it for future use\r\n                if (id) {\r\n                    individualNameMap[id] = extracted;\r\n                }\r\n                return extracted;\r\n            }\r\n        }\r\n        \r\n        \/\/ LAST RESORT: Use ID\r\n        if (id) {\r\n            return `Turtle #${id}`;\r\n        }\r\n        \r\n        return 'Sea Turtle';\r\n    }\r\n    \r\n    function getSpeciesEmoji(species) {\r\n        const speciesMap = {\r\n            'Chelonia mydas': '\ud83d\udfe2',\r\n            'Green Turtle': '\ud83d\udfe2',\r\n            'Penyu Hijau': '\ud83d\udfe2',\r\n            'Eretmochelys imbricata': '\ud83d\udfe0',\r\n            'Hawksbill Turtle': '\ud83d\udfe0',\r\n            'Penyu Sisik': '\ud83d\udfe0',\r\n            'Lepidochelys olivacea': '\ud83d\udfe4',\r\n            'Olive Ridley': '\ud83d\udfe4',\r\n            'Penyu Lekang': '\ud83d\udfe4',\r\n            'Caretta caretta': '\ud83d\udfe3',\r\n            'Loggerhead Turtle': '\ud83d\udfe3',\r\n            'Penyu Tempayan': '\ud83d\udfe3',\r\n            'Dermochelys coriacea': '\u26ab',\r\n            'Leatherback Turtle': '\u26ab',\r\n            'Penyu Belimbing': '\u26ab',\r\n            'Natator depressus': '\u26aa',\r\n            'Flatback Turtle': '\u26aa',\r\n            'Penyu Pipih': '\u26aa',\r\n            'Kemp\\'s Ridley': '\ud83d\udd34'\r\n        };\r\n        return speciesMap[species] || '\ud83d\udc22';\r\n    }\r\n    \r\n    function escapeHtml(str) {\r\n        if (!str) return '';\r\n        return String(str).replace(\/[&<>]\/g, function(m) {\r\n            if (m === '&') return '&amp;';\r\n            if (m === '<') return '&lt;';\r\n            if (m === '>') return '&gt;';\r\n            return m;\r\n        });\r\n    }\r\n    \r\n    async function fetchGalleryData() {\r\n        try {\r\n            console.log('Fetching data from:', DATA_ENDPOINT);\r\n            const response = await fetch(DATA_ENDPOINT, {\r\n                method: 'GET',\r\n                credentials: 'omit',\r\n                headers: { 'Accept': 'application\/json' }\r\n            });\r\n            if (!response.ok) {\r\n                throw new Error(`HTTP ${response.status} - ${response.statusText}`);\r\n            }\r\n            const data = await response.json();\r\n            console.log('Data received:', data ? data.length : 0, 'items');\r\n            if (!Array.isArray(data)) {\r\n                if (data.data && Array.isArray(data.data)) return data.data;\r\n                throw new Error('Invalid data format (array required)');\r\n            }\r\n            return data;\r\n        } catch (err) {\r\n            console.error('Gallery fetch error:', err);\r\n            throw new Error(`\u274c ${err.message}`);\r\n        }\r\n    }\r\n    \r\n    function applyGalleryFilters() {\r\n        \/\/ Build individual name map FIRST\r\n        buildIndividualNameMap(galleryRawData);\r\n        \r\n        \/\/ Only show data with photos\r\n        let result = galleryRawData.filter(item => \r\n            item.left_photo_url && item.left_photo_url.trim() !== ''\r\n        );\r\n        galleryFilteredData = result;\r\n        \r\n        \/\/ Update total individuals count (unique turtle_id)\r\n        if (summaryTotalIndividuals) {\r\n            const uniqueIds = new Set();\r\n            galleryRawData.forEach(item => {\r\n                if (item.turtle_id) {\r\n                    uniqueIds.add(item.turtle_id);\r\n                }\r\n            });\r\n            summaryTotalIndividuals.innerText = uniqueIds.size || galleryRawData.length;\r\n        }\r\n        \r\n        galleryCurrentPage = 1;\r\n        renderGallery();\r\n        renderGalleryPagination();\r\n    }\r\n    \r\n    function renderGallery() {\r\n        if (!galleryFilteredData.length) {\r\n            galleryContainerEl.innerHTML = `<div class=\"error-state\" style=\"padding:50px;text-align:center;\">\ud83d\udc22 No photos available yet. Be the first to upload!<\/div>`;\r\n            paginationDiv.style.display = 'none';\r\n            return;\r\n        }\r\n        paginationDiv.style.display = 'flex';\r\n        const startIdx = (galleryCurrentPage - 1) * GALLERY_ITEMS_PER_PAGE;\r\n        const pageItems = galleryFilteredData.slice(startIdx, startIdx + GALLERY_ITEMS_PER_PAGE);\r\n        \r\n        let cardsHtml = '<div class=\"gallery-grid\">';\r\n        for (const turtle of pageItems) {\r\n            const photoUrl = turtle.left_photo_url || '';\r\n            const turtleId = turtle.turtle_id || '\u2014';\r\n            \r\n            \/\/ Get the individual's name (consistent across resightings)\r\n            const displayName = getDisplayName(turtle);\r\n            const species = turtle.species || 'Unknown Species';\r\n            const speciesEmoji = getSpeciesEmoji(species);\r\n            \r\n            const safePhotoUrl = escapeHtml(photoUrl);\r\n            const safeTurtleId = escapeHtml(turtleId);\r\n            const safeDisplayName = escapeHtml(displayName);\r\n            const safeSpecies = escapeHtml(species);\r\n            \r\n            const dataAttr = encodeURIComponent(JSON.stringify(turtle));\r\n            \r\n            cardsHtml += `\r\n                <div class=\"turtle-card\" data-id=\"${safeTurtleId}\">\r\n                    <div class=\"photo-wrapper\" onclick=\"window.galleryOpenLightbox('${safePhotoUrl}', '${dataAttr}')\">\r\n                        <img decoding=\"async\" src=\"${safePhotoUrl}\" loading=\"lazy\" alt=\"${safeDisplayName}\" onerror=\"this.onerror=null;this.src='data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%22400%22 height=%22400%22%3E%3Crect width=%22400%22 height=%22400%22 fill=%22%23eef2f5%22\/%3E%3Ctext x=%2250%22 y=%22200%22 font-family=%22sans-serif%22 font-size=%2230%22 fill=%22%2394a3b8%22%3ENo Image%3C\/text%3E%3C\/svg%3E';\">\r\n                        <div class=\"photo-name-overlay\">\r\n                            <div class=\"turtle-name-display\">\r\n                                ${speciesEmoji} ${safeDisplayName}\r\n                                <span class=\"turtle-id-tag\">#${safeTurtleId}<\/span>\r\n                            <\/div>\r\n                            <div class=\"turtle-species-tag\">${safeSpecies}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        }\r\n        cardsHtml += '<\/div>';\r\n        galleryContainerEl.innerHTML = cardsHtml;\r\n    }\r\n    \r\n    function renderGalleryPagination() {\r\n        const totalPages = Math.ceil(galleryFilteredData.length \/ GALLERY_ITEMS_PER_PAGE);\r\n        if (totalPages <= 1) {\r\n            paginationDiv.innerHTML = '';\r\n            paginationDiv.style.display = 'none';\r\n            return;\r\n        }\r\n        paginationDiv.style.display = 'flex';\r\n        let pagHtml = '<div class=\"pagination\">';\r\n        pagHtml += `<button class=\"page-btn\" data-page=\"${galleryCurrentPage-1}\" ${galleryCurrentPage === 1 ? 'disabled' : ''}>\u2039 Previous<\/button>`;\r\n        let startPage = Math.max(1, galleryCurrentPage - 2);\r\n        let endPage = Math.min(totalPages, galleryCurrentPage + 2);\r\n        if (startPage > 1) pagHtml += `<button class=\"page-btn\" data-page=\"1\">1<\/button>${startPage > 2 ? '<span style=\"padding:8px;\">...<\/span>' : ''}`;\r\n        for (let i = startPage; i <= endPage; i++) {\r\n            pagHtml += `<button class=\"page-btn ${i === galleryCurrentPage ? 'active' : ''}\" data-page=\"${i}\">${i}<\/button>`;\r\n        }\r\n        if (endPage < totalPages) pagHtml += `${endPage < totalPages-1 ? '<span style=\"padding:8px;\">...<\/span>' : ''}<button class=\"page-btn\" data-page=\"${totalPages}\">${totalPages}<\/button>`;\r\n        pagHtml += `<button class=\"page-btn\" data-page=\"${galleryCurrentPage+1}\" ${galleryCurrentPage === totalPages ? 'disabled' : ''}>Next \u203a<\/button>`;\r\n        pagHtml += '<\/div>';\r\n        paginationDiv.innerHTML = pagHtml;\r\n        \r\n        document.querySelectorAll('.page-btn[data-page]').forEach(btn => {\r\n            btn.addEventListener('click', (e) => {\r\n                let newPage = parseInt(btn.dataset.page);\r\n                if (!isNaN(newPage) && newPage >= 1 && newPage <= totalPages) {\r\n                    galleryCurrentPage = newPage;\r\n                    renderGallery();\r\n                    renderGalleryPagination();\r\n                    window.scrollTo({ top: 380, behavior: 'smooth' });\r\n                }\r\n            });\r\n        });\r\n    }\r\n    \r\n    \/\/ ======================== LIGHTBOX ========================\r\n    \r\n    function initGalleryDetailMap(lat, lng, turtle) {\r\n        if (typeof L === 'undefined') {\r\n            console.warn('Leaflet not loaded, map will not be shown');\r\n            return;\r\n        }\r\n        \r\n        if (galleryDetailMap) {\r\n            try {\r\n                galleryDetailMap.remove();\r\n            } catch(e) {}\r\n            galleryDetailMap = null;\r\n            galleryDetailMarker = null;\r\n        }\r\n        \r\n        const container = document.getElementById('galleryDetailMapContainer');\r\n        if (!container) {\r\n            console.warn('Map container not found');\r\n            return;\r\n        }\r\n        \r\n        if (container._leaflet_id) {\r\n            container._leaflet_id = null;\r\n        }\r\n        container.innerHTML = '';\r\n        \r\n        try {\r\n            const map = L.map('galleryDetailMapContainer', {\r\n                center: [lat, lng],\r\n                zoom: 14\r\n            });\r\n            galleryDetailMap = map;\r\n            \r\n            L.tileLayer('https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}', {\r\n                attribution: 'Tiles &copy; Esri'\r\n            }).addTo(map);\r\n            \r\n            const displayName = getDisplayName(turtle);\r\n            const species = turtle.species || 'Unknown';\r\n            const locationFull = [turtle.location_name, turtle.district, turtle.province].filter(v=>v).join(', ') || 'Location not available';\r\n            const surveyDate = turtle.survey_date ? new Date(turtle.survey_date).toLocaleDateString('en-US', { year:'numeric', month:'long', day:'numeric' }) : 'No date';\r\n            const contributor = turtle.contributor || 'Anonymous';\r\n            const sexText = turtle.sex ? (turtle.sex === 'Jantan' ? 'Male \u2642\ufe0f' : (turtle.sex === 'Betina' ? 'Female \u2640\ufe0f' : turtle.sex)) : 'Not recorded';\r\n            const ccl = turtle.ccl ? `${turtle.ccl} cm` : '-';\r\n            \r\n            const popupContent = `\r\n                <div style=\"min-width:220px; max-width:300px;\">\r\n                    <div style=\"font-weight:700;font-size:1.2rem;color:#0c4a6e;margin-bottom:4px;\">\r\n                        \ud83d\udc22 ${escapeHtml(displayName)}\r\n                    <\/div>\r\n                    <div style=\"font-size:0.8rem;color:#64748b;margin-bottom:6px;\">\r\n                        ID: ${escapeHtml(turtle.turtle_id || '-')}\r\n                    <\/div>\r\n                    <div style=\"margin:4px 0;\">\r\n                        <span style=\"background:#e0f2fe;padding:2px 10px;border-radius:20px;font-size:0.8rem;font-weight:600;\">\r\n                            ${escapeHtml(species)}\r\n                        <\/span>\r\n                        ${sexText ? `<span style=\"background:#f1f5f9;padding:2px 10px;border-radius:20px;font-size:0.8rem;margin-left:6px;\">${escapeHtml(sexText)}<\/span>` : ''}\r\n                        ${ccl !== '-' ? `<span style=\"background:#f1f5f9;padding:2px 10px;border-radius:20px;font-size:0.8rem;margin-left:6px;\">\ud83d\udccf ${escapeHtml(ccl)}<\/span>` : ''}\r\n                    <\/div>\r\n                    <div style=\"font-size:0.85rem;margin:6px 0;color:#2c5f7a;\">\r\n                        \ud83d\udccd ${escapeHtml(locationFull)}\r\n                    <\/div>\r\n                    <div style=\"font-size:0.85rem;margin:4px 0;color:#2c5f7a;\">\r\n                        \ud83d\udcc5 ${escapeHtml(surveyDate)}\r\n                    <\/div>\r\n                    <div style=\"font-size:0.8rem;margin:4px 0;color:#334155;\">\r\n                        \ud83d\udc64 ${escapeHtml(contributor)}\r\n                    <\/div>\r\n                    <div style=\"font-size:0.7rem;color:#94a3b8;margin-top:6px;border-top:1px solid #e2e8f0;padding-top:6px;\">\r\n                        \ud83d\udccd ${lat.toFixed(5)}, ${lng.toFixed(5)}\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n            \r\n            galleryDetailMarker = L.marker([lat, lng])\r\n                .addTo(map)\r\n                .bindPopup(popupContent, {\r\n                    maxWidth: 320,\r\n                    className: 'gallery-detail-popup'\r\n                });\r\n            \r\n            map.flyTo([lat, lng], 14, {\r\n                duration: 1.5,\r\n                easeLinearity: 0.25\r\n            });\r\n            \r\n            map.once('moveend', function() {\r\n                if (galleryDetailMarker) {\r\n                    galleryDetailMarker.openPopup();\r\n                }\r\n            });\r\n            \r\n            setTimeout(function() {\r\n                if (galleryDetailMap) {\r\n                    galleryDetailMap.invalidateSize();\r\n                }\r\n            }, 300);\r\n            \r\n            setTimeout(function() {\r\n                if (galleryDetailMap) {\r\n                    galleryDetailMap.invalidateSize();\r\n                }\r\n            }, 800);\r\n            \r\n        } catch(e) {\r\n            console.error('Error initializing map:', e);\r\n        }\r\n    }\r\n    \r\n    window.galleryOpenLightbox = function(photoUrl, dataAttr) {\r\n        if (!photoUrl) return;\r\n        \r\n        let turtle;\r\n        try {\r\n            turtle = JSON.parse(decodeURIComponent(dataAttr));\r\n        } catch(e) {\r\n            console.error('Error parsing turtle data:', e);\r\n            return;\r\n        }\r\n        \r\n        lightbox.style.display = 'flex';\r\n        document.body.classList.add('gallery-lightbox-open');\r\n        isLightboxOpen = true;\r\n        \r\n        lightboxImg.src = photoUrl;\r\n        \r\n        const displayName = getDisplayName(turtle);\r\n        const speciesText = turtle.species || 'Unknown';\r\n        const sexText = turtle.sex ? (turtle.sex === 'Jantan' ? 'Male \u2642\ufe0f' : (turtle.sex === 'Betina' ? 'Female \u2640\ufe0f' : turtle.sex)) : 'Not recorded';\r\n        const ccl = turtle.ccl ? `${turtle.ccl} cm` : '-';\r\n        const locationFull = [turtle.location_name, turtle.district, turtle.province].filter(v=>v).join(', ') || 'Location not available';\r\n        const dateLocale = turtle.survey_date ? new Date(turtle.survey_date).toLocaleDateString('en-US', { year:'numeric', month:'long', day:'numeric' }) : 'No date';\r\n        const contributorName = turtle.contributor || 'Anonymous';\r\n        const additional = [];\r\n        if (turtle.behaviour) additional.push(`Behavior: ${turtle.behaviour}`);\r\n        if (turtle.health) additional.push(`Health: ${turtle.health}`);\r\n        const extraInfo = additional.length ? `<div style=\"margin-top:8px;font-size:0.8rem;\">\ud83d\udccb ${additional.join(' \u00b7 ')}<\/div>` : '';\r\n        \r\n        const lat = parseFloat(turtle.latitude);\r\n        const lng = parseFloat(turtle.longitude);\r\n        const hasValidCoords = !isNaN(lat) && !isNaN(lng) && lat !== 0 && lng !== 0;\r\n        \r\n        let mapHtml = '';\r\n        if (hasValidCoords) {\r\n            mapHtml = `\r\n                <div style=\"margin: 12px 0;\">\r\n                    <div style=\"font-weight:600;font-size:0.85rem;color:#1e6f9f;margin-bottom:8px;\">\ud83d\udccd Turtle Location Map<\/div>\r\n                    <div id=\"galleryDetailMapContainer\" class=\"lightbox-map\"><\/div>\r\n                <\/div>\r\n            `;\r\n        } else {\r\n            mapHtml = `\r\n                <div style=\"margin: 12px 0; padding: 16px; background: #fef2f2; border-radius: 12px; border-left: 4px solid #dc2626;\">\r\n                    <p style=\"color: #dc2626; font-size: 0.9rem; margin: 0;\">\u26a0\ufe0f Coordinates not available for this location<\/p>\r\n                <\/div>\r\n            `;\r\n        }\r\n        \r\n        lightboxDetails.innerHTML = `\r\n            <div style=\"display:flex; justify-content:space-between; flex-wrap:wrap; align-items:baseline; margin-bottom:8px;\">\r\n                <h2 style=\"color:#0c4a6e; margin:0; font-size:1.5rem;\">\r\n                    \ud83d\udc22 ${escapeHtml(displayName)}\r\n                    <span style=\"font-size:0.8rem; background:#e2e8f0; padding:2px 10px; border-radius:20px; font-weight:400; margin-left:8px;\">\r\n                        ID: ${escapeHtml(turtle.turtle_id || '-')}\r\n                    <\/span>\r\n                <\/h2>\r\n            <\/div>\r\n            <div style=\"display:flex; flex-wrap:wrap; gap: 10px; margin-bottom:12px;\">\r\n                <span style=\"background:#e0f2fe; padding:4px 14px; border-radius:30px; font-size:0.8rem; font-weight:600;\">\r\n                    ${escapeHtml(speciesText)}\r\n                <\/span>\r\n                <span style=\"background:#f1f5f9; padding:4px 14px; border-radius:30px; font-size:0.8rem;\">\r\n                    ${escapeHtml(sexText)}\r\n                <\/span>\r\n                ${ccl !== '-' ? `<span style=\"background:#f1f5f9; padding:4px 14px; border-radius:30px; font-size:0.8rem;\">\ud83d\udccf CCL: ${escapeHtml(ccl)}<\/span>` : ''}\r\n            <\/div>\r\n            <div style=\"display:flex; flex-wrap:wrap; gap: 16px; font-size:0.9rem; color:#2c5f7a; margin-bottom:8px;\">\r\n                <span>\ud83d\udccd ${escapeHtml(locationFull)}<\/span>\r\n                <span>\ud83d\udcc5 ${escapeHtml(dateLocale)}<\/span>\r\n            <\/div>\r\n            <div style=\"font-size:0.9rem; color:#334155; margin-bottom:4px;\">\r\n                \ud83d\udc64 Contributor: <strong>${escapeHtml(contributorName)}<\/strong>\r\n            <\/div>\r\n            ${extraInfo}\r\n            ${mapHtml}\r\n            <hr style=\"margin: 16px 0 8px 0; border: none; border-top: 1px solid #e2e8f0;\">\r\n            <div style=\"font-size:0.75rem; color:#94a3b8;\">\ud83d\udcf8 Left side photo | e-Turtle Indonesia Database<\/div>\r\n        `;\r\n        \r\n        if (hasValidCoords) {\r\n            setTimeout(function() {\r\n                initGalleryDetailMap(lat, lng, turtle);\r\n            }, 500);\r\n        }\r\n    };\r\n    \r\n    function closeGalleryLightbox() {\r\n        lightbox.style.display = 'none';\r\n        lightboxImg.src = '';\r\n        lightboxDetails.innerHTML = '';\r\n        document.body.classList.remove('gallery-lightbox-open');\r\n        isLightboxOpen = false;\r\n        \r\n        if (galleryDetailMap) {\r\n            try {\r\n                galleryDetailMap.remove();\r\n            } catch(e) {}\r\n            galleryDetailMap = null;\r\n            galleryDetailMarker = null;\r\n        }\r\n        \r\n        const container = document.getElementById('galleryDetailMapContainer');\r\n        if (container) {\r\n            container.innerHTML = '';\r\n            if (container._leaflet_id) {\r\n                container._leaflet_id = null;\r\n            }\r\n        }\r\n    }\r\n    \r\n    async function loadGalleryData() {\r\n        galleryContainerEl.innerHTML = `<div class=\"loading-state\"><div class=\"spinner\"><\/div><p>\ud83d\udd04 Loading turtle photo gallery...<\/p><\/div>`;\r\n        paginationDiv.style.display = 'none';\r\n        try {\r\n            const data = await fetchGalleryData();\r\n            if (!data || !data.length) {\r\n                galleryContainerEl.innerHTML = `<div class=\"error-state\">\u26a0\ufe0f No turtle data available. Please ensure the database is populated.<\/div>`;\r\n                galleryRawData = [];\r\n                galleryFilteredData = [];\r\n                if (summaryTotalIndividuals) summaryTotalIndividuals.innerText = '0';\r\n                return;\r\n            }\r\n            galleryRawData = data;\r\n            applyGalleryFilters();\r\n        } catch (err) {\r\n            galleryContainerEl.innerHTML = `<div class=\"error-state\"><strong>\u274c Failed to load gallery<\/strong><br>${err.message}<br><br>\ud83d\udca1 Please ensure the API endpoint is accessible and returns valid JSON data.<\/div>`;\r\n            galleryRawData = [];\r\n            galleryFilteredData = [];\r\n            if (summaryTotalIndividuals) summaryTotalIndividuals.innerText = '0';\r\n            paginationDiv.style.display = 'none';\r\n        }\r\n    }\r\n    \r\n    \/\/ Event listeners\r\n    closeLightbox.addEventListener('click', closeGalleryLightbox);\r\n    \r\n    lightbox.addEventListener('click', function(e) {\r\n        if (e.target === lightbox) {\r\n            closeGalleryLightbox();\r\n        }\r\n    });\r\n    \r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Escape' && isLightboxOpen) {\r\n            closeGalleryLightbox();\r\n        }\r\n    });\r\n    \r\n    \/\/ Load data\r\n    if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n        setTimeout(loadGalleryData, 500);\r\n    } else {\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            setTimeout(loadGalleryData, 500);\r\n        });\r\n    }\r\n    \r\n    \/\/ Retry if failed\r\n    setTimeout(function() {\r\n        if (!galleryRawData.length) {\r\n            console.log('Retrying data load...');\r\n            loadGalleryData();\r\n        }\r\n    }, 3000);\r\n    \r\n})();\r\n<\/script>\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-baecf33 e-flex e-con-boxed e-con e-parent\" data-id=\"baecf33\" 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-0ccb512 elementor-widget elementor-widget-spacer\" data-id=\"0ccb512\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-a59109c e-flex e-con-boxed e-con e-parent\" data-id=\"a59109c\" 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-8277f1b elementor-widget elementor-widget-heading\" data-id=\"8277f1b\" 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<h2 class=\"elementor-heading-title elementor-size-default\">RAISE Scholarship<\/h2>\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-140151f e-flex e-con-boxed e-con e-parent\" data-id=\"140151f\" 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-9f275ef elementor-widget elementor-widget-video\" data-id=\"9f275ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=RrO73oxE_5w&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\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-d4608bb e-flex e-con-boxed e-con e-parent\" data-id=\"d4608bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-72db1d6 e-con-full e-flex e-con e-child\" data-id=\"72db1d6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-739663c elementor-widget elementor-widget-image\" data-id=\"739663c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring-1024x576.jpeg\" class=\"attachment-large size-large wp-image-507\" alt=\"\" srcset=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring-1024x576.jpeg 1024w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring-300x169.jpeg 300w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring-768x432.jpeg 768w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring-1536x864.jpeg 1536w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring-18x10.jpeg 18w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/Monitoring.jpeg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd984a2 e-con-full e-flex e-con e-child\" data-id=\"bd984a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9a523a elementor-widget elementor-widget-text-editor\" data-id=\"e9a523a\" 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>This scholarship program is designed to support students who wish to study and conduct research on coral reef ecosystems.<\/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<div class=\"elementor-element elementor-element-0f6d544 e-con-full e-flex e-con e-child\" data-id=\"0f6d544\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ca70d5 elementor-widget elementor-widget-text-editor\" data-id=\"0ca70d5\" 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>Through this program, it is hoped that we will increase the number of experts in the field of marine science and protect our oceans based on scientific principles.<\/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<div class=\"elementor-element elementor-element-13ef082 e-con-full e-flex e-con e-child\" data-id=\"13ef082\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa533a elementor-widget elementor-widget-image\" data-id=\"0aa533a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-1024x576.jpg\" class=\"attachment-large size-large wp-image-514\" alt=\"\" srcset=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-1024x576.jpg 1024w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-300x169.jpg 300w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-768x432.jpg 768w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-1536x864.jpg 1536w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-2048x1152.jpg 2048w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/01\/DJI_20250720145826_0510_D-18x10.jpg 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\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-0b112d3 e-flex e-con-boxed e-con e-parent\" data-id=\"0b112d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a70e9f5 e-con-full e-flex e-con e-child\" data-id=\"a70e9f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a00cce4 elementor-widget elementor-widget-image\" data-id=\"a00cce4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"659\" height=\"413\" src=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-24-215346.png\" class=\"attachment-large size-large wp-image-2628\" alt=\"\" srcset=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-24-215346.png 659w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-24-215346-300x188.png 300w, https:\/\/marineconservation.id\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-24-215346-18x12.png 18w\" sizes=\"(max-width: 659px) 100vw, 659px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b94b3b4 e-con-full e-flex e-con e-child\" data-id=\"b94b3b4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7823a3e elementor-widget elementor-widget-text-editor\" data-id=\"7823a3e\" 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>All dives were funded by <a href=\"https:\/\/www.oceans5dive.com\/\">Oceans5 Dive Resort<\/a>. As a dive resort on Gili Air, Oceans5 is committed to supporting all marine research and activities on Gili Matra.<\/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-10cb7cc e-flex e-con-boxed e-con e-parent\" data-id=\"10cb7cc\" 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-8b7fee0 elementor-widget elementor-widget-spacer\" data-id=\"8b7fee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>Marine Conservation IndonesiaStudent ProgramMarine Conservation IndonesiaCoral Reef Monitoring ProgramMarine Conservation IndonesiaSea Turtle Monitoring Program https:\/\/youtu.be\/nOmjtk-dTg8 Jalapala Lestari Indonesia Foundation (Marine [&hellip;]<\/p>","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":"disabled","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-13","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.3 (Yoast SEO v24.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - marineconservation.id<\/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:\/\/marineconservation.id\/id\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home\" \/>\n<meta property=\"og:description\" content=\"Marine Conservation IndonesiaStudent ProgramMarine Conservation IndonesiaCoral Reef Monitoring ProgramMarine Conservation IndonesiaSea Turtle Monitoring Program https:\/\/youtu.be\/nOmjtk-dTg8 Jalapala Lestari Indonesia Foundation (Marine [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marineconservation.id\/id\/\" \/>\n<meta property=\"og:site_name\" content=\"marineconservation.id\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61572311944591\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-24T14:17:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"2304\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"8 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marineconservation.id\/\",\"url\":\"https:\/\/marineconservation.id\/\",\"name\":\"Home - marineconservation.id\",\"isPartOf\":{\"@id\":\"https:\/\/marineconservation.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marineconservation.id\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/marineconservation.id\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg\",\"datePublished\":\"2025-01-14T22:20:11+00:00\",\"dateModified\":\"2026-07-24T14:17:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/marineconservation.id\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marineconservation.id\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/marineconservation.id\/#primaryimage\",\"url\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg\",\"contentUrl\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/marineconservation.id\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/marineconservation.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marineconservation.id\/#website\",\"url\":\"https:\/\/marineconservation.id\/\",\"name\":\"marineconservation.id\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/marineconservation.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/marineconservation.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/marineconservation.id\/#organization\",\"name\":\"marineconservation.id\",\"url\":\"https:\/\/marineconservation.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png\",\"contentUrl\":\"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png\",\"width\":500,\"height\":500,\"caption\":\"marineconservation.id\"},\"image\":{\"@id\":\"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61572311944591\",\"https:\/\/www.instagram.com\/marineconservation.id\/\",\"https:\/\/www.youtube.com\/watch?v=nOmjtk-dTg8&list=LL\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Home - marineconservation.id","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:\/\/marineconservation.id\/id\/","og_locale":"id_ID","og_type":"article","og_title":"Home","og_description":"Marine Conservation IndonesiaStudent ProgramMarine Conservation IndonesiaCoral Reef Monitoring ProgramMarine Conservation IndonesiaSea Turtle Monitoring Program https:\/\/youtu.be\/nOmjtk-dTg8 Jalapala Lestari Indonesia Foundation (Marine [&hellip;]","og_url":"https:\/\/marineconservation.id\/id\/","og_site_name":"marineconservation.id","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61572311944591","article_modified_time":"2026-07-24T14:17:49+00:00","og_image":[{"width":2560,"height":2304,"url":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"8 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/marineconservation.id\/","url":"https:\/\/marineconservation.id\/","name":"Home - marineconservation.id","isPartOf":{"@id":"https:\/\/marineconservation.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/marineconservation.id\/#primaryimage"},"image":{"@id":"https:\/\/marineconservation.id\/#primaryimage"},"thumbnailUrl":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg","datePublished":"2025-01-14T22:20:11+00:00","dateModified":"2026-07-24T14:17:49+00:00","breadcrumb":{"@id":"https:\/\/marineconservation.id\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marineconservation.id\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/marineconservation.id\/#primaryimage","url":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg","contentUrl":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/01\/Coral-Nursery-24-Juni-2024-1024x922.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/marineconservation.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/marineconservation.id\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/marineconservation.id\/#website","url":"https:\/\/marineconservation.id\/","name":"marineconservation.id","description":"","publisher":{"@id":"https:\/\/marineconservation.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marineconservation.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/marineconservation.id\/#organization","name":"marineconservation.id","url":"https:\/\/marineconservation.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/","url":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png","contentUrl":"https:\/\/marineconservation.id\/wp-content\/uploads\/2025\/02\/Marine-Conservation-Indonesia.png","width":500,"height":500,"caption":"marineconservation.id"},"image":{"@id":"https:\/\/marineconservation.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61572311944591","https:\/\/www.instagram.com\/marineconservation.id\/","https:\/\/www.youtube.com\/watch?v=nOmjtk-dTg8&list=LL"]}]}},"_links":{"self":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":73,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":2632,"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/pages\/13\/revisions\/2632"}],"wp:attachment":[{"href":"https:\/\/marineconservation.id\/id\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}