{"id":1630,"date":"2025-09-22T15:22:27","date_gmt":"2025-09-22T15:22:27","guid":{"rendered":"https:\/\/alokanusa.id\/?page_id=1630"},"modified":"2025-10-20T15:59:54","modified_gmt":"2025-10-20T15:59:54","slug":"home","status":"publish","type":"page","link":"https:\/\/alokanusa.id\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1630\" class=\"elementor elementor-1630\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68dc95f hero-leaves e-flex e-con-boxed e-con e-parent\" data-id=\"68dc95f\" 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\t\t<div class=\"elementor-element elementor-element-ed13ee4 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ed13ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" 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\">Alokanusa<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0592c2b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"0592c2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Dari Nusantara untuk Dunia<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d7f21c e-con-full e-flex e-con e-child\" data-id=\"5d7f21c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1821233 e-con-full e-flex e-con e-child\" data-id=\"1821233\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8435c78 elementor-align-center e-transform elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8435c78\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-2,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alokanusa.id\/en\/database-biodiversitas\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore the Database<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a449c3 e-con-full e-flex e-con e-child\" data-id=\"5a449c3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf0946 elementor-align-center e-transform elementor-invisible elementor-widget elementor-widget-button\" data-id=\"6cf0946\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300,&quot;_transform_translateY_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-2,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/alokanusa.id\/en\/visi-misi\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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<\/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-d1d8f47 e-flex e-con-boxed e-con e-parent\" data-id=\"d1d8f47\" 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\t\t<div class=\"elementor-element elementor-element-efe11d3 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"efe11d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"homepage-stats-container\">\r\n        <div class=\"homepage-stats-grid\">\r\n            <div class=\"homepage-stat-card stat-species\">\r\n                <div class=\"stat-icon-circle\">\r\n                    <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/>\r\n                        <path d=\"M12 6v6l4 2\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"stat-number\">13<\/h3>\r\n                <p class=\"stat-label\">Jumlah Spesies<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"homepage-stat-card stat-penelitian\">\r\n                <div class=\"stat-icon-circle\">\r\n                    <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                        <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"stat-number\">4<\/h3>\r\n                <p class=\"stat-label\">Total Penelitian<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"homepage-stat-card stat-peneliti\">\r\n                <div class=\"stat-icon-circle\">\r\n                    <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n                        <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n                        <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n                        <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"stat-number\">20<\/h3>\r\n                <p class=\"stat-label\">Peneliti<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"homepage-stat-card stat-bidang\">\r\n                <div class=\"stat-icon-circle\">\r\n                    <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/>\r\n                        <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                <h3 class=\"stat-number\">3<\/h3>\r\n                <p class=\"stat-label\">Bidang Penelitian<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/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-72d55ab e-flex e-con-boxed e-con e-parent\" data-id=\"72d55ab\" 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\t\t<div class=\"elementor-element elementor-element-4be8f97 elementor-widget elementor-widget-shortcode\" data-id=\"4be8f97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"db-search-section penelitian-search\">\r\n        <div class=\"db-search-container\">\r\n            <div class=\"db-search-header\">\r\n                <svg class=\"db-search-icon\" width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                <\/svg>\r\n                <h3 class=\"db-search-title\">Database Penelitian<\/h3>\r\n                <p class=\"db-search-subtitle\">Cari penelitian berdasarkan judul, penulis, atau jurnal<\/p>\r\n            <\/div>\r\n            \r\n            <form role=\"search\" method=\"get\" class=\"db-search-form\" action=\"https:\/\/alokanusa.id\/en\/database-penelitian\/\" data-trp-original-action=\"https:\/\/alokanusa.id\/en\/database-penelitian\/\">\r\n                <div class=\"db-search-wrapper\">\r\n                    <svg class=\"search-input-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                        <path d=\"m21 21-4.35-4.35\"\/>\r\n                    <\/svg>\r\n                    <input type=\"search\" class=\"db-search-input\" placeholder=\"Cari judul, penulis, atau jurnal...\" name=\"search_keyword\" aria-label=\"Pencarian penelitian\" \/>\r\n                    <select  name='bidang' id='bidang' class='db-filter-dropdown'>\n\t<option value='0' selected='selected'>Semua Bidang Penelitian<\/option>\n\t<option class=\"level-0\" value=\"zoologi\">Zoologi<\/option>\n\t<option class=\"level-0\" value=\"botani\">Botani<\/option>\n\t<option class=\"level-0\" value=\"mikrobiologi\">Mikrobiologi<\/option>\n\t<option class=\"level-0\" value=\"molekuler\">Molekuler<\/option>\n\t<option class=\"level-0\" value=\"taksonomi\">Taksonomi<\/option>\n\t<option class=\"level-0\" value=\"ekologi-tumbuhan\">Ekologi Tumbuhan<\/option>\n\t<option class=\"level-0\" value=\"ekologi-perairan\">Ekologi Perairan<\/option>\n<\/select>\n<select  name='tahun' id='tahun' class='db-filter-dropdown'>\n\t<option value='0' selected='selected'>Semua Tahun<\/option>\n\t<option class=\"level-0\" value=\"2024\">2024<\/option>\n\t<option class=\"level-0\" value=\"2022\">2022<\/option>\n\t<option class=\"level-0\" value=\"2016\">2016<\/option>\n\t<option class=\"level-0\" value=\"2004\">2004<\/option>\n<\/select>\n                    <button type=\"submit\" class=\"db-search-button penelitian-btn\">\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"20 6 9 17 4 12\"\/>\r\n                        <\/svg>\r\n                        <span>FILTER<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n        <\/div>\r\n    <\/div>\r\n    \n        <div class=\"db-search-section biodiversitas-search\">\r\n        <div class=\"db-search-container\">\r\n            <div class=\"db-search-header\">\r\n                <svg class=\"db-search-icon\" width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/>\r\n                    <path d=\"M12 6v6l4 2\"\/>\r\n                <\/svg>\r\n                <h3 class=\"db-search-title\">Database Biodiversitas<\/h3>\r\n                <p class=\"db-search-subtitle\">Cari spesies berdasarkan nama ilmiah atau nama umum<\/p>\r\n            <\/div>\r\n            \r\n            <form role=\"search\" method=\"get\" class=\"db-search-form\" action=\"https:\/\/alokanusa.id\/en\/database-biodiversitas\/\" data-trp-original-action=\"https:\/\/alokanusa.id\/en\/database-biodiversitas\/\">\r\n                <div class=\"db-search-wrapper\">\r\n                    <svg class=\"search-input-icon\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\r\n                        <path d=\"m21 21-4.35-4.35\"\/>\r\n                    <\/svg>\r\n                    <input type=\"search\" class=\"db-search-input\" placeholder=\"Cari spesies (nama ilmiah atau nama umum)...\" name=\"search_bio\" aria-label=\"Pencarian biodiversitas\" \/>\r\n                    <select  name='kategori' id='kategori' class='db-filter-dropdown'>\n\t<option value='0' selected='selected'>Semua Kategori<\/option>\n\t<option class=\"level-0\" value=\"flora\">Flora<\/option>\n\t<option class=\"level-0\" value=\"fauna\">Fauna<\/option>\n<\/select>\n<select  name='status' id='status' class='db-filter-dropdown'>\n\t<option value='0' selected='selected'>Semua Status Konservasi<\/option>\n\t<option class=\"level-0\" value=\"rentan\">Rentan<\/option>\n\t<option class=\"level-0\" value=\"least-concern\">Least Concern<\/option>\n\t<option class=\"level-0\" value=\"tidak-dilindungi\">Tidak Dilindungi<\/option>\n<\/select>\n                    <button type=\"submit\" class=\"db-search-button biodiversitas-btn\">\r\n                        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"20 6 9 17 4 12\"\/>\r\n                        <\/svg>\r\n                        <span>FILTER<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n        <\/div>\r\n    <\/div>\r\n    <\/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-75d859d e-flex e-con-boxed e-con e-parent\" data-id=\"75d859d\" 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-451a6e8 elementor-widget elementor-widget-shortcode\" data-id=\"451a6e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"homepage-peta-section\">\r\n        <!-- Header - TANPA ICON LOKASI -->\r\n        <div class=\"peta-hp-header\">\r\n            <div class=\"header-content\">\r\n                <div>\r\n                    <h2 class=\"peta-hp-title\">Peta Persebaran Penelitian<\/h2>\r\n                    <p class=\"peta-hp-subtitle\">Jelajahi persebaran penelitian di seluruh Indonesia<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Stats Bar -->\r\n        <div class=\"peta-hp-stats\">\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">4<\/span>\r\n                <span class=\"stat-label\">Total Penelitian<\/span>\r\n            <\/div>\r\n            <div class=\"stat-divider\"><\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">2<\/span>\r\n                <span class=\"stat-label\">Lokasi<\/span>\r\n            <\/div>\r\n            <div class=\"stat-divider\"><\/div>\r\n            <div class=\"stat-item\">\r\n                <span class=\"stat-number\">1<\/span>\r\n                <span class=\"stat-label\">Provinsi<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Map Container -->\r\n        <div class=\"peta-hp-wrapper\">\r\n            <div id=\"homepage-peta-map-6a06fdf20a5d5\" class=\"homepage-peta-map\" style=\"height: 500px;\"><\/div>\r\n            \r\n            <!-- Loading Overlay -->\r\n            <div id=\"homepage-peta-map-6a06fdf20a5d5-loading\" class=\"map-loading\">\r\n                <div class=\"loading-spinner\"><\/div>\r\n                <p>Memuat peta...<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Legend -->\r\n        <div class=\"peta-hp-legend\">\r\n            <h4>Legenda:<\/h4>\r\n            <div class=\"legend-items\">\r\n                <div class=\"legend-item\">\r\n                    <span class=\"legend-marker marker-high\"><\/span>\r\n                    <span>10+ Penelitian<\/span>\r\n                <\/div>\r\n                <div class=\"legend-item\">\r\n                    <span class=\"legend-marker marker-medium\"><\/span>\r\n                    <span>5-9 Penelitian<\/span>\r\n                <\/div>\r\n                <div class=\"legend-item\">\r\n                    <span class=\"legend-marker marker-low\"><\/span>\r\n                    <span>1-4 Penelitian<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- View Full Map Button -->\r\n        <div class=\"peta-hp-footer\">\r\n            <a href=\"https:\/\/alokanusa.id\/en\/peta-penelitian\/\" class=\"btn-view-full-map\">\r\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M1 6v6h6\"\/>\r\n                    <path d=\"M23 18v-6h-6\"\/>\r\n                    <path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/>\r\n                <\/svg>\r\n                Buka Peta Interaktif Lengkap\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Initialize Map Script - INLINE -->\r\n    <script>\r\n    (function() {\r\n        console.log('\ud83d\uddfa\ufe0f Starting homepage map initialization...');\r\n        \r\n        var mapId = 'homepage-peta-map-6a06fdf20a5d5';\r\n        var petaData = [{\"lokasi\":\"Kabupaten Bandung\",\"provinsi\":\"Jawa Barat\",\"lat\":-6.892742006474471,\"lng\":107.7452264415484,\"penelitian\":[{\"id\":1990,\"title\":\"Keanekaragaman Jenis Burung di Kawasan Wisata Batu Kuda, Kabupaten Bandung\",\"penulis\":\"Kharisma Nurinsani Maulidinda, Eneng Nunuz Rohmatullayaly\",\"bidang\":\"Zoologi\",\"link\":\"https:\\\/\\\/alokanusa.id\\\/en\\\/penelitian\\\/keanekaragaman-jenis-burung-di-kawasan-wisata-batu-kuda-kabupaten-bandung\\\/\"}],\"count\":1},{\"lokasi\":\"Kota Bandung\",\"provinsi\":\"Jawa Barat\",\"lat\":-6.944568724256495,\"lng\":107.58385987612986,\"penelitian\":[{\"id\":1887,\"title\":\"Keanekaragaman dan Kekerabatan Kultivar Bawang Merah Di Jawa Barat\",\"penulis\":\"Budi Irawan, Joko Kusmoro, Zaenal Arifin\",\"bidang\":\"Botani\",\"link\":\"https:\\\/\\\/alokanusa.id\\\/en\\\/penelitian\\\/keanekaragaman-dan-kekerabatan-kultivar-bawang-merah-di-jawa-barat\\\/\"}],\"count\":1}];\r\n        \r\n        console.log('\ud83d\udccd Map ID:', mapId);\r\n        console.log('\ud83d\udcca Locations data:', petaData.length, 'locations');\r\n        \r\n        \/\/ Wait for everything to load\r\n        function initMap() {\r\n            console.log('\ud83d\udd04 Checking dependencies...');\r\n            \r\n            \/\/ Check if Leaflet is loaded\r\n            if (typeof L === 'undefined') {\r\n                console.error('\u274c Leaflet not loaded!');\r\n                document.getElementById(mapId + '-loading').innerHTML = \r\n                    '<p style=\"color: #e74c3c; font-weight: bold;\">Error: Map library not loaded<\/p>';\r\n                return;\r\n            }\r\n            \r\n            console.log('\u2705 Leaflet loaded');\r\n            \r\n            var mapElement = document.getElementById(mapId);\r\n            if (!mapElement) {\r\n                console.error('\u274c Map element not found:', mapId);\r\n                return;\r\n            }\r\n            \r\n            console.log('\u2705 Map element found');\r\n            \r\n            try {\r\n                \/\/ Initialize map\r\n                console.log('\ud83d\uddfa\ufe0f Creating map...');\r\n                var map = L.map(mapId, {\r\n                    center: [-2.5489, 118.0149],\r\n                    zoom: 5,\r\n                    scrollWheelZoom: true\r\n                });\r\n                \r\n                console.log('\u2705 Map created');\r\n                \r\n                \/\/ Add tile layer\r\n                L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\r\n                    attribution: '\u00a9 OpenStreetMap',\r\n                    maxZoom: 18,\r\n                    minZoom: 4\r\n                }).addTo(map);\r\n                \r\n                console.log('\u2705 Tile layer added');\r\n                \r\n                \/\/ Create markers\r\n                if (petaData && petaData.length > 0) {\r\n                    console.log('\ud83d\udccd Creating', petaData.length, 'markers...');\r\n                    \r\n                    petaData.forEach(function(location, index) {\r\n                        var count = location.count || 0;\r\n                        var markerClass = 'marker-low';\r\n                        \r\n                        if (count >= 10) {\r\n                            markerClass = 'marker-high';\r\n                        } else if (count >= 5) {\r\n                            markerClass = 'marker-medium';\r\n                        }\r\n                        \r\n                        var icon = L.divIcon({\r\n                            className: 'custom-marker ' + markerClass,\r\n                            html: '<span>' + count + '<\/span>',\r\n                            iconSize: [40, 40],\r\n                            iconAnchor: [20, 20]\r\n                        });\r\n                        \r\n                        var marker = L.marker([location.lat, location.lng], {\r\n                            icon: icon,\r\n                            title: location.lokasi\r\n                        });\r\n                        \r\n                        \/\/ Create popup\r\n                        var popupContent = '<div class=\"popup-header\">';\r\n                        popupContent += '<h4 class=\"popup-location\">' + location.lokasi + '<\/h4>';\r\n                        if (location.provinsi) {\r\n                            popupContent += '<p class=\"popup-count\">' + location.provinsi + '<\/p>';\r\n                        }\r\n                        popupContent += '<p class=\"popup-count\">' + count + ' penelitian<\/p>';\r\n                        popupContent += '<\/div>';\r\n                        \r\n                        if (location.penelitian && location.penelitian.length > 0) {\r\n                            popupContent += '<div class=\"popup-penelitian-list\">';\r\n                            var displayCount = Math.min(location.penelitian.length, 3);\r\n                            \r\n                            for (var i = 0; i < displayCount; i++) {\r\n                                var p = location.penelitian[i];\r\n                                popupContent += '<div class=\"popup-penelitian-item\">';\r\n                                popupContent += '<a href=\"' + p.link + '\">' + p.title + '<\/a>';\r\n                                if (p.penulis) {\r\n                                    popupContent += '<div class=\"popup-penelitian-meta\">' + p.penulis + '<\/div>';\r\n                                }\r\n                                popupContent += '<\/div>';\r\n                            }\r\n                            \r\n                            if (location.penelitian.length > 3) {\r\n                                popupContent += '<p style=\"text-align:center;margin:5px 0 0;font-size:0.8em;color:#7f8c8d;\">+' + (location.penelitian.length - 3) + ' lainnya<\/p>';\r\n                            }\r\n                            popupContent += '<\/div>';\r\n                        }\r\n                        \r\n                        marker.bindPopup(popupContent, {\r\n                            maxWidth: 280\r\n                        });\r\n                        \r\n                        marker.addTo(map);\r\n                    });\r\n                    \r\n                    console.log('\u2705 All markers created');\r\n                }\r\n                \r\n                \/\/ Hide loading\r\n                setTimeout(function() {\r\n                    var loadingEl = document.getElementById(mapId + '-loading');\r\n                    if (loadingEl) {\r\n                        loadingEl.classList.add('hidden');\r\n                        console.log('\u2705 Map fully loaded!');\r\n                    }\r\n                }, 500);\r\n                \r\n                \/\/ Force map to refresh\r\n                setTimeout(function() {\r\n                    map.invalidateSize();\r\n                }, 100);\r\n                \r\n            } catch (error) {\r\n                console.error('\u274c Error initializing map:', error);\r\n                document.getElementById(mapId + '-loading').innerHTML = \r\n                    '<p style=\"color: #e74c3c;\">Error loading map. Please refresh the page.<\/p>';\r\n            }\r\n        }\r\n        \r\n        \/\/ Wait for Leaflet to be fully loaded\r\n        if (document.readyState === 'loading') {\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                setTimeout(initMap, 500);\r\n            });\r\n        } else {\r\n            setTimeout(initMap, 500);\r\n        }\r\n    })();\r\n    <\/script>\r\n    <\/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-a157309 e-con-full e-flex e-con e-parent\" data-id=\"a157309\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1af774f elementor-widget elementor-widget-shortcode\" data-id=\"1af774f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"penelitian-carousel-section\">\r\n        <div class=\"carousel-header\">\r\n            <h2 class=\"carousel-title\">Penelitian Terbaru<\/h2>\r\n            <p class=\"carousel-subtitle\">Temukan penelitian-penelitian terkini dari para peneliti<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"penelitian-carousel-container\">\r\n            <button class=\"carousel-btn carousel-btn-prev\" aria-label=\"Previous\"><\/button>\r\n            \r\n            <div class=\"penelitian-carousel-wrapper\">\r\n                <div class=\"penelitian-carousel-track\">\r\n                                        <div class=\"carousel-card\">\r\n                        <div class=\"carousel-card-header\">\r\n                                                            <span class=\"carousel-year-badge\">2022<\/span>\r\n                                                        \r\n                                                            <span class=\"carousel-bidang-badge\">Ekologi Perairan<\/span>\r\n                                                    <\/div>\r\n                        \r\n                        <h3 class=\"carousel-card-title\">Periphytic Algal Succession with Temperature and Light Treatments<\/h3>\r\n                        \r\n                        <div class=\"carousel-card-meta\">\r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                                <\/svg>\r\n                                <span>Aurel Satyaning Ati &amp; Tri Dewi Kusumaningrum Pribadi<\/span>\r\n                            <\/div>\r\n                                                        \r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                                <\/svg>\r\n                                <span>Ecology Environment and Conservation<\/span>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                        \r\n                                                <p class=\"carousel-card-excerpt\">\r\n                            Periphytic algae are part of algal periphyton that are important in the microorganism community in the aquatic systems as they...                        <\/p>\r\n                                                \r\n                        <!-- DUA TOMBOL CAROUSEL -->\r\n                        <div class=\"carousel-card-actions\">\r\n                            <!-- TOMBOL 1: Lihat Detail -->\r\n                            <a href=\"https:\/\/alokanusa.id\/en\/penelitian\/rusdi-hasan-m-si-ph-d\/\" class=\"carousel-btn-action carousel-btn-detail\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/>\r\n                                    <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n                                <\/svg>\r\n                                <span>Detail<\/span>\r\n                            <\/a>\r\n                            \r\n                            <!-- TOMBOL 2: Lihat Publikasi -->\r\n                                                            <a href=\"http:\/\/doi.org\/10.53550\/EEC.2022.v28i04.002\" \r\n                                   class=\"carousel-btn-action carousel-btn-publikasi\" \r\n                                   target=\"_blank\" \r\n                                   rel=\"noopener noreferrer\">\r\n                                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <path d=\"M7 7h10v10\"\/>\r\n                                        <path d=\"M7 17 17 7\"\/>\r\n                                    <\/svg>\r\n                                    <span>Publikasi<\/span>\r\n                                <\/a>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"carousel-card\">\r\n                        <div class=\"carousel-card-header\">\r\n                                                            <span class=\"carousel-year-badge\">2022<\/span>\r\n                                                        \r\n                                                            <span class=\"carousel-bidang-badge\">Zoologi<\/span>\r\n                                                    <\/div>\r\n                        \r\n                        <h3 class=\"carousel-card-title\">Keanekaragaman Jenis Burung di Kawasan Wisata Batu Kuda, Kabupaten Bandung<\/h3>\r\n                        \r\n                        <div class=\"carousel-card-meta\">\r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                                <\/svg>\r\n                                <span>Kharisma Nurinsani Maulidinda, Eneng Nunuz Rohmatullayaly<\/span>\r\n                            <\/div>\r\n                                                        \r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                                <\/svg>\r\n                                <span>Jurnal Biotika<\/span>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                        \r\n                                                <p class=\"carousel-card-excerpt\">\r\n                            Burung merupakan salah satu hewan penting dalam suatu ekosistem yang berperan sebagai spesies kunci, pollinator, dan agen penyebar biji sehingga...                        <\/p>\r\n                                                \r\n                        <!-- DUA TOMBOL CAROUSEL -->\r\n                        <div class=\"carousel-card-actions\">\r\n                            <!-- TOMBOL 1: Lihat Detail -->\r\n                            <a href=\"https:\/\/alokanusa.id\/en\/penelitian\/keanekaragaman-jenis-burung-di-kawasan-wisata-batu-kuda-kabupaten-bandung\/\" class=\"carousel-btn-action carousel-btn-detail\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/>\r\n                                    <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n                                <\/svg>\r\n                                <span>Detail<\/span>\r\n                            <\/a>\r\n                            \r\n                            <!-- TOMBOL 2: Lihat Publikasi -->\r\n                                                            <a href=\"https:\/\/doi.org\/10.24198\/biotika.v20i2.41657\" \r\n                                   class=\"carousel-btn-action carousel-btn-publikasi\" \r\n                                   target=\"_blank\" \r\n                                   rel=\"noopener noreferrer\">\r\n                                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <path d=\"M7 7h10v10\"\/>\r\n                                        <path d=\"M7 17 17 7\"\/>\r\n                                    <\/svg>\r\n                                    <span>Publikasi<\/span>\r\n                                <\/a>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"carousel-card\">\r\n                        <div class=\"carousel-card-header\">\r\n                                                            <span class=\"carousel-year-badge\">2004<\/span>\r\n                                                        \r\n                                                            <span class=\"carousel-bidang-badge\">Botani<\/span>\r\n                                                    <\/div>\r\n                        \r\n                        <h3 class=\"carousel-card-title\">Keanekaragaman dan Kekerabatan Kultivar Bawang Merah Di Jawa Barat<\/h3>\r\n                        \r\n                        <div class=\"carousel-card-meta\">\r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                                <\/svg>\r\n                                <span>Budi Irawan, Joko Kusmoro, Zaenal Arifin<\/span>\r\n                            <\/div>\r\n                                                        \r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                                <\/svg>\r\n                                <span>Jurnal Biotika<\/span>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                        \r\n                                                <p class=\"carousel-card-excerpt\">\r\n                            Taxonomic study of Allium cepa L. (Amaryllidaceae) in West Java had been conducted based on morphological and anatomical characters. Eight...                        <\/p>\r\n                                                \r\n                        <!-- DUA TOMBOL CAROUSEL -->\r\n                        <div class=\"carousel-card-actions\">\r\n                            <!-- TOMBOL 1: Lihat Detail -->\r\n                            <a href=\"https:\/\/alokanusa.id\/en\/penelitian\/keanekaragaman-dan-kekerabatan-kultivar-bawang-merah-di-jawa-barat\/\" class=\"carousel-btn-action carousel-btn-detail\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/>\r\n                                    <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n                                <\/svg>\r\n                                <span>Detail<\/span>\r\n                            <\/a>\r\n                            \r\n                            <!-- TOMBOL 2: Lihat Publikasi -->\r\n                                                            <a href=\"https:\/\/doi.org\/10.24198\/bjib.v3i2.279\" \r\n                                   class=\"carousel-btn-action carousel-btn-publikasi\" \r\n                                   target=\"_blank\" \r\n                                   rel=\"noopener noreferrer\">\r\n                                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <path d=\"M7 7h10v10\"\/>\r\n                                        <path d=\"M7 17 17 7\"\/>\r\n                                    <\/svg>\r\n                                    <span>Publikasi<\/span>\r\n                                <\/a>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"carousel-card\">\r\n                        <div class=\"carousel-card-header\">\r\n                                                            <span class=\"carousel-year-badge\">2016<\/span>\r\n                                                        \r\n                                                            <span class=\"carousel-bidang-badge\">Zoologi<\/span>\r\n                                                    <\/div>\r\n                        \r\n                        <h3 class=\"carousel-card-title\">Response to heat stress of brittlestar [Ophiocoma erinaceus (M\u00fcller &amp; Troschel, 1842)]: Behaviour and respiration<\/h3>\r\n                        \r\n                        <div class=\"carousel-card-meta\">\r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\r\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n                                <\/svg>\r\n                                <span>Dr.rer.nat. Tri Dewi K. Pribadi<\/span>\r\n                            <\/div>\r\n                                                        \r\n                                                        <div class=\"carousel-meta-item\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n                                    <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n                                <\/svg>\r\n                                <span>AIP Conf. Proc.<\/span>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                        \r\n                                                <p class=\"carousel-card-excerpt\">\r\n                            Tide pools are considered as a harsh ecosystem in which many natural threats to living organisms are living, including extreme...                        <\/p>\r\n                                                \r\n                        <!-- DUA TOMBOL CAROUSEL -->\r\n                        <div class=\"carousel-card-actions\">\r\n                            <!-- TOMBOL 1: Lihat Detail -->\r\n                            <a href=\"https:\/\/alokanusa.id\/en\/penelitian\/rusdi-hasan-m-si-ph-d-2\/\" class=\"carousel-btn-action carousel-btn-detail\">\r\n                                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                    <path d=\"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z\"\/>\r\n                                    <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/>\r\n                                <\/svg>\r\n                                <span>Detail<\/span>\r\n                            <\/a>\r\n                            \r\n                            <!-- TOMBOL 2: Lihat Publikasi -->\r\n                                                            <a href=\"https:\/\/doi.org\/10.1063\/1.4953532\" \r\n                                   class=\"carousel-btn-action carousel-btn-publikasi\" \r\n                                   target=\"_blank\" \r\n                                   rel=\"noopener noreferrer\">\r\n                                    <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                                        <path d=\"M7 7h10v10\"\/>\r\n                                        <path d=\"M7 17 17 7\"\/>\r\n                                    <\/svg>\r\n                                    <span>Publikasi<\/span>\r\n                                <\/a>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            \r\n            <button class=\"carousel-btn carousel-btn-next\" aria-label=\"Next\"><\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"carousel-dots\"><\/div>\r\n        \r\n        <div class=\"carousel-view-all\">\r\n            <a href=\"https:\/\/alokanusa.id\/en\/database-penelitian\/\" class=\"view-all-btn\">\r\n                Lihat Semua Penelitian\r\n                <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                    <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                <\/svg>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <script>\r\n    (function() {\r\n        const carousel = document.querySelector('.penelitian-carousel-track');\r\n        if (!carousel) return;\r\n        \r\n        const originalCards = Array.from(carousel.querySelectorAll('.carousel-card'));\r\n        const prevBtn = document.querySelector('.carousel-btn-prev');\r\n        const nextBtn = document.querySelector('.carousel-btn-next');\r\n        const dotsContainer = document.querySelector('.carousel-dots');\r\n        \r\n        let currentIndex = 0;\r\n        let cardsPerView = 3;\r\n        let autoplayInterval;\r\n        let cards = [];\r\n        \r\n        function updateCardsPerView() {\r\n            if (window.innerWidth < 768) {\r\n                cardsPerView = 1;\r\n            } else if (window.innerWidth < 1024) {\r\n                cardsPerView = 2;\r\n            } else {\r\n                cardsPerView = 3;\r\n            }\r\n        }\r\n        \r\n        function cloneCards() {\r\n            carousel.innerHTML = '';\r\n            \r\n            originalCards.forEach(card => {\r\n                carousel.appendChild(card.cloneNode(true));\r\n            });\r\n            \r\n            while (carousel.children.length < cardsPerView * 2) {\r\n                originalCards.forEach(card => {\r\n                    carousel.appendChild(card.cloneNode(true));\r\n                });\r\n            }\r\n            \r\n            cards = Array.from(carousel.querySelectorAll('.carousel-card'));\r\n        }\r\n        \r\n        function createDots() {\r\n            dotsContainer.innerHTML = '';\r\n            const totalDots = originalCards.length;\r\n            \r\n            for (let i = 0; i < totalDots; i++) {\r\n                const dot = document.createElement('button');\r\n                dot.classList.add('carousel-dot');\r\n                dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\r\n                if (i === 0) dot.classList.add('active');\r\n                \r\n                dot.addEventListener('click', () => {\r\n                    currentIndex = i;\r\n                    updateCarousel();\r\n                });\r\n                \r\n                dotsContainer.appendChild(dot);\r\n            }\r\n        }\r\n        \r\n        function updateCarousel() {\r\n            const cardWidth = cards[0].offsetWidth;\r\n            const gap = 30;\r\n            const offset = -(currentIndex * (cardWidth + gap));\r\n            \r\n            carousel.style.transition = 'transform 0.5s ease';\r\n            carousel.style.transform = 'translateX(' + offset + 'px)';\r\n            \r\n            const dots = dotsContainer.querySelectorAll('.carousel-dot');\r\n            const activeDotIndex = currentIndex % originalCards.length;\r\n            dots.forEach((dot, index) => {\r\n                dot.classList.toggle('active', index === activeDotIndex);\r\n            });\r\n        }\r\n        \r\n        function nextSlide() {\r\n            currentIndex++;\r\n            updateCarousel();\r\n            \r\n            if (currentIndex >= originalCards.length) {\r\n                setTimeout(() => {\r\n                    carousel.style.transition = 'none';\r\n                    currentIndex = 0;\r\n                    carousel.style.transform = 'translateX(0px)';\r\n                    \r\n                    setTimeout(() => {\r\n                        carousel.style.transition = 'transform 0.5s ease';\r\n                    }, 50);\r\n                }, 500);\r\n            }\r\n        }\r\n        \r\n        function prevSlide() {\r\n            if (currentIndex === 0) {\r\n                carousel.style.transition = 'none';\r\n                currentIndex = originalCards.length;\r\n                const cardWidth = cards[0].offsetWidth;\r\n                const gap = 30;\r\n                carousel.style.transform = 'translateX(' + (-(currentIndex * (cardWidth + gap))) + 'px)';\r\n                \r\n                setTimeout(() => {\r\n                    carousel.style.transition = 'transform 0.5s ease';\r\n                    currentIndex--;\r\n                    updateCarousel();\r\n                }, 50);\r\n            } else {\r\n                currentIndex--;\r\n                updateCarousel();\r\n            }\r\n        }\r\n        \r\n        function startAutoplay() {\r\n            autoplayInterval = setInterval(() => {\r\n                nextSlide();\r\n            }, 5000);\r\n        }\r\n        \r\n        function stopAutoplay() {\r\n            clearInterval(autoplayInterval);\r\n        }\r\n        \r\n        prevBtn.addEventListener('click', () => {\r\n            prevSlide();\r\n            stopAutoplay();\r\n            startAutoplay();\r\n        });\r\n        \r\n        nextBtn.addEventListener('click', () => {\r\n            nextSlide();\r\n            stopAutoplay();\r\n            startAutoplay();\r\n        });\r\n        \r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n        \r\n        carousel.addEventListener('touchstart', (e) => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n            stopAutoplay();\r\n        });\r\n        \r\n        carousel.addEventListener('touchend', (e) => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            if (touchEndX < touchStartX - 50) {\r\n                nextSlide();\r\n            }\r\n            if (touchEndX > touchStartX + 50) {\r\n                prevSlide();\r\n            }\r\n            startAutoplay();\r\n        });\r\n        \r\n        carousel.addEventListener('mouseenter', stopAutoplay);\r\n        carousel.addEventListener('mouseleave', startAutoplay);\r\n        \r\n        updateCardsPerView();\r\n        cloneCards();\r\n        createDots();\r\n        updateCarousel();\r\n        startAutoplay();\r\n        \r\n        let resizeTimer;\r\n        window.addEventListener('resize', () => {\r\n            clearTimeout(resizeTimer);\r\n            resizeTimer = setTimeout(() => {\r\n                updateCardsPerView();\r\n                cloneCards();\r\n                currentIndex = 0;\r\n                createDots();\r\n                updateCarousel();\r\n            }, 250);\r\n        });\r\n    })();\r\n    <\/script>\r\n    <\/div>\n\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-415a146 e-con-full e-flex e-con e-parent\" data-id=\"415a146\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a7fe9d elementor-widget elementor-widget-shortcode\" data-id=\"6a7fe9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"biodiversitas-terbaru-section\">\r\n        <div class=\"biodiversitas-terbaru-header\">\r\n            <div class=\"header-content\">\r\n                <svg class=\"header-icon\" width=\"48\" height=\"48\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/>\r\n                    <path d=\"M12 6v6l4 2\"\/>\r\n                <\/svg>\r\n                <div>\r\n                    <h2 class=\"biodiversitas-terbaru-title\">Spesies Terbaru<\/h2>\r\n                    <p class=\"biodiversitas-terbaru-subtitle\">Temukan spesies-spesies yang baru saja ditambahkan ke database<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"biodiversitas-terbaru-container\">\r\n            <div class=\"biodiversitas-terbaru-table-wrapper\">\r\n                <table class=\"biodiversitas-terbaru-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Nama Ilmiah<\/th>\r\n                            <th>Nama Umum<\/th>\r\n                            <th>Habitat<\/th>\r\n                            <th>Status Konservasi<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                                                <tr>\r\n                            <td data-label=\"Nama Ilmiah\">\r\n                                <em class=\"nama-ilmiah\">Collocalia maxima<\/em>\r\n                            <\/td>\r\n                            <td data-label=\"Nama Umum\">\r\n                                <span class=\"nama-umum\">Walet Sarang-Hitam<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Habitat\">\r\n                                <span class=\"habitat-text\">Wisata Batu Kuda, Kabupaten Bandung<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Status Konservasi\">\r\n                                <span class=\"status-badge status-stable\">\r\n                                    Least Concern                                <\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n                                                <tr>\r\n                            <td data-label=\"Nama Ilmiah\">\r\n                                <em class=\"nama-ilmiah\">Streptopelia chinensis<\/em>\r\n                            <\/td>\r\n                            <td data-label=\"Nama Umum\">\r\n                                <span class=\"nama-umum\">Tekukur Biasa<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Habitat\">\r\n                                <span class=\"habitat-text\">Wisata Batu Kuda, Kabupaten Bandung<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Status Konservasi\">\r\n                                <span class=\"status-badge status-stable\">\r\n                                    Least Concern                                <\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n                                                <tr>\r\n                            <td data-label=\"Nama Ilmiah\">\r\n                                <em class=\"nama-ilmiah\">Dicurus leucophaeus<\/em>\r\n                            <\/td>\r\n                            <td data-label=\"Nama Umum\">\r\n                                <span class=\"nama-umum\">Srigunsting Kelabu<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Habitat\">\r\n                                <span class=\"habitat-text\">Wisata Batu Kuda, Kabupaten Bandung<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Status Konservasi\">\r\n                                <span class=\"status-badge status-stable\">\r\n                                    Least Concern                                <\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n                                                <tr>\r\n                            <td data-label=\"Nama Ilmiah\">\r\n                                <em class=\"nama-ilmiah\">Prinia familiaris<\/em>\r\n                            <\/td>\r\n                            <td data-label=\"Nama Umum\">\r\n                                <span class=\"nama-umum\">Perenjak Jawa<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Habitat\">\r\n                                <span class=\"habitat-text\">Wisata Batu Kuda, Kabupaten Bandung<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Status Konservasi\">\r\n                                <span class=\"status-badge status-stable\">\r\n                                    Least Concern                                <\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n                                                <tr>\r\n                            <td data-label=\"Nama Ilmiah\">\r\n                                <em class=\"nama-ilmiah\">Geopelia striata<\/em>\r\n                            <\/td>\r\n                            <td data-label=\"Nama Umum\">\r\n                                <span class=\"nama-umum\">Perkutut Jawa<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Habitat\">\r\n                                <span class=\"habitat-text\">Wisata Batu Kuda, Kabupaten Bandung<\/span>\r\n                            <\/td>\r\n                            <td data-label=\"Status Konservasi\">\r\n                                <span class=\"status-badge status-stable\">\r\n                                    Least Concern                                <\/span>\r\n                            <\/td>\r\n                        <\/tr>\r\n                                            <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n            \r\n            <div class=\"biodiversitas-terbaru-footer\">\r\n                <a href=\"https:\/\/alokanusa.id\/en\/database-biodiversitas\/\" class=\"view-all-biodiversitas-btn\">\r\n                    Lihat Semua Spesies\r\n                    <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/div>\n\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-0d952e6 e-flex e-con-boxed e-con e-parent\" data-id=\"0d952e6\" 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\t\t<div class=\"elementor-element elementor-element-53e1b8c elementor-widget elementor-widget-shortcode\" data-id=\"53e1b8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"homepage-charts-section\">\r\n        <!-- Header -->\r\n        <div class=\"charts-header\">\r\n            <h2 class=\"charts-title\">Statistik Penelitian<\/h2>\r\n            <p class=\"charts-subtitle\">Visualisasi data penelitian berdasarkan tahun dan bidang kajian<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Charts Container -->\r\n        <div class=\"charts-container\">\r\n            <!-- Line Chart - Penelitian per Tahun -->\r\n            <div class=\"chart-card\">\r\n                <div class=\"chart-header\">\r\n                    <div class=\"chart-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"chart-header-content\">\r\n                        <h3>Penelitian per Tahun<\/h3>\r\n                        <p>Trend pertumbuhan penelitian dari waktu ke waktu<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"chart-canvas-wrapper\">\r\n                                            <canvas \r\n                            id=\"penelitianPerTahunChart\"\r\n                            data-chart-data='{\"labels\":[\"2004\",\"2016\",\"2022\"],\"values\":[1,1,2]}'\r\n                        ><\/canvas>\r\n                                    <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Donut Chart - Bidang Penelitian -->\r\n            <div class=\"chart-card\">\r\n                <div class=\"chart-header\">\r\n                    <div class=\"chart-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\r\n                            <path d=\"M2 12h20\"\/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"chart-header-content\">\r\n                        <h3>Distribusi Bidang Penelitian<\/h3>\r\n                        <p>Proporsi penelitian berdasarkan bidang kajian<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"chart-canvas-wrapper\">\r\n                                            <canvas \r\n                            id=\"bidangPenelitianChart\"\r\n                            data-chart-data='{\"labels\":[\"Zoologi\",\"Botani\",\"Ekologi Perairan\"],\"values\":[2,1,1]}'\r\n                        ><\/canvas>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Quick Insights -->\r\n        <div class=\"charts-insights\">\r\n            <div class=\"insight-card\">\r\n                <h4>Total Penelitian<\/h4>\r\n                <div class=\"insight-value\">4<\/div>\r\n                <p>Publikasi yang terdokumentasi<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"insight-card\">\r\n                <h4>Tahun Terbaru<\/h4>\r\n                <div class=\"insight-value\">2022<\/div>\r\n                <p>2 penelitian dipublikasi<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"insight-card\">\r\n                <h4>Bidang Teratas<\/h4>\r\n                <div class=\"insight-value\" style=\"font-size: 1.3em; word-break: break-word;\">\r\n                    Zoologi                <\/div>\r\n                <p>Bidang dengan penelitian terbanyak<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/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-c734e2d e-flex e-con-boxed e-con e-parent\" data-id=\"c734e2d\" 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\t\t<div class=\"elementor-element elementor-element-497d203 elementor-widget elementor-widget-spacer\" data-id=\"497d203\" 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>Alokanusa Dari Nusantara untuk Dunia Jelajahi Database Pelajari Lebih Lanjut<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1630","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"alokanusa@gmail.com","author_link":"https:\/\/alokanusa.id\/en\/author\/alokanusagmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Alokanusa Dari Nusantara untuk Dunia Jelajahi Database Pelajari Lebih Lanjut","_links":{"self":[{"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/pages\/1630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/comments?post=1630"}],"version-history":[{"count":302,"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/pages\/1630\/revisions"}],"predecessor-version":[{"id":2280,"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/pages\/1630\/revisions\/2280"}],"wp:attachment":[{"href":"https:\/\/alokanusa.id\/en\/wp-json\/wp\/v2\/media?parent=1630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}