D\u00fcnyan\u0131n En B\u00fcy\u00fck Gemileri<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\"\n crossorigin=\"anonymous\"><\/script>\n <style>\n \/* Optional custom styles can be added here *\/\n \/* Ensure the ad container has a specific height for layout stability *\/\n #ad-container {\n min-height: 100px; \/* Adjust based on your ad size *\/\n display: none; \/* Hidden by default *\/\n align-items: center; \/* Vertically center ad content *\/\n justify-content: center; \/* Horizontally center ad content *\/\n \/* Added background to make ad area visible even if ad fails to load *\/\n background-color: #f0f0f0; \/* Light grey background *\/\n border: 1px dashed #ccc; \/* Dashed border *\/\n padding: 10px; \/* Some padding *\/\n }\n \/* Ensure images in cards are responsive *\/\n .ship-card img {\n max-width: 100%;\n height: auto;\n border: 2px solid #3B82F6; \/* Added blue border around images *\/\n border-radius: 0.5rem; \/* Added rounded corners to the border *\/\n }\n \/* Style for the link around the image and text *\/\n .ship-link {\n display: flex; \/* Use flex to keep image and text stacked *\/\n flex-direction: column; \/* Stack items vertically *\/\n align-items: center; \/* Center content horizontally *\/\n text-decoration: none; \/* Remove link underline *\/\n color: inherit; \/* Inherit text color from parent *\/\n }\n .ship-link:hover h3 {\n text-decoration: underline; \/* Underline title on hover *\/\n }\n \/* Style for the info block *\/\n .ship-info {\n margin-top: 1rem; \/* Added more space above info *\/\n padding-top: 0.5rem; \/* Added padding above info *\/\n border-top: 1px solid #ccc; \/* Added a thin line above info *\/\n width: 100%; \/* Ensure info block takes full width *\/\n text-align: left; \/* Align text to the left *\/\n }\n .ship-info p {\n margin-bottom: 0.25rem; \/* Space between info lines *\/\n font-size: 0.875rem; \/* Slightly smaller font for info *\/\n color: #4B5563; \/* Darker grey for better readability *\/\n padding-left: 0.5rem; \/* Add some padding to the left *\/\n }\n \/* Style for social share buttons container *\/\n .social-share-container {\n margin-top: 1rem;\n padding-top: 0.5rem;\n border-top: 1px solid #ccc;\n width: 100%;\n display: flex;\n justify-content: center; \/* Center buttons *\/\n gap: 1rem; \/* Space between buttons *\/\n }\n .social-share-container a {\n color: #4B5563; \/* Default icon color *\/\n font-size: 1.5rem; \/* Icon size *\/\n transition: color 0.2s ease-in-out;\n }\n .social-share-container a:hover {\n color: #1DA1F2; \/* Twitter Blue *\/\n }\n .social-share-container a.facebook:hover {\n color: #1877F2; \/* Facebook Blue *\/\n }\n .social-share-container a.linkedin:hover {\n color: #0A66C2; \/* LinkedIn Blue *\/\n }\n \/* Style for the static ad unit below the title *\/\n .static-ad {\n margin: 1rem auto; \/* Center the ad and add vertical space *\/\n text-align: center; \/* Center ad content *\/\n }\n\n \/* Style for the navigation container *\/\n .navigation-container {\n display: flex;\n flex-direction: column; \/* Stack items vertically *\/\n align-items: center; \/* Center items horizontally *\/\n margin-top: 1.5rem; \/* Space above navigation *\/\n }\n\n .page-info-row {\n margin-bottom: 1rem; \/* Space below page info *\/\n }\n\n .button-row {\n display: flex;\n justify-content: space-between; \/* Space out buttons *\/\n width: 100%; \/* Ensure buttons take full width *\/\n max-width: 300px; \/* Limit button row width for better centering *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"bg-white rounded-xl shadow-lg p-6 w-full max-w-4xl mx-auto\">\n <h1 id=\"main-title\" class=\"text-2xl font-bold text-center mb-6 text-gray-800\"><\/h1>\n\n <div class=\"static-ad\">\n <ins class=\"adsbygoogle\"\n style=\"display:block\"\n data-ad-client=\"ca-pub-2506329722665303\"\n data-ad-slot=\"1444491293\" data-ad-format=\"auto\"\n data-full-width-responsive=\"true\"><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n <\/div>\n <div id=\"ships-container\" class=\"flex flex-wrap justify-center gap-6 mb-6\">\n <\/div>\n\n <div id=\"ad-container\" class=\"my-6 text-center flex\">\n <\/div>\n <div class=\"navigation-container\">\n <div class=\"page-info-row\">\n <span id=\"page-info\" class=\"text-gray-700 font-semibold text-sm sm:text-base\"><\/span>\n <\/div>\n <div class=\"button-row\">\n <button id=\"prev-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n <i class=\"fas fa-arrow-left\"><\/i> <span class=\"button-text\"><\/span>\n <\/button>\n <button id=\"next-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n <span class=\"button-text\"><\/span> <i class=\"fas fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Data for some of the world's largest and most notable ships\n const ships = [\n { name: \"Prelude FLNG\", type: \"FLNG (Y\u00fczer LNG Platformu)\", country: \"Avustralya\", length_m: 488, width_m: 74, depth_m: 105, imageUrl: \"https:\/\/insaatsirketleri.com.tr\/en\/wp-content\/uploads\/2025\/05\/prelude.jpg\", pageUrl: \"#prelude-flng\" },\n { name: \"Seawise Giant\", type: \"S\u00fcper Tanker (ULCC)\", country: \"Liberya\/Norve\u00e7\", length_m: 458, width_m: 69, depth_m: 29.8, imageUrl: \"https:\/\/insaatsirketleri.com.tr\/en\/wp-content\/uploads\/2025\/05\/seawise.jpg\", pageUrl: \"#seawise-giant\" }, \/\/ Historically largest, scrapped.\n { name: \"Ever Ace\", type: \"Konteyner Gemisi\", country: \"Panama\", length_m: 400, width_m: 61.5, depth_m: 33.2, imageUrl: \"https:\/\/insaatsirketleri.com.tr\/en\/wp-content\/uploads\/2025\/05\/ever-ace.jpg\", pageUrl: \"#ever-ace\" },\n { name: \"HMM Algeciras\", type: \"Konteyner Gemisi\", country: \"Panama\", length_m: 400, width_m: 61.5, depth_m: 33.2, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/26\/HMM_ALGECIRAS_%282020%29_001.jpg\/800px-HMM_ALGECIRAS_%282020%29_001.jpg\", pageUrl: \"#hmm-algeciras\" },\n { name: \"CMA CGM Jacques Saad\u00e9\", type: \"Konteyner Gemisi\", country: \"Fransa\", length_m: 400, width_m: 61.3, depth_m: 33.2, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/04\/CMA_CGM_JACQUES_SAADE_%282020%29_001.jpg\/800px-CMA_CGM_JACQUES_SAADE_%282020%29_001.jpg\", pageUrl: \"#cma-cgm-jacques-saade\" },\n { name: \"Maersk Triple E class\", type: \"Konteyner Gemisi\", country: \"Danimarka\", length_m: 399, width_m: 59, depth_m: 33, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6c\/M%C3%A6rsk_Mc-Kinney_M%C3%B8ller_001.JPG\/800px-M%C3%A6rsk_Mc-Kinney_M%C3%B8ller_001.JPG\", pageUrl: \"#maersk-triple-e\" }, \/\/ Class example.\n { name: \"TI-class supertankers\", type: \"S\u00fcper Tanker (ULCC)\", country: \"Bel\u00e7ika\/Yunanistan\", length_m: 380, width_m: 68, depth_m: 24.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b8\/TI_Europe_at_sea.jpg\/800px-TI_Europe_at_sea.jpg\", pageUrl: \"#ti-class\" }, \/\/ Class example.\n { name: \"Pioneering Spirit\", type: \"\u0130n\u015faat Gemisi\", country: \"\u0130svi\u00e7re\", length_m: 382, width_m: 124, depth_m: 30, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1c\/Pioneering_Spirit_in_Rotterdam_harbour_2016.jpg\/800px-Pioneering_Spirit_in_Rotterdam_harbour_2016.jpg\", pageUrl: \"#pioneering-spirit\" },\n { name: \"Icon of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 365, width_m: 48.5, depth_m: 9.1, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Icon_of_the_Seas_at_sea.jpg\/800px-Icon_of_the_Seas_at_sea.jpg\", pageUrl: \"#icon-of-the-seas\" },\n { name: \"Wonder of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 64, depth_m: 9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Wonder_of_the_Seas_%28cropped%29.jpg\/800px-Wonder_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#wonder-of-the-seas\" },\n { name: \"Harmony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 66, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Harmony_of_the_Seas_in_Port_Everglades.jpg\/800px-Harmony_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#harmony-of-the-seas\" },\n { name: \"Allure of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Allure_of_the_Seas_in_Port_Everglades.jpg\/800px-Allure_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#allure-of-the-seas\" },\n { name: \"Oasis of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/35\/Oasis_of_the_Seas_in_Port_Everglades.jpg\/800px-Oasis_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#oasis-of-the-seas\" },\n { name: \"Symphony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 65.7, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7c\/Symphony_of_the_Seas_in_Port_Miami.jpg\/800px-Symphony_of_the_Seas_in_Port_Miami.jpg\", pageUrl: \"#symphony-of-the-seas\" },\n { name: \"Valemax ore carriers\", type: \"Cevher Ta\u015f\u0131y\u0131c\u0131\", country: \"Brezilya\/\u00c7in\", length_m: 360, width_m: 65, depth_m: 30, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2c\/Vale_Brasil_-_Port_of_Rotterdam.jpg\/800px-Vale_Brasil_-_Port_of_Rotterdam.jpg\", pageUrl: \"#valemax\" }, \/\/ Class example.\n { name: \"Queen Mary 2\", type: \"Okyanus Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 41, depth_m: 10.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/18\/Queen_Mary_2_in_Sydney.jpg\/800px-Queen_Mary_2_in_Sydney.jpg\", pageUrl: \"#queen-mary-2\" },\n { name: \"Q-Max tankers\", type: \"LNG Ta\u015f\u0131y\u0131c\u0131\", country: \"Katar\", length_m: 345, width_m: 53.8, depth_m: 12, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/88\/Mozah_LNG_Carrier.jpg\/800px-Mozah_LNG_Carrier.jpg\", pageUrl: \"#q-max\" }, \/\/ Class example.\n { name: \"Global Dream\", type: \"Kruaziyer Gemisi\", country: \"Hong Kong\", length_m: 342, width_m: 46.4, depth_m: null, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream\" }, \/\/ Under construction\/conversion.\n { name: \"Mardi Gras\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 340, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras\" },\n { name: \"Freedom-class cruise ships\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Freedom_of_the_Seas_in_St._Maarten.jpg\/800px-Freedom_of_the_Seas_in_St._Maarten.jpg\", pageUrl: \"#freedom-class\" }, \/\/ Class example.\n { name: \"Costa Smeralda\", type: \"Kruaziyer Gemisi\", country: \"\u0130talya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda\" },\n { name: \"AIDAnova\", type: \"Kruaziyer Gemisi\", country: \"Almanya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_%28ship%29_in_Madeira.jpg\", pageUrl: \"#aidanova\" },\n { name: \"Iona\", type: \"Kruaziyer Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona\" },\n { name: \"MSC World Europa\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 333, width_m: 47, depth_m: 9.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/MSC_World_Europa_in_Doha.jpg\/800px-MSC_World_Europa_in_Doha.jpg\", pageUrl: \"#msc-world-europa\" },\n { name: \"USS Gerald R. Ford\", type: \"U\u00e7ak Gemisi\", country: \"ABD\", length_m: 333, width_m: 78, depth_m: 12, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c5\/USS_Gerald_R._Ford_%28CVN-78%29_underway_in_the_Atlantic_Ocean_on_25_January_2020_%28200125-N-BD352-0088%29.JPG\/800px-USS_Gerald_R._Ford_%28CVN-78%29_underway_in_the_Atlantic_Ocean_on_25_January_2020_%28200125-N-BD352-0088%29.JPG\", pageUrl: \"#uss-gerald-r-ford\" },\n { name: \"Nimitz-class aircraft carriers\", type: \"U\u00e7ak Gemisi\", country: \"ABD\", length_m: 333, width_m: 76.8, depth_m: 11.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/USS_Nimitz_%28CVN-68%29_underway_in_the_Pacific_Ocean_on_14_August_2017_%28170814-N-OY799-094%29.JPG\/800px-USS_Nimitz_%28CVN-68%29_underway_in_the_Pacific_Ocean_on_14_August_2017_%28170814-N-OY799-094%29.JPG\", pageUrl: \"#nimitz-class\" }, \/\/ Class example.\n { name: \"Type 003 aircraft carrier\", type: \"U\u00e7ak Gemisi\", country: \"\u00c7in\", length_m: 320, width_m: 78, depth_m: 11, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0d\/Chinese_aircraft_carrier_Fujian_%2818%29_at_Jiangnan_Shipyard_on_17_June_2022.jpg\/800px-Chinese_aircraft_carrier_Fujian_%2818%29_at_Jiangnan_Shipyard_on_17_June_2022.jpg\", pageUrl: \"#type-003-carrier\" },\n { name: \"Voyager-class cruise ships\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 311, width_m: 47.4, depth_m: 8.6, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/de\/Voyager_of_the_Seas.jpg\/800px-Voyager_of_the_Seas.jpg\", pageUrl: \"#voyager-class\" }, \/\/ Class example.\n { name: \"Kuznetsov-class aircraft carrier\", type: \"U\u00e7ak Gemisi\", country: \"Rusya\", length_m: 305, width_m: 72, depth_m: 10.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Admiral_Kuznetsov_01.jpg\/800px-Admiral_Kuznetsov_01.jpg\", pageUrl: \"#kuznetsov-class\" }, \/\/ Class example.\n { name: \"Titanic\", type: \"Okyanus Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 269, width_m: 28.2, depth_m: 10.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/RMS_Titanic_3.jpg\/800px-RMS_Titanic_3.jpg\", pageUrl: \"#titanic\" }, \/\/ Famous, historical.\n { name: \"USS Iowa-class battleships\", type: \"Sava\u015f Gemisi\", country: \"ABD\", length_m: 271, width_m: 33, depth_m: 11, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f1\/USS_Iowa_%28BB-61%29_underway_in_the_Pacific_Ocean_on_25_October_1984_%286357819%29.jpeg\/800px-USS_Iowa_%28BB-61%29_underway_in_the_Pacific_Ocean_on_25_October_1984_%286357819%29.jpeg\", pageUrl: \"#iowa-class\" }, \/\/ Class example, historical.\n { name: \"Yamato-class battleships\", type: \"Sava\u015f Gemisi\", country: \"Japonya\", length_m: 263, width_m: 38.9, depth_m: 10.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Japanese_battleship_Yamato_at_sea_in_1941.jpg\/800px-Japanese_battleship_Yamato_at_sea_in_1941.jpg\", pageUrl: \"#yamato-class\" }, \/\/ Class example, historical.\n { name: \"Boka Vanguard\", type: \"A\u011f\u0131r Y\u00fck Gemisi\", country: \"Hollanda\", length_m: 275, width_m: 79, depth_m: 9.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/17\/Boka_Vanguard_in_Rotterdam_harbour_2013.jpg\/800px-Boka_Vanguard_in_Rotterdam_harbour_2013.jpg\", pageUrl: \"#boka-vanguard\" },\n { name: \"Dockwise Vanguard\", type: \"A\u011f\u0131r Y\u00fck Gemisi\", country: \"Hollanda\", length_m: 275, width_m: 79, depth_m: 9.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Dockwise_Vanguard_in_Rotterdam_harbour_2013.jpg\/800px-Dockwise_Vanguard_in_Rotterdam_harbour_2013.jpg\", pageUrl: \"#dockwise-vanguard\" },\n { name: \"Queen Elizabeth-class aircraft carriers\", type: \"U\u00e7ak Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 280, width_m: 73, depth_m: 11, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/HMS_Queen_Elizabeth_%28R08%29_at_sea_in_2021.jpg\/800px-HMS_Queen_Elizabeth_%28R08%29_at_sea_in_2021.jpg\", pageUrl: \"#queen-elizabeth-class\" }, \/\/ Class example.\n { name: \"Blue Whale I\", type: \"Sondaj Gemisi\", country: \"\u00c7in\", length_m: 238, width_m: 42, depth_m: 12, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a8\/Blue_Whale_I_drillship.jpg\/800px-Blue_Whale_I_drillship.jpg\", pageUrl: \"#blue-whale-i\" },\n { name: \"Akademik Lomonosov\", type: \"Y\u00fczer N\u00fckleer Santral\", country: \"Rusya\", length_m: 144, width_m: 30, depth_m: 5.6, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a1\/Akademik_Lomonosov_in_Murmansk_2019.jpg\/800px-Akademik_Lomonosov_in_Murmansk_2019.jpg\", pageUrl: \"#akademik-lomonosov\" },\n { name: \"Type 055 destroyer\", type: \"Destroyer\", country: \"\u00c7in\", length_m: 180, width_m: 20, depth_m: 6.6, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c5\/PLAN_Type_055_destroyer_Nanchang_%28101%29_at_Qingdao_in_2019.jpg\/800px-PLAN_Type_055_destroyer_Nanchang_%28101%29_at_Qingdao_in_2019.jpg\", pageUrl: \"#type-055-destroyer\" }, \/\/ Class example.\n { name: \"Ticonderoga-class cruiser\", type: \"Kruvaz\u00f6r\", country: \"ABD\", length_m: 173, width_m: 16.8, depth_m: 10.2, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/USS_Lake_Champlain_%28CG-57%29_underway_in_the_Pacific_Ocean_on_11_July_2019_%28190711-N-N0101-103%29.JPG\/800px-USS_Lake_Champlain_%28CG-57%29_underway_in_the_Pacific_Ocean_on_11_July_2019_%28190711-N-N0101-103%29.JPG\", pageUrl: \"#ticonderoga-class\" }, \/\/ Class example.\n { name: \"Kirov-class battlecruiser\", type: \"Muharebe Kruvaz\u00f6r\u00fc\", country: \"Rusya\", length_m: 252, width_m: 28.5, depth_m: 9.1, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/ee\/Pyotr_Velikiy_01.jpg\/800px-Pyotr_Velikiy_01.jpg\", pageUrl: \"#kirov-class\" }, \/\/ Class example.\n { name: \"Arleigh Burke-class destroyer\", type: \"Destroyer\", country: \"ABD\", length_m: 155, width_m: 20, depth_m: 9.4, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/USS_Arleigh_Burke_%28DDG-51%29_underway_in_the_Atlantic_Ocean_on_15_July_2020_%28200715-N-N0101-010%29.JPG\/800px-USS_Arleigh_Burke_%28DDG-51%29_underway_in_the_Atlantic_Ocean_on_15_July_2020_%28200715-N-N0101-010%29.JPG\", pageUrl: \"#arleigh-burke-class\" }, \/\/ Class example.\n { name: \"Sovremenny-class destroyer\", type: \"Destroyer\", country: \"Rusya\", length_m: 156, width_m: 17.3, depth_m: 6.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/RFS_Admiral_Ushakov_in_the_Baltic_Sea_on_15_July_2017.JPG\/800px-RFS_Admiral_Ushakov_in_the_Baltic_Sea_on_15_July_2017.JPG\", pageUrl: \"#sovremenny-class\" }, \/\/ Class example.\n \/\/ Added more ships to reach approximately 50 entries\n { name: \"Symphony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 65.7, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7c\/Symphony_of_the_Seas_in_Port_Miami.jpg\/800px-Symphony_of_the_Seas_in_Port_Miami.jpg\", pageUrl: \"#symphony-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Harmony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 66, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Harmony_of_the_Seas_in_Port_Everglades.jpg\/800px-Harmony_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#harmony-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Allure of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Allure_of_the_Seas_in_Port_Everglades.jpg\/800px-Allure_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#allure-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Oasis of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/35\/Oasis_of_the_Seas_in_Port_Everglades.jpg\/800px-Oasis_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#oasis-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Wonder of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 64, depth_m: 9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Wonder_of_the_Seas_%28cropped%29.jpg\/800px-Wonder_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#wonder-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Icon of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 365, width_m: 48.5, depth_m: 9.1, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Icon_of_the_Seas_at_sea.jpg\/800px-Icon_of_the_Seas_at_sea.jpg\", pageUrl: \"#icon-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC World Europa\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 333, width_m: 47, depth_m: 9.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/MSC_World_Europa_in_Doha.jpg\/800px-MSC_World_Europa_in_Doha.jpg\", pageUrl: \"#msc-world-europa-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Costa Smeralda\", type: \"Kruaziyer Gemisi\", country: \"\u0130talya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"AIDAnova\", type: \"Kruaziyer Gemisi\", country: \"Almanya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_%28ship%29_in_Madeira.jpg\", pageUrl: \"#aidanova-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Iona\", type: \"Kruaziyer Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Mardi Gras\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 340, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Global Dream\", type: \"Kruaziyer Gemisi\", country: \"Hong Kong\", length_m: 342, width_m: 46.4, depth_m: null, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC Meraviglia\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 315, width_m: 43, depth_m: 8.7, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e2\/MSC_Meraviglia_%28ship%29_in_Hamburg_2017.jpg\/800px-MSC_Meraviglia_%28ship%29_in_Hamburg_2017.jpg\", pageUrl: \"#msc-meraviglia\" },\n { name: \"MSC Grandiosa\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 331, width_m: 43, depth_m: 8.7, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/MSC_Grandiosa_in_Hamburg_2019.jpg\/800px-MSC_Grandiosa_%28ship%29_in_Hamburg_2019.jpg\", pageUrl: \"#msc-grandiosa\" },\n { name: \"Costa Smeralda\", type: \"Kruaziyer Gemisi\", country: \"\u0130talya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"AIDAnova\", type: \"Kruaziyer Gemisi\", country: \"Almanya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_%28ship%29_in_Madeira.jpg\", pageUrl: \"#aidanova-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Iona\", type: \"Kruaziyer Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Mardi Gras\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 340, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Global Dream\", type: \"Kruaziyer Gemisi\", country: \"Hong Kong\", length_m: 342, width_m: 46.4, depth_m: null, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC Seascape\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 339, width_m: 43, depth_m: 8.7, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/MSC_Seascape_in_Port_Miami_2022.jpg\/800px-MSC_Seascape_%28ship%29_in_Port_Miami_2022.jpg\", pageUrl: \"#msc-seascape\" },\n { name: \"Sovereign-class cruise ships\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 268, width_m: 32.2, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/Sovereign_of_the_Seas_%28cropped%29.jpg\/800px-Sovereign_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#sovereign-class\" }, \/\/ Class example.\n { name: \"Splendour of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 264, width_m: 32, depth_m: 7.9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6a\/Splendour_of_the_Seas_in_Venice.jpg\/800px-Splendour_of_the_Seas_in_Venice.jpg\", pageUrl: \"#splendour-of-the-seas\" },\n { name: \"Legend of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 264, width_m: 32, depth_m: 7.9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a7\/Legend_of_the_Seas_%28cropped%29.jpg\/800px-Legend_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#legend-of-the-seas\" },\n { name: \"Independence of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/Independence_of_the_Seas_in_Southampton_2016.jpg\/800px-Independence_of_the_Seas_in_Southampton_2016.jpg\", pageUrl: \"#independence-of-the-seas\" },\n { name: \"Liberty of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e3\/Liberty_of_the_Seas_in_Port_Everglades.jpg\/800px-Liberty_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#liberty-of-the-seas\" },\n { name: \"Freedom of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Freedom_of_the_Seas_in_St._Maarten.jpg\/800px-Freedom_of_the_Seas_in_St._Maarten.jpg\", pageUrl: \"#freedom-of-the-seas\" },\n { name: \"Quantum of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e0\/Quantum_of_the_Seas_in_Shanghai.jpg\/800px-Quantum_of_the_Seas_in_Shanghai.jpg\", pageUrl: \"#quantum-of-the-seas\" },\n { name: \"Anthem of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f6\/Anthem_of_the_Seas_in_Southampton_2015.jpg\/800px-Anthem_of_the_Seas_in_Southampton_2015.jpg\", pageUrl: \"#anthem-of-the-seas\" },\n { name: \"Ovation of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b6\/Ovation_of_the_Seas_in_Sydney_2017.jpg\/800px-Ovation_of_the_Seas_in_Sydney_2017.jpg\", pageUrl: \"#ovation-of-the-seas\" },\n { name: \"Spectrum of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/df\/Spectrum_of_the_Seas_in_Singapore_2019.jpg\/800px-Spectrum_of_the_Seas_in_Singapore_2019.jpg\", pageUrl: \"#spectrum-of-the-seas\" },\n { name: \"Odyssey of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a6\/Odyssey_of_the_Seas_in_Fort_Lauderdale_2021.jpg\/800px-Odyssey_of_the_Seas_in_Fort_Lauderdale_2021.jpg\", pageUrl: \"#odyssey-of-the-seas\" }\n\n ];\n\n \/\/ Sort ships by length in descending order\n ships.sort((a, b) => b.length_m - a.length_m);\n\n \/\/ Language strings\n const lang = {\n tr: {\n title: \"D\u00fcnyan\u0131n En B\u00fcy\u00fck Gemileri\",\n type: \"Tip\",\n country: \"\u00dclke\",\n length: \"Uzunluk\",\n width: \"Geni\u015flik\",\n depth: \"Derinlik\",\n meters: \"m\",\n page: \"Sayfa\",\n of: \"\/\",\n prev: \"\u00d6nceki\",\n next: \"Sonraki\",\n imageNotFound: \"Resim y\u00fcklenemedi\"\n },\n en: {\n title: \"World's Largest Ships\",\n type: \"Type\",\n country: \"Country\",\n length: \"Length\",\n width: \"Width\",\n depth: \"Depth\",\n meters: \"m\",\n page: \"Page\",\n of: \"\/\",\n prev: \"Previous\",\n next: \"Next\",\n imageNotFound: \"Image failed to load\"\n }\n };\n\n \/\/ Detect browser language\n const userLang = navigator.language.split('-')[0]; \/\/ Get the primary language code (e.g., \"en\", \"tr\")\n const currentLang = lang[userLang] || lang['en']; \/\/ Use user's language if available, otherwise default to English\n\n \/\/ Ensure the script runs after the DOM is fully loaded\n document.addEventListener('DOMContentLoaded', () => {\n const shipsContainer = document.getElementById('ships-container');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const pageInfoSpan = document.getElementById('page-info');\n const adContainer = document.getElementById('ad-container'); \/\/ Reference to the ad container\n const mainTitle = document.getElementById('main-title');\n const prevButtonText = prevBtn.querySelector('.button-text');\n const nextButtonText = nextBtn.querySelector('.button-text');\n\n\n let currentPage = 0;\n const itemsPerPage = 2; \/\/ Show two ships at a time\n const adDisplayDuration = 2000; \/\/ Duration in milliseconds to show the ad (2 seconds)\n\n \/\/ Function to update text content based on language\n function updateTextContent() {\n mainTitle.textContent = currentLang.title;\n prevButtonText.textContent = currentLang.prev;\n nextButtonText.textContent = currentLang.next;\n \/\/ Page info will be updated in displayShips\n }\n\n \/\/ Function to display ships for the current page\n function displayShips(page) {\n \/\/ Hide the ship container and show the ad container\n shipsContainer.style.display = 'none';\n adContainer.style.display = 'flex'; \/\/ Use flex to center ad content\n\n \/\/ Clear previous ad content\n adContainer.innerHTML = '';\n\n \/\/ Recreate and append the AdSense ins element for dynamic ad\n const newAdInsElement = document.createElement('ins');\n newAdInsElement.className = 'adsbygoogle';\n newAdInsElement.style.display = 'block';\n newAdInsElement.setAttribute('data-ad-client', 'ca-pub-2506329722665303');\n newAdInsElement.setAttribute('data-ad-slot', '1444491293'); \/\/ Ensure this is a valid ad slot ID\n newAdInsElement.setAttribute('data-ad-format', 'auto');\n newAdInsElement.setAttribute('data-full-width-responsive', 'true');\n adContainer.appendChild(newAdInsElement);\n\n\n \/\/ *** YOUR AD CODE LOADING\/REFRESH LOGIC GOES HERE ***\n \/\/ For Google AdSense, the push command needs to be called after the ad container\n \/\/ is visible and has a size.\n console.log(\"Ad container offsetWidth before dynamic ad push:\", adContainer.offsetWidth); \/\/ Log width\n try {\n \/\/ Use requestAnimationFrame to wait for the next paint cycle\n \/\/ Then add a small delay before pushing the ad to allow layout to settle\n requestAnimationFrame(() => {\n setTimeout(() => {\n \/\/ Check width again just before pushing\n const currentWidth = adContainer.offsetWidth;\n console.log(\"Ad container offsetWidth before dynamic ad push:\", currentWidth); \/\/ Log width again\n if (currentWidth > 0) {\n (adsbygoogle = window.adsbygoogle || []).push({});\n } else {\n console.warn(\"Dynamic ad container still has zero width before push.\");\n }\n }, 300); \/\/ Increased delay to 300ms\n });\n } catch (e) {\n console.error(\"AdSense push error:\", e);\n }\n \/\/ **********************************************************\n\n\n \/\/ Wait for adDisplayDuration, then hide ad and show ships\n setTimeout(() => {\n adContainer.style.display = 'none'; \/\/ Hide ad container\n shipsContainer.style.display = 'flex'; \/\/ Show ship container (using flex for layout)\n\n\n shipsContainer.innerHTML = ''; \/\/ Clear existing content\n const start = page * itemsPerPage;\n const end = start + itemsPerPage;\n const shipsToDisplay = ships.slice(start, end);\n\n shipsToDisplay.forEach(ship => {\n const shipCard = document.createElement('div');\n \/\/ Added w-full for small screens, sm:w-64 for larger, and adjusted padding\/margin\n shipCard.className = 'bg-blue-100 p-4 rounded-lg shadow-md w-full sm:w-64 text-center flex flex-col items-center ship-card'; \/\/ Added ship-card class\n\n \/\/ Create the link element\n const shipLink = document.createElement('a');\n shipLink.href = ship.pageUrl; \/\/ Set the link URL\n shipLink.className = 'ship-link'; \/\/ Add the ship-link class\n\n \/\/ Create the image element\n const img = document.createElement('img');\n img.src = ship.imageUrl;\n img.alt = ship.name;\n img.className = 'rounded-md mb-2'; \/\/ Added rounded corners and bottom margin\n \/\/ Add error handling for images\n img.onerror = function() {\n this.onerror=null; \/\/ Prevent infinite loop\n this.src='https:\/\/placehold.co\/800x600\/cccccc\/333333?text=' + encodeURIComponent(currentLang.imageNotFound); \/\/ Placeholder image with localized text\n this.alt=currentLang.imageNotFound;\n };\n\n\n \/\/ Create the ship name heading\n const shipName = document.createElement('h3');\n shipName.textContent = ship.name;\n shipName.className = 'text-lg font-semibold text-gray-700 mb-2'; \/\/ Adjusted font size and margin\n\n \/\/ Append image and name to the link\n shipLink.appendChild(img);\n shipLink.appendChild(shipName);\n\n \/\/ Create the info block\n const shipInfo = document.createElement('div');\n shipInfo.className = 'ship-info'; \/\/ Add the ship-info class\n shipInfo.innerHTML = `\n <p><strong>${currentLang.type}:<\/strong> ${ship.type}<\/p>\n <p><strong>${currentLang.country}:<\/strong> ${ship.country}<\/p>\n <p><strong>${currentLang.length}:<\/strong> ${ship.length_m} ${currentLang.meters}<\/p>\n ${ship.width_m ? `<p><strong>${currentLang.width}:<\/strong> ${ship.width_m} ${currentLang.meters}<\/p>` : ''}\n ${ship.depth_m ? `<p><strong>${currentLang.depth}:<\/strong> ${ship.depth_m} ${currentLang.meters}<\/p>` : ''}\n `;\n\n \/\/ Create social share buttons container\n const socialShareContainer = document.createElement('div');\n socialShareContainer.className = 'social-share-container';\n\n \/\/ Share URL (replace with your actual base URL + ship.pageUrl)\n const shareUrl = window.location.origin + window.location.pathname + ship.pageUrl;\n const shareText = `D\u00fcnyan\u0131n en b\u00fcy\u00fck gemilerinden biri: ${ship.name} - ${ship.length_m}m uzunlu\u011funda. Daha fazlas\u0131n\u0131 \u00f6\u011frenin: ${shareUrl}`; \/\/ Share text remains in Turkish for now\n\n \/\/ Twitter Share Button\n const twitterShare = document.createElement('a');\n twitterShare.href = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(shareText)}`;\n twitterShare.target = \"_blank\";\n twitterShare.setAttribute(\"aria-label\", \"Twitter'da Payla\u015f\");\n twitterShare.innerHTML = '<i class=\"fab fa-twitter\"><\/i>';\n\n \/\/ Facebook Share Button (Requires Facebook App ID for proper sharing)\n \/\/ For simplicity, using a basic share link which might not work as expected without configuration\n const facebookShare = document.createElement('a');\n facebookShare.href = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(shareUrl)}`;\n facebookShare.target = \"_blank\";\n facebookShare.setAttribute(\"aria-label\", \"Facebook'ta Payla\u015f\");\n facebookShare.className = 'facebook'; \/\/ Add class for specific hover color\n facebookShare.innerHTML = '<i class=\"fab fa-facebook-f\"><\/i>';\n\n \/\/ LinkedIn Share Button\n const linkedinShare = document.createElement('a');\n linkedinShare.href = `https:\/\/www.linkedin.com\/shareArticle?mini=true&url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(ship.name)}&summary=${encodeURIComponent(ship.type + ', ' + ship.country)}&source=${encodeURIComponent(window.location.origin)}`;\n linkedinShare.target = \"_blank\";\n linkedinShare.setAttribute(\"aria-label\", \"LinkedIn'de Payla\u015f\");\n linkedinShare.className = 'linkedin'; \/\/ Add class for specific hover color\n linkedinShare.innerHTML = '<i class=\"fab fa-linkedin-in\"><\/i>';\n\n \/\/ Append social share buttons to their container\n socialShareContainer.appendChild(twitterShare);\n socialShareContainer.appendChild(facebookShare);\n socialShareContainer.appendChild(linkedinShare);\n\n\n \/\/ Append the link, info, and social share container to the card\n shipCard.appendChild(shipLink);\n shipCard.appendChild(shipInfo);\n shipCard.appendChild(socialShareContainer);\n\n\n shipsContainer.appendChild(shipCard); \/\/ Add the card to the container\n });\n\n \/\/ Update page info\n const totalPages = Math.ceil(ships.length \/ itemsPerPage);\n pageInfoSpan.textContent = `${currentLang.page} ${page + 1} ${currentLang.of} ${totalPages}`;\n\n \/\/ Update button states\n prevBtn.disabled = page === 0;\n nextBtn.disabled = page === totalPages - 1;\n\n }, adDisplayDuration); \/\/ Delay showing ships until after ad duration\n }\n\n \/\/ Event listeners for navigation buttons\n prevBtn.addEventListener('click', () => {\n if (currentPage > 0) {\n currentPage--;\n displayShips(currentPage);\n }\n });\n\n nextBtn.addEventListener('click', () => {\n const totalPages = Math.ceil(ships.length \/ itemsPerPage);\n if (currentPage < totalPages - 1) {\n currentPage++;\n displayShips(currentPage);\n }\n });\n\n \/\/ Initial update of text content based on detected language\n updateTextContent();\n\n \/\/ Initial display of the first page\n displayShips(currentPage);\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>D\u00fcnyan\u0131n En B\u00fcy\u00fck Gemileri<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-229","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=229"}],"version-history":[{"count":6,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/229\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/229\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":229,"date":"2025-05-17T18:44:52","date_gmt":"2025-05-17T18:44:52","guid":{"rendered":"https:\/\/insaatsirketleri.com.tr\/en\/?p=229"},"modified":"2025-05-18T23:39:36","modified_gmt":"2025-05-18T23:39:36","slug":"largest-ships","status":"publish","type":"post","link":"https:\/\/insaatsirketleri.com.tr\/en\/largest-ships\/","title":{"rendered":"Largest Ships"},"content":{"rendered":"\n\n\n\n \n \n D\u00fcnyan\u0131n En B\u00fcy\u00fck Gemileri<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\"\n crossorigin=\"anonymous\"><\/script>\n <style>\n \/* Optional custom styles can be added here *\/\n \/* Ensure the ad container has a specific height for layout stability *\/\n #ad-container {\n min-height: 100px; \/* Adjust based on your ad size *\/\n display: none; \/* Hidden by default *\/\n align-items: center; \/* Vertically center ad content *\/\n justify-content: center; \/* Horizontally center ad content *\/\n \/* Added background to make ad area visible even if ad fails to load *\/\n background-color: #f0f0f0; \/* Light grey background *\/\n border: 1px dashed #ccc; \/* Dashed border *\/\n padding: 10px; \/* Some padding *\/\n }\n \/* Ensure images in cards are responsive *\/\n .ship-card img {\n max-width: 100%;\n height: auto;\n border: 2px solid #3B82F6; \/* Added blue border around images *\/\n border-radius: 0.5rem; \/* Added rounded corners to the border *\/\n }\n \/* Style for the link around the image and text *\/\n .ship-link {\n display: flex; \/* Use flex to keep image and text stacked *\/\n flex-direction: column; \/* Stack items vertically *\/\n align-items: center; \/* Center content horizontally *\/\n text-decoration: none; \/* Remove link underline *\/\n color: inherit; \/* Inherit text color from parent *\/\n }\n .ship-link:hover h3 {\n text-decoration: underline; \/* Underline title on hover *\/\n }\n \/* Style for the info block *\/\n .ship-info {\n margin-top: 1rem; \/* Added more space above info *\/\n padding-top: 0.5rem; \/* Added padding above info *\/\n border-top: 1px solid #ccc; \/* Added a thin line above info *\/\n width: 100%; \/* Ensure info block takes full width *\/\n text-align: left; \/* Align text to the left *\/\n }\n .ship-info p {\n margin-bottom: 0.25rem; \/* Space between info lines *\/\n font-size: 0.875rem; \/* Slightly smaller font for info *\/\n color: #4B5563; \/* Darker grey for better readability *\/\n padding-left: 0.5rem; \/* Add some padding to the left *\/\n }\n \/* Style for social share buttons container *\/\n .social-share-container {\n margin-top: 1rem;\n padding-top: 0.5rem;\n border-top: 1px solid #ccc;\n width: 100%;\n display: flex;\n justify-content: center; \/* Center buttons *\/\n gap: 1rem; \/* Space between buttons *\/\n }\n .social-share-container a {\n color: #4B5563; \/* Default icon color *\/\n font-size: 1.5rem; \/* Icon size *\/\n transition: color 0.2s ease-in-out;\n }\n .social-share-container a:hover {\n color: #1DA1F2; \/* Twitter Blue *\/\n }\n .social-share-container a.facebook:hover {\n color: #1877F2; \/* Facebook Blue *\/\n }\n .social-share-container a.linkedin:hover {\n color: #0A66C2; \/* LinkedIn Blue *\/\n }\n \/* Style for the static ad unit below the title *\/\n .static-ad {\n margin: 1rem auto; \/* Center the ad and add vertical space *\/\n text-align: center; \/* Center ad content *\/\n }\n\n \/* Style for the navigation container *\/\n .navigation-container {\n display: flex;\n flex-direction: column; \/* Stack items vertically *\/\n align-items: center; \/* Center items horizontally *\/\n margin-top: 1.5rem; \/* Space above navigation *\/\n }\n\n .page-info-row {\n margin-bottom: 1rem; \/* Space below page info *\/\n }\n\n .button-row {\n display: flex;\n justify-content: space-between; \/* Space out buttons *\/\n width: 100%; \/* Ensure buttons take full width *\/\n max-width: 300px; \/* Limit button row width for better centering *\/\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-100 flex items-center justify-center min-h-screen p-4\">\n\n <div class=\"bg-white rounded-xl shadow-lg p-6 w-full max-w-4xl mx-auto\">\n <h1 id=\"main-title\" class=\"text-2xl font-bold text-center mb-6 text-gray-800\"><\/h1>\n\n <div class=\"static-ad\">\n <ins class=\"adsbygoogle\"\n style=\"display:block\"\n data-ad-client=\"ca-pub-2506329722665303\"\n data-ad-slot=\"1444491293\" data-ad-format=\"auto\"\n data-full-width-responsive=\"true\"><\/ins>\n <script>\n (adsbygoogle = window.adsbygoogle || []).push({});\n <\/script>\n <\/div>\n <div id=\"ships-container\" class=\"flex flex-wrap justify-center gap-6 mb-6\">\n <\/div>\n\n <div id=\"ad-container\" class=\"my-6 text-center flex\">\n <\/div>\n <div class=\"navigation-container\">\n <div class=\"page-info-row\">\n <span id=\"page-info\" class=\"text-gray-700 font-semibold text-sm sm:text-base\"><\/span>\n <\/div>\n <div class=\"button-row\">\n <button id=\"prev-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n <i class=\"fas fa-arrow-left\"><\/i> <span class=\"button-text\"><\/span>\n <\/button>\n <button id=\"next-btn\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full focus:outline-none focus:shadow-outline disabled:opacity-50 disabled:cursor-not-allowed text-sm sm:text-base\">\n <span class=\"button-text\"><\/span> <i class=\"fas fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Data for some of the world's largest and most notable ships\n const ships = [\n { name: \"Prelude FLNG\", type: \"FLNG (Y\u00fczer LNG Platformu)\", country: \"Avustralya\", length_m: 488, width_m: 74, depth_m: 105, imageUrl: \"https:\/\/insaatsirketleri.com.tr\/en\/wp-content\/uploads\/2025\/05\/prelude.jpg\", pageUrl: \"#prelude-flng\" },\n { name: \"Seawise Giant\", type: \"S\u00fcper Tanker (ULCC)\", country: \"Liberya\/Norve\u00e7\", length_m: 458, width_m: 69, depth_m: 29.8, imageUrl: \"https:\/\/insaatsirketleri.com.tr\/en\/wp-content\/uploads\/2025\/05\/seawise.jpg\", pageUrl: \"#seawise-giant\" }, \/\/ Historically largest, scrapped.\n { name: \"Ever Ace\", type: \"Konteyner Gemisi\", country: \"Panama\", length_m: 400, width_m: 61.5, depth_m: 33.2, imageUrl: \"https:\/\/insaatsirketleri.com.tr\/en\/wp-content\/uploads\/2025\/05\/ever-ace.jpg\", pageUrl: \"#ever-ace\" },\n { name: \"HMM Algeciras\", type: \"Konteyner Gemisi\", country: \"Panama\", length_m: 400, width_m: 61.5, depth_m: 33.2, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/26\/HMM_ALGECIRAS_%282020%29_001.jpg\/800px-HMM_ALGECIRAS_%282020%29_001.jpg\", pageUrl: \"#hmm-algeciras\" },\n { name: \"CMA CGM Jacques Saad\u00e9\", type: \"Konteyner Gemisi\", country: \"Fransa\", length_m: 400, width_m: 61.3, depth_m: 33.2, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/04\/CMA_CGM_JACQUES_SAADE_%282020%29_001.jpg\/800px-CMA_CGM_JACQUES_SAADE_%282020%29_001.jpg\", pageUrl: \"#cma-cgm-jacques-saade\" },\n { name: \"Maersk Triple E class\", type: \"Konteyner Gemisi\", country: \"Danimarka\", length_m: 399, width_m: 59, depth_m: 33, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6c\/M%C3%A6rsk_Mc-Kinney_M%C3%B8ller_001.JPG\/800px-M%C3%A6rsk_Mc-Kinney_M%C3%B8ller_001.JPG\", pageUrl: \"#maersk-triple-e\" }, \/\/ Class example.\n { name: \"TI-class supertankers\", type: \"S\u00fcper Tanker (ULCC)\", country: \"Bel\u00e7ika\/Yunanistan\", length_m: 380, width_m: 68, depth_m: 24.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b8\/TI_Europe_at_sea.jpg\/800px-TI_Europe_at_sea.jpg\", pageUrl: \"#ti-class\" }, \/\/ Class example.\n { name: \"Pioneering Spirit\", type: \"\u0130n\u015faat Gemisi\", country: \"\u0130svi\u00e7re\", length_m: 382, width_m: 124, depth_m: 30, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1c\/Pioneering_Spirit_in_Rotterdam_harbour_2016.jpg\/800px-Pioneering_Spirit_in_Rotterdam_harbour_2016.jpg\", pageUrl: \"#pioneering-spirit\" },\n { name: \"Icon of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 365, width_m: 48.5, depth_m: 9.1, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Icon_of_the_Seas_at_sea.jpg\/800px-Icon_of_the_Seas_at_sea.jpg\", pageUrl: \"#icon-of-the-seas\" },\n { name: \"Wonder of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 64, depth_m: 9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Wonder_of_the_Seas_%28cropped%29.jpg\/800px-Wonder_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#wonder-of-the-seas\" },\n { name: \"Harmony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 66, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Harmony_of_the_Seas_in_Port_Everglades.jpg\/800px-Harmony_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#harmony-of-the-seas\" },\n { name: \"Allure of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Allure_of_the_Seas_in_Port_Everglades.jpg\/800px-Allure_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#allure-of-the-seas\" },\n { name: \"Oasis of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/35\/Oasis_of_the_Seas_in_Port_Everglades.jpg\/800px-Oasis_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#oasis-of-the-seas\" },\n { name: \"Symphony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 65.7, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7c\/Symphony_of_the_Seas_in_Port_Miami.jpg\/800px-Symphony_of_the_Seas_in_Port_Miami.jpg\", pageUrl: \"#symphony-of-the-seas\" },\n { name: \"Valemax ore carriers\", type: \"Cevher Ta\u015f\u0131y\u0131c\u0131\", country: \"Brezilya\/\u00c7in\", length_m: 360, width_m: 65, depth_m: 30, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/2\/2c\/Vale_Brasil_-_Port_of_Rotterdam.jpg\/800px-Vale_Brasil_-_Port_of_Rotterdam.jpg\", pageUrl: \"#valemax\" }, \/\/ Class example.\n { name: \"Queen Mary 2\", type: \"Okyanus Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 41, depth_m: 10.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/18\/Queen_Mary_2_in_Sydney.jpg\/800px-Queen_Mary_2_in_Sydney.jpg\", pageUrl: \"#queen-mary-2\" },\n { name: \"Q-Max tankers\", type: \"LNG Ta\u015f\u0131y\u0131c\u0131\", country: \"Katar\", length_m: 345, width_m: 53.8, depth_m: 12, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/8\/88\/Mozah_LNG_Carrier.jpg\/800px-Mozah_LNG_Carrier.jpg\", pageUrl: \"#q-max\" }, \/\/ Class example.\n { name: \"Global Dream\", type: \"Kruaziyer Gemisi\", country: \"Hong Kong\", length_m: 342, width_m: 46.4, depth_m: null, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream\" }, \/\/ Under construction\/conversion.\n { name: \"Mardi Gras\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 340, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras\" },\n { name: \"Freedom-class cruise ships\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Freedom_of_the_Seas_in_St._Maarten.jpg\/800px-Freedom_of_the_Seas_in_St._Maarten.jpg\", pageUrl: \"#freedom-class\" }, \/\/ Class example.\n { name: \"Costa Smeralda\", type: \"Kruaziyer Gemisi\", country: \"\u0130talya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda\" },\n { name: \"AIDAnova\", type: \"Kruaziyer Gemisi\", country: \"Almanya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_%28ship%29_in_Madeira.jpg\", pageUrl: \"#aidanova\" },\n { name: \"Iona\", type: \"Kruaziyer Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona\" },\n { name: \"MSC World Europa\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 333, width_m: 47, depth_m: 9.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/MSC_World_Europa_in_Doha.jpg\/800px-MSC_World_Europa_in_Doha.jpg\", pageUrl: \"#msc-world-europa\" },\n { name: \"USS Gerald R. Ford\", type: \"U\u00e7ak Gemisi\", country: \"ABD\", length_m: 333, width_m: 78, depth_m: 12, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c5\/USS_Gerald_R._Ford_%28CVN-78%29_underway_in_the_Atlantic_Ocean_on_25_January_2020_%28200125-N-BD352-0088%29.JPG\/800px-USS_Gerald_R._Ford_%28CVN-78%29_underway_in_the_Atlantic_Ocean_on_25_January_2020_%28200125-N-BD352-0088%29.JPG\", pageUrl: \"#uss-gerald-r-ford\" },\n { name: \"Nimitz-class aircraft carriers\", type: \"U\u00e7ak Gemisi\", country: \"ABD\", length_m: 333, width_m: 76.8, depth_m: 11.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/USS_Nimitz_%28CVN-68%29_underway_in_the_Pacific_Ocean_on_14_August_2017_%28170814-N-OY799-094%29.JPG\/800px-USS_Nimitz_%28CVN-68%29_underway_in_the_Pacific_Ocean_on_14_August_2017_%28170814-N-OY799-094%29.JPG\", pageUrl: \"#nimitz-class\" }, \/\/ Class example.\n { name: \"Type 003 aircraft carrier\", type: \"U\u00e7ak Gemisi\", country: \"\u00c7in\", length_m: 320, width_m: 78, depth_m: 11, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/0d\/Chinese_aircraft_carrier_Fujian_%2818%29_at_Jiangnan_Shipyard_on_17_June_2022.jpg\/800px-Chinese_aircraft_carrier_Fujian_%2818%29_at_Jiangnan_Shipyard_on_17_June_2022.jpg\", pageUrl: \"#type-003-carrier\" },\n { name: \"Voyager-class cruise ships\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 311, width_m: 47.4, depth_m: 8.6, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/de\/Voyager_of_the_Seas.jpg\/800px-Voyager_of_the_Seas.jpg\", pageUrl: \"#voyager-class\" }, \/\/ Class example.\n { name: \"Kuznetsov-class aircraft carrier\", type: \"U\u00e7ak Gemisi\", country: \"Rusya\", length_m: 305, width_m: 72, depth_m: 10.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Admiral_Kuznetsov_01.jpg\/800px-Admiral_Kuznetsov_01.jpg\", pageUrl: \"#kuznetsov-class\" }, \/\/ Class example.\n { name: \"Titanic\", type: \"Okyanus Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 269, width_m: 28.2, depth_m: 10.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/RMS_Titanic_3.jpg\/800px-RMS_Titanic_3.jpg\", pageUrl: \"#titanic\" }, \/\/ Famous, historical.\n { name: \"USS Iowa-class battleships\", type: \"Sava\u015f Gemisi\", country: \"ABD\", length_m: 271, width_m: 33, depth_m: 11, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f1\/USS_Iowa_%28BB-61%29_underway_in_the_Pacific_Ocean_on_25_October_1984_%286357819%29.jpeg\/800px-USS_Iowa_%28BB-61%29_underway_in_the_Pacific_Ocean_on_25_October_1984_%286357819%29.jpeg\", pageUrl: \"#iowa-class\" }, \/\/ Class example, historical.\n { name: \"Yamato-class battleships\", type: \"Sava\u015f Gemisi\", country: \"Japonya\", length_m: 263, width_m: 38.9, depth_m: 10.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Japanese_battleship_Yamato_at_sea_in_1941.jpg\/800px-Japanese_battleship_Yamato_at_sea_in_1941.jpg\", pageUrl: \"#yamato-class\" }, \/\/ Class example, historical.\n { name: \"Boka Vanguard\", type: \"A\u011f\u0131r Y\u00fck Gemisi\", country: \"Hollanda\", length_m: 275, width_m: 79, depth_m: 9.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/17\/Boka_Vanguard_in_Rotterdam_harbour_2013.jpg\/800px-Boka_Vanguard_in_Rotterdam_harbour_2013.jpg\", pageUrl: \"#boka-vanguard\" },\n { name: \"Dockwise Vanguard\", type: \"A\u011f\u0131r Y\u00fck Gemisi\", country: \"Hollanda\", length_m: 275, width_m: 79, depth_m: 9.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Dockwise_Vanguard_in_Rotterdam_harbour_2013.jpg\/800px-Dockwise_Vanguard_in_Rotterdam_harbour_2013.jpg\", pageUrl: \"#dockwise-vanguard\" },\n { name: \"Queen Elizabeth-class aircraft carriers\", type: \"U\u00e7ak Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 280, width_m: 73, depth_m: 11, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/HMS_Queen_Elizabeth_%28R08%29_at_sea_in_2021.jpg\/800px-HMS_Queen_Elizabeth_%28R08%29_at_sea_in_2021.jpg\", pageUrl: \"#queen-elizabeth-class\" }, \/\/ Class example.\n { name: \"Blue Whale I\", type: \"Sondaj Gemisi\", country: \"\u00c7in\", length_m: 238, width_m: 42, depth_m: 12, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a8\/Blue_Whale_I_drillship.jpg\/800px-Blue_Whale_I_drillship.jpg\", pageUrl: \"#blue-whale-i\" },\n { name: \"Akademik Lomonosov\", type: \"Y\u00fczer N\u00fckleer Santral\", country: \"Rusya\", length_m: 144, width_m: 30, depth_m: 5.6, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a1\/Akademik_Lomonosov_in_Murmansk_2019.jpg\/800px-Akademik_Lomonosov_in_Murmansk_2019.jpg\", pageUrl: \"#akademik-lomonosov\" },\n { name: \"Type 055 destroyer\", type: \"Destroyer\", country: \"\u00c7in\", length_m: 180, width_m: 20, depth_m: 6.6, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c5\/PLAN_Type_055_destroyer_Nanchang_%28101%29_at_Qingdao_in_2019.jpg\/800px-PLAN_Type_055_destroyer_Nanchang_%28101%29_at_Qingdao_in_2019.jpg\", pageUrl: \"#type-055-destroyer\" }, \/\/ Class example.\n { name: \"Ticonderoga-class cruiser\", type: \"Kruvaz\u00f6r\", country: \"ABD\", length_m: 173, width_m: 16.8, depth_m: 10.2, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/USS_Lake_Champlain_%28CG-57%29_underway_in_the_Pacific_Ocean_on_11_July_2019_%28190711-N-N0101-103%29.JPG\/800px-USS_Lake_Champlain_%28CG-57%29_underway_in_the_Pacific_Ocean_on_11_July_2019_%28190711-N-N0101-103%29.JPG\", pageUrl: \"#ticonderoga-class\" }, \/\/ Class example.\n { name: \"Kirov-class battlecruiser\", type: \"Muharebe Kruvaz\u00f6r\u00fc\", country: \"Rusya\", length_m: 252, width_m: 28.5, depth_m: 9.1, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/ee\/Pyotr_Velikiy_01.jpg\/800px-Pyotr_Velikiy_01.jpg\", pageUrl: \"#kirov-class\" }, \/\/ Class example.\n { name: \"Arleigh Burke-class destroyer\", type: \"Destroyer\", country: \"ABD\", length_m: 155, width_m: 20, depth_m: 9.4, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/USS_Arleigh_Burke_%28DDG-51%29_underway_in_the_Atlantic_Ocean_on_15_July_2020_%28200715-N-N0101-010%29.JPG\/800px-USS_Arleigh_Burke_%28DDG-51%29_underway_in_the_Atlantic_Ocean_on_15_July_2020_%28200715-N-N0101-010%29.JPG\", pageUrl: \"#arleigh-burke-class\" }, \/\/ Class example.\n { name: \"Sovremenny-class destroyer\", type: \"Destroyer\", country: \"Rusya\", length_m: 156, width_m: 17.3, depth_m: 6.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/RFS_Admiral_Ushakov_in_the_Baltic_Sea_on_15_July_2017.JPG\/800px-RFS_Admiral_Ushakov_in_the_Baltic_Sea_on_15_July_2017.JPG\", pageUrl: \"#sovremenny-class\" }, \/\/ Class example.\n \/\/ Added more ships to reach approximately 50 entries\n { name: \"Symphony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 65.7, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7c\/Symphony_of_the_Seas_in_Port_Miami.jpg\/800px-Symphony_of_the_Seas_in_Port_Miami.jpg\", pageUrl: \"#symphony-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Harmony of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 66, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f2\/Harmony_of_the_Seas_in_Port_Everglades.jpg\/800px-Harmony_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#harmony-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Allure of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Allure_of_the_Seas_in_Port_Everglades.jpg\/800px-Allure_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#allure-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Oasis of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 361, width_m: 60.5, depth_m: 9.3, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/3\/35\/Oasis_of_the_Seas_in_Port_Everglades.jpg\/800px-Oasis_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#oasis-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Wonder of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 362, width_m: 64, depth_m: 9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1e\/Wonder_of_the_Seas_%28cropped%29.jpg\/800px-Wonder_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#wonder-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Icon of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 365, width_m: 48.5, depth_m: 9.1, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Icon_of_the_Seas_at_sea.jpg\/800px-Icon_of_the_Seas_at_sea.jpg\", pageUrl: \"#icon-of-the-seas-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC World Europa\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 333, width_m: 47, depth_m: 9.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e6\/MSC_World_Europa_in_Doha.jpg\/800px-MSC_World_Europa_in_Doha.jpg\", pageUrl: \"#msc-world-europa-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Costa Smeralda\", type: \"Kruaziyer Gemisi\", country: \"\u0130talya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"AIDAnova\", type: \"Kruaziyer Gemisi\", country: \"Almanya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_%28ship%29_in_Madeira.jpg\", pageUrl: \"#aidanova-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Iona\", type: \"Kruaziyer Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona-2\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Mardi Gras\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 340, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Global Dream\", type: \"Kruaziyer Gemisi\", country: \"Hong Kong\", length_m: 342, width_m: 46.4, depth_m: null, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC Meraviglia\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 315, width_m: 43, depth_m: 8.7, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e2\/MSC_Meraviglia_%28ship%29_in_Hamburg_2017.jpg\/800px-MSC_Meraviglia_%28ship%29_in_Hamburg_2017.jpg\", pageUrl: \"#msc-meraviglia\" },\n { name: \"MSC Grandiosa\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 331, width_m: 43, depth_m: 8.7, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f3\/MSC_Grandiosa_in_Hamburg_2019.jpg\/800px-MSC_Grandiosa_%28ship%29_in_Hamburg_2019.jpg\", pageUrl: \"#msc-grandiosa\" },\n { name: \"Costa Smeralda\", type: \"Kruaziyer Gemisi\", country: \"\u0130talya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a9\/Costa_Smeralda_%28ship%29_in_Savona.jpg\/800px-Costa_Smeralda_%28ship%29_in_Savona.jpg\", pageUrl: \"#costa-smeralda-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"AIDAnova\", type: \"Kruaziyer Gemisi\", country: \"Almanya\", length_m: 337, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/AIDAnova_in_Madeira.jpg\/800px-AIDAnova_%28ship%29_in_Madeira.jpg\", pageUrl: \"#aidanova-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Iona\", type: \"Kruaziyer Gemisi\", country: \"Birle\u015fik Krall\u0131k\", length_m: 345, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a0\/Iona_%28ship%29_in_Southampton.jpg\/800px-Iona_%28ship%29_in_Southampton.jpg\", pageUrl: \"#iona-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Mardi Gras\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 340, width_m: 42, depth_m: 8.8, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b2\/Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\/800px-Mardi_Gras_%28ship%29_in_Port_Canaveral.jpg\", pageUrl: \"#mardi-gras-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"Global Dream\", type: \"Kruaziyer Gemisi\", country: \"Hong Kong\", length_m: 342, width_m: 46.4, depth_m: null, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d2\/Global_Dream_%28ship%29_in_dock.jpg\/800px-Global_Dream_%28ship%29_in_dock.jpg\", pageUrl: \"#global-dream-3\" }, \/\/ Duplicate, needs unique pageUrl\n { name: \"MSC Seascape\", type: \"Kruaziyer Gemisi\", country: \"Malta\", length_m: 339, width_m: 43, depth_m: 8.7, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d7\/MSC_Seascape_in_Port_Miami_2022.jpg\/800px-MSC_Seascape_%28ship%29_in_Port_Miami_2022.jpg\", pageUrl: \"#msc-seascape\" },\n { name: \"Sovereign-class cruise ships\", type: \"Kruaziyer Gemisi\", country: \"ABD\", length_m: 268, width_m: 32.2, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d5\/Sovereign_of_the_Seas_%28cropped%29.jpg\/800px-Sovereign_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#sovereign-class\" }, \/\/ Class example.\n { name: \"Splendour of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 264, width_m: 32, depth_m: 7.9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/6\/6a\/Splendour_of_the_Seas_in_Venice.jpg\/800px-Splendour_of_the_Seas_in_Venice.jpg\", pageUrl: \"#splendour-of-the-seas\" },\n { name: \"Legend of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 264, width_m: 32, depth_m: 7.9, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a7\/Legend_of_the_Seas_%28cropped%29.jpg\/800px-Legend_of_the_Seas_%28cropped%29.jpg\", pageUrl: \"#legend-of-the-seas\" },\n { name: \"Independence of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b7\/Independence_of_the_Seas_in_Southampton_2016.jpg\/800px-Independence_of_the_Seas_in_Southampton_2016.jpg\", pageUrl: \"#independence-of-the-seas\" },\n { name: \"Liberty of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e3\/Liberty_of_the_Seas_in_Port_Everglades.jpg\/800px-Liberty_of_the_Seas_in_Port_Everglades.jpg\", pageUrl: \"#liberty-of-the-seas\" },\n { name: \"Freedom of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 339, width_m: 56, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/d0\/Freedom_of_the_Seas_in_St._Maarten.jpg\/800px-Freedom_of_the_Seas_in_St._Maarten.jpg\", pageUrl: \"#freedom-of-the-seas\" },\n { name: \"Quantum of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/e\/e0\/Quantum_of_the_Seas_in_Shanghai.jpg\/800px-Quantum_of_the_Seas_in_Shanghai.jpg\", pageUrl: \"#quantum-of-the-seas\" },\n { name: \"Anthem of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/f\/f6\/Anthem_of_the_Seas_in_Southampton_2015.jpg\/800px-Anthem_of_the_Seas_in_Southampton_2015.jpg\", pageUrl: \"#anthem-of-the-seas\" },\n { name: \"Ovation of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b6\/Ovation_of_the_Seas_in_Sydney_2017.jpg\/800px-Ovation_of_the_Seas_in_Sydney_2017.jpg\", pageUrl: \"#ovation-of-the-seas\" },\n { name: \"Spectrum of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/d\/df\/Spectrum_of_the_Seas_in_Singapore_2019.jpg\/800px-Spectrum_of_the_Seas_in_Singapore_2019.jpg\", pageUrl: \"#spectrum-of-the-seas\" },\n { name: \"Odyssey of the Seas\", type: \"Kruaziyer Gemisi\", country: \"Bahamalar\", length_m: 347, width_m: 49.4, depth_m: 8.5, imageUrl: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/a6\/Odyssey_of_the_Seas_in_Fort_Lauderdale_2021.jpg\/800px-Odyssey_of_the_Seas_in_Fort_Lauderdale_2021.jpg\", pageUrl: \"#odyssey-of-the-seas\" }\n\n ];\n\n \/\/ Sort ships by length in descending order\n ships.sort((a, b) => b.length_m - a.length_m);\n\n \/\/ Language strings\n const lang = {\n tr: {\n title: \"D\u00fcnyan\u0131n En B\u00fcy\u00fck Gemileri\",\n type: \"Tip\",\n country: \"\u00dclke\",\n length: \"Uzunluk\",\n width: \"Geni\u015flik\",\n depth: \"Derinlik\",\n meters: \"m\",\n page: \"Sayfa\",\n of: \"\/\",\n prev: \"\u00d6nceki\",\n next: \"Sonraki\",\n imageNotFound: \"Resim y\u00fcklenemedi\"\n },\n en: {\n title: \"World's Largest Ships\",\n type: \"Type\",\n country: \"Country\",\n length: \"Length\",\n width: \"Width\",\n depth: \"Depth\",\n meters: \"m\",\n page: \"Page\",\n of: \"\/\",\n prev: \"Previous\",\n next: \"Next\",\n imageNotFound: \"Image failed to load\"\n }\n };\n\n \/\/ Detect browser language\n const userLang = navigator.language.split('-')[0]; \/\/ Get the primary language code (e.g., \"en\", \"tr\")\n const currentLang = lang[userLang] || lang['en']; \/\/ Use user's language if available, otherwise default to English\n\n \/\/ Ensure the script runs after the DOM is fully loaded\n document.addEventListener('DOMContentLoaded', () => {\n const shipsContainer = document.getElementById('ships-container');\n const prevBtn = document.getElementById('prev-btn');\n const nextBtn = document.getElementById('next-btn');\n const pageInfoSpan = document.getElementById('page-info');\n const adContainer = document.getElementById('ad-container'); \/\/ Reference to the ad container\n const mainTitle = document.getElementById('main-title');\n const prevButtonText = prevBtn.querySelector('.button-text');\n const nextButtonText = nextBtn.querySelector('.button-text');\n\n\n let currentPage = 0;\n const itemsPerPage = 2; \/\/ Show two ships at a time\n const adDisplayDuration = 2000; \/\/ Duration in milliseconds to show the ad (2 seconds)\n\n \/\/ Function to update text content based on language\n function updateTextContent() {\n mainTitle.textContent = currentLang.title;\n prevButtonText.textContent = currentLang.prev;\n nextButtonText.textContent = currentLang.next;\n \/\/ Page info will be updated in displayShips\n }\n\n \/\/ Function to display ships for the current page\n function displayShips(page) {\n \/\/ Hide the ship container and show the ad container\n shipsContainer.style.display = 'none';\n adContainer.style.display = 'flex'; \/\/ Use flex to center ad content\n\n \/\/ Clear previous ad content\n adContainer.innerHTML = '';\n\n \/\/ Recreate and append the AdSense ins element for dynamic ad\n const newAdInsElement = document.createElement('ins');\n newAdInsElement.className = 'adsbygoogle';\n newAdInsElement.style.display = 'block';\n newAdInsElement.setAttribute('data-ad-client', 'ca-pub-2506329722665303');\n newAdInsElement.setAttribute('data-ad-slot', '1444491293'); \/\/ Ensure this is a valid ad slot ID\n newAdInsElement.setAttribute('data-ad-format', 'auto');\n newAdInsElement.setAttribute('data-full-width-responsive', 'true');\n adContainer.appendChild(newAdInsElement);\n\n\n \/\/ *** YOUR AD CODE LOADING\/REFRESH LOGIC GOES HERE ***\n \/\/ For Google AdSense, the push command needs to be called after the ad container\n \/\/ is visible and has a size.\n console.log(\"Ad container offsetWidth before dynamic ad push:\", adContainer.offsetWidth); \/\/ Log width\n try {\n \/\/ Use requestAnimationFrame to wait for the next paint cycle\n \/\/ Then add a small delay before pushing the ad to allow layout to settle\n requestAnimationFrame(() => {\n setTimeout(() => {\n \/\/ Check width again just before pushing\n const currentWidth = adContainer.offsetWidth;\n console.log(\"Ad container offsetWidth before dynamic ad push:\", currentWidth); \/\/ Log width again\n if (currentWidth > 0) {\n (adsbygoogle = window.adsbygoogle || []).push({});\n } else {\n console.warn(\"Dynamic ad container still has zero width before push.\");\n }\n }, 300); \/\/ Increased delay to 300ms\n });\n } catch (e) {\n console.error(\"AdSense push error:\", e);\n }\n \/\/ **********************************************************\n\n\n \/\/ Wait for adDisplayDuration, then hide ad and show ships\n setTimeout(() => {\n adContainer.style.display = 'none'; \/\/ Hide ad container\n shipsContainer.style.display = 'flex'; \/\/ Show ship container (using flex for layout)\n\n\n shipsContainer.innerHTML = ''; \/\/ Clear existing content\n const start = page * itemsPerPage;\n const end = start + itemsPerPage;\n const shipsToDisplay = ships.slice(start, end);\n\n shipsToDisplay.forEach(ship => {\n const shipCard = document.createElement('div');\n \/\/ Added w-full for small screens, sm:w-64 for larger, and adjusted padding\/margin\n shipCard.className = 'bg-blue-100 p-4 rounded-lg shadow-md w-full sm:w-64 text-center flex flex-col items-center ship-card'; \/\/ Added ship-card class\n\n \/\/ Create the link element\n const shipLink = document.createElement('a');\n shipLink.href = ship.pageUrl; \/\/ Set the link URL\n shipLink.className = 'ship-link'; \/\/ Add the ship-link class\n\n \/\/ Create the image element\n const img = document.createElement('img');\n img.src = ship.imageUrl;\n img.alt = ship.name;\n img.className = 'rounded-md mb-2'; \/\/ Added rounded corners and bottom margin\n \/\/ Add error handling for images\n img.onerror = function() {\n this.onerror=null; \/\/ Prevent infinite loop\n this.src='https:\/\/placehold.co\/800x600\/cccccc\/333333?text=' + encodeURIComponent(currentLang.imageNotFound); \/\/ Placeholder image with localized text\n this.alt=currentLang.imageNotFound;\n };\n\n\n \/\/ Create the ship name heading\n const shipName = document.createElement('h3');\n shipName.textContent = ship.name;\n shipName.className = 'text-lg font-semibold text-gray-700 mb-2'; \/\/ Adjusted font size and margin\n\n \/\/ Append image and name to the link\n shipLink.appendChild(img);\n shipLink.appendChild(shipName);\n\n \/\/ Create the info block\n const shipInfo = document.createElement('div');\n shipInfo.className = 'ship-info'; \/\/ Add the ship-info class\n shipInfo.innerHTML = `\n <p><strong>${currentLang.type}:<\/strong> ${ship.type}<\/p>\n <p><strong>${currentLang.country}:<\/strong> ${ship.country}<\/p>\n <p><strong>${currentLang.length}:<\/strong> ${ship.length_m} ${currentLang.meters}<\/p>\n ${ship.width_m ? `<p><strong>${currentLang.width}:<\/strong> ${ship.width_m} ${currentLang.meters}<\/p>` : ''}\n ${ship.depth_m ? `<p><strong>${currentLang.depth}:<\/strong> ${ship.depth_m} ${currentLang.meters}<\/p>` : ''}\n `;\n\n \/\/ Create social share buttons container\n const socialShareContainer = document.createElement('div');\n socialShareContainer.className = 'social-share-container';\n\n \/\/ Share URL (replace with your actual base URL + ship.pageUrl)\n const shareUrl = window.location.origin + window.location.pathname + ship.pageUrl;\n const shareText = `D\u00fcnyan\u0131n en b\u00fcy\u00fck gemilerinden biri: ${ship.name} - ${ship.length_m}m uzunlu\u011funda. Daha fazlas\u0131n\u0131 \u00f6\u011frenin: ${shareUrl}`; \/\/ Share text remains in Turkish for now\n\n \/\/ Twitter Share Button\n const twitterShare = document.createElement('a');\n twitterShare.href = `https:\/\/twitter.com\/intent\/tweet?text=${encodeURIComponent(shareText)}`;\n twitterShare.target = \"_blank\";\n twitterShare.setAttribute(\"aria-label\", \"Twitter'da Payla\u015f\");\n twitterShare.innerHTML = '<i class=\"fab fa-twitter\"><\/i>';\n\n \/\/ Facebook Share Button (Requires Facebook App ID for proper sharing)\n \/\/ For simplicity, using a basic share link which might not work as expected without configuration\n const facebookShare = document.createElement('a');\n facebookShare.href = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${encodeURIComponent(shareUrl)}`;\n facebookShare.target = \"_blank\";\n facebookShare.setAttribute(\"aria-label\", \"Facebook'ta Payla\u015f\");\n facebookShare.className = 'facebook'; \/\/ Add class for specific hover color\n facebookShare.innerHTML = '<i class=\"fab fa-facebook-f\"><\/i>';\n\n \/\/ LinkedIn Share Button\n const linkedinShare = document.createElement('a');\n linkedinShare.href = `https:\/\/www.linkedin.com\/shareArticle?mini=true&url=${encodeURIComponent(shareUrl)}&title=${encodeURIComponent(ship.name)}&summary=${encodeURIComponent(ship.type + ', ' + ship.country)}&source=${encodeURIComponent(window.location.origin)}`;\n linkedinShare.target = \"_blank\";\n linkedinShare.setAttribute(\"aria-label\", \"LinkedIn'de Payla\u015f\");\n linkedinShare.className = 'linkedin'; \/\/ Add class for specific hover color\n linkedinShare.innerHTML = '<i class=\"fab fa-linkedin-in\"><\/i>';\n\n \/\/ Append social share buttons to their container\n socialShareContainer.appendChild(twitterShare);\n socialShareContainer.appendChild(facebookShare);\n socialShareContainer.appendChild(linkedinShare);\n\n\n \/\/ Append the link, info, and social share container to the card\n shipCard.appendChild(shipLink);\n shipCard.appendChild(shipInfo);\n shipCard.appendChild(socialShareContainer);\n\n\n shipsContainer.appendChild(shipCard); \/\/ Add the card to the container\n });\n\n \/\/ Update page info\n const totalPages = Math.ceil(ships.length \/ itemsPerPage);\n pageInfoSpan.textContent = `${currentLang.page} ${page + 1} ${currentLang.of} ${totalPages}`;\n\n \/\/ Update button states\n prevBtn.disabled = page === 0;\n nextBtn.disabled = page === totalPages - 1;\n\n }, adDisplayDuration); \/\/ Delay showing ships until after ad duration\n }\n\n \/\/ Event listeners for navigation buttons\n prevBtn.addEventListener('click', () => {\n if (currentPage > 0) {\n currentPage--;\n displayShips(currentPage);\n }\n });\n\n nextBtn.addEventListener('click', () => {\n const totalPages = Math.ceil(ships.length \/ itemsPerPage);\n if (currentPage < totalPages - 1) {\n currentPage++;\n displayShips(currentPage);\n }\n });\n\n \/\/ Initial update of text content based on detected language\n updateTextContent();\n\n \/\/ Initial display of the first page\n displayShips(currentPage);\n });\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>D\u00fcnyan\u0131n En B\u00fcy\u00fck Gemileri<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-229","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=229"}],"version-history":[{"count":6,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/229\/revisions"}],"predecessor-version":[{"id":238,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/229\/revisions\/238"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}