{"id":118,"date":"2026-06-26T01:45:57","date_gmt":"2026-06-25T22:45:57","guid":{"rendered":"https:\/\/dev.allinoneatsea.com\/?page_id=118"},"modified":"2026-06-26T02:06:57","modified_gmt":"2026-06-25T23:06:57","slug":"port-charts","status":"publish","type":"page","link":"https:\/\/dev.allinoneatsea.com\/index.php\/port-charts\/","title":{"rendered":"Port Charts"},"content":{"rendered":"\n<div id=\"windy-search-wrapper\">\n    \n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&#038;family=Rajdhani:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- \u0130ZOLASYON BA\u015eLANGICI --- *\/\n        #windy-search-wrapper {\n            all: initial;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n            \n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n            min-height: 400px;\n            padding: 20px;\n            \n            background: radial-gradient(circle at center, #1e293b 0%, #0f172a 100%);\n            border-radius: 12px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        #windy-search-wrapper * {\n            box-sizing: border-box;\n        }\n\n        .w-grid-bg {\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n            background-image: \n                linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n            background-size: 40px 40px;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .w-search-box {\n            position: relative;\n            z-index: 10;\n            width: 100%;\n            max-width: 450px;\n            background: rgba(30, 41, 59, 0.6);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 20px;\n            padding: 40px;\n            text-align: center;\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n            transition: transform 0.3s ease;\n        }\n\n        .w-search-box:hover {\n            transform: translateY(-5px);\n            border-color: rgba(56, 189, 248, 0.3);\n        }\n\n        .w-title {\n            font-family: 'Rajdhani', sans-serif;\n            font-size: 28px;\n            font-weight: 700;\n            color: white;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 5px;\n            text-shadow: 0 0 15px rgba(56, 189, 248, 0.4);\n        }\n\n        .w-subtitle {\n            font-size: 13px;\n            color: #94a3b8;\n            margin-bottom: 25px;\n            font-weight: 400;\n        }\n\n        .w-input-group {\n            position: relative;\n            margin-bottom: 15px;\n        }\n\n        .w-icon {\n            position: absolute;\n            left: 15px;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 20px;\n            height: 20px;\n            color: #64748b;\n            pointer-events: none;\n        }\n\n        .w-input {\n            width: 100%;\n            padding: 16px 16px 16px 45px;\n            background: rgba(15, 23, 42, 0.6);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 12px;\n            color: white;\n            font-size: 15px;\n            font-family: 'Inter', sans-serif;\n            outline: none;\n            transition: all 0.3s;\n        }\n\n        .w-input::placeholder { color: #64748b; }\n\n        .w-input:focus {\n            background: rgba(15, 23, 42, 0.9);\n            border-color: #38bdf8;\n            box-shadow: 0 0 15px rgba(56, 189, 248, 0.2);\n        }\n\n        .w-btn {\n            width: 100%;\n            padding: 16px;\n            border: none;\n            border-radius: 12px;\n            background: linear-gradient(135deg, #0ea5e9, #3b82f6);\n            color: white;\n            font-family: 'Rajdhani', sans-serif;\n            font-weight: 700;\n            font-size: 16px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            cursor: pointer;\n            transition: all 0.3s;\n            box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3);\n        }\n\n        .w-btn:hover {\n            filter: brightness(1.1);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 25px rgba(14, 165, 233, 0.5);\n        }\n\n        .w-footer {\n            margin-top: 20px;\n            font-size: 11px;\n            color: #475569;\n        }\n        .w-footer a { color: #38bdf8; text-decoration: none; }\n    <\/style>\n\n    <div class=\"w-grid-bg\"><\/div>\n\n    <div class=\"w-search-box\">\n        <div class=\"w-title\">Port Charts<\/div>\n        <div class=\"w-subtitle\">Search for ports, coordinates, Berth, Terminal &#038; locations<\/div>\n        \n        <form action=\"https:\/\/appchart.c-map.com\" method=\"GET\" target=\"_blank\">\n            <div class=\"w-input-group\">\n                <svg class=\"w-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path>\n                <\/svg>\n                \n                <input type=\"text\" name=\"query\" class=\"w-input\" placeholder=\"Enter location...\" required autocomplete=\"off\">\n            <\/div>\n            \n            <button type=\"submit\" class=\"w-btn\">Search Map<\/button>\n        <\/form>\n\n        <div class=\"w-footer\">\n            Powered by <a href=\"https:\/\/appchart.c-map.com\" target=\"_blank\">C-MAP<\/a>\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Port Charts Search for ports, coordinates, Berth, Terminal &#038; locations Search Map Powered by C-MAP<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-118","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":3,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/118\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}