Windy.app Area Search<\/title>\n\n\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n\n\n <style>\n\n\n\n \/* Set the minimum height and font family for the main container *\/\n\n\n\n .app-container {\n\n\n\n font-family: 'Inter', sans-serif;\n\n\n\n padding-bottom: 0.5rem; \/* Bottom margin *\/\n\n\n\n }\n\n\n\n \/* Background pattern using custom Tailwind colors *\/\n\n\n\n .header-bg-pattern {\n\n\n\n background-color: #1e293b; \/* windy-dark *\/\n\n\n\n background-image: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(30, 41, 59, 0) 70%); \/* light blue gradient *\/\n\n\n\n }\n\n\n\n <\/style>\n\n\n\n <script>\n\n\n\n \/\/ Tailwind configuration\n\n\n\n tailwind.config = {\n\n\n\n theme: {\n\n\n\n extend: {\n\n\n\n colors: {\n\n\n\n 'windy-dark': '#1e293b',\n\n\n\n 'windy-blue': '#3b82f6',\n\n\n\n 'windy-light': '#60a5fa',\n\n\n\n }\n\n\n\n }\n\n\n\n }\n\n\n\n }\n\n\n\n <\/script>\n\n\n\n<\/head>\n\n\n\n<body class=\"bg-gray-50 p-4\">\n\n\n\n\n\n\n\n<div class=\"app-container max-w-4xl mx-auto shadow-2xl rounded-xl overflow-hidden border border-gray-200\">\n\n\n\n <header class=\"header-bg-pattern p-4 sm:p-6 flex flex-col sm:flex-row items-center justify-between space-y-3 sm:space-y-0\">\n\n\n\n <div class=\"flex items-center space-x-3 w-full sm:w-auto justify-center sm:justify-start\">\n\n\n\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n\n\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 15a4 4 0 004 4h9a5 5 0 005-5V7a2 2 0 00-2-2H5a2 2 0 00-2 2v8zm0 0v1h1c.142 0 .28-.01.417-.03M15 10a3 3 0 11-6 0m6 0a3 3 0 10-6 0m6 0h.01M12 12a3 3 0 100-6 3 3 0 000 6z\"><\/path>\n\n\n\n <\/svg>\n\n\n\n <h1 class=\"text-xl sm:text-2xl font-bold text-white tracking-wider\">Weather Forecast<\/h1>\n\n\n\n <\/div>\n\n\n\n \n\n\n\n <form id=\"searchForm\" class=\"w-full sm:w-2\/3 flex space-x-2 mt-4 sm:mt-0\">\n\n\n\n <input\n\n\n\n type=\"text\"\n\n\n\n id=\"locationInput\"\n\n\n\n placeholder=\"Enter city, region, or coordinates...\"\n\n\n\n class=\"w-full p-2.5 text-sm rounded-lg bg-gray-700 text-white placeholder-gray-400 focus:ring-windy-light focus:border-windy-light border-transparent transition duration-150 ease-in-out\"\n\n\n\n required\n\n\n\n \/>\n\n\n\n <button\n\n\n\n type=\"submit\"\n\n\n\n id=\"searchButton\"\n\n\n\n class=\"px-4 py-2 bg-windy-blue text-white font-semibold rounded-lg hover:bg-windy-light transition duration-150 ease-in-out shadow-md flex items-center justify-center whitespace-nowrap\"\n\n\n\n >\n\n\n\n Search\n\n\n\n <\/button>\n\n\n\n <\/form>\n\n\n\n <\/header>\n\n\n\n\n\n\n\n <main class=\"bg-white p-4 text-center\">\n\n\n\n <p class=\"text-sm text-gray-600\">Your search will open in a new tab directly on the <span class=\"font-semibold\">windy.app<\/span> website.<\/p>\n\n\n\n <\/main>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n<script>\n\n\n\n document.addEventListener('DOMContentLoaded', () => {\n\n\n\n const searchForm = document.getElementById('searchForm');\n\n\n\n const locationInput = document.getElementById('locationInput');\n\n\n\n const searchButton = document.getElementById('searchButton');\n\n\n\n\n\n\n\n \/**\n\n\n\n * Redirects the user's entered location to a Google search constrained to the Windy.app site.\n\n\n\n * @param {string} location - The location name searched by the user.\n\n\n\n *\/\n\n\n\n function redirectToMap(location) {\n\n\n\n if (!location) return;\n\n\n\n\n\n\n\n \/\/ Set the button to loading state\n\n\n\n searchButton.textContent = 'Redirecting...';\n\n\n\n searchButton.disabled = true;\n\n\n\n\n\n\n\n \/\/ Create safe URL\n\n\n\n const encodedLocation = encodeURIComponent(location);\n\n\n\n \n\n\n\n \/\/ FIX: Google URL to search within Windy.app (site:windy.app query)\n\n\n\n const searchUrl = `https:\/\/windy.app\/map\/+${encodedLocation}`;\n\n\n\n \n\n\n\n \/\/ Open in a new tab\n\n\n\n window.open(searchUrl, '_blank');\n\n\n\n \n\n\n\n \/\/ Restore the button after a short delay\n\n\n\n setTimeout(() => {\n\n\n\n \/\/ Note: Changed back to 'Search' for consistency, as 'Windy\\'de Ara' was a non-English-friendly leftover\n\n\n\n searchButton.textContent = 'Search'; \n\n\n\n searchButton.disabled = false;\n\n\n\n }, 500);\n\n\n\n }\n\n\n\n\n\n\n\n \/\/ Listen for the form submission event\n\n\n\n searchForm.addEventListener('submit', (event) => {\n\n\n\n event.preventDefault(); \/\/ Prevent default form submission\n\n\n\n const location = locationInput.value.trim();\n\n\n\n redirectToMap(location);\n\n\n\n });\n\n\n\n\n\n\n\n });\n\n\n\n<\/script>\n\n\n\n\n\n\n\n<\/body>\n\n\n\n<\/html> \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Windy.app Area Search Weather Forecast Search Your search will open in a new tab directly on the windy.app website.<\/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-90","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/90","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=90"}],"version-history":[{"count":6,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":90,"date":"2026-06-25T21:35:17","date_gmt":"2026-06-25T18:35:17","guid":{"rendered":"https:\/\/dev.allinoneatsea.com\/?page_id=90"},"modified":"2026-06-25T22:04:58","modified_gmt":"2026-06-25T19:04:58","slug":"90-2","status":"publish","type":"page","link":"https:\/\/dev.allinoneatsea.com\/index.php\/90-2\/","title":{"rendered":"Weather Forecast"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n \n\n\n\n Windy.app Area Search<\/title>\n\n\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n\n\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n\n\n <style>\n\n\n\n \/* Set the minimum height and font family for the main container *\/\n\n\n\n .app-container {\n\n\n\n font-family: 'Inter', sans-serif;\n\n\n\n padding-bottom: 0.5rem; \/* Bottom margin *\/\n\n\n\n }\n\n\n\n \/* Background pattern using custom Tailwind colors *\/\n\n\n\n .header-bg-pattern {\n\n\n\n background-color: #1e293b; \/* windy-dark *\/\n\n\n\n background-image: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(30, 41, 59, 0) 70%); \/* light blue gradient *\/\n\n\n\n }\n\n\n\n <\/style>\n\n\n\n <script>\n\n\n\n \/\/ Tailwind configuration\n\n\n\n tailwind.config = {\n\n\n\n theme: {\n\n\n\n extend: {\n\n\n\n colors: {\n\n\n\n 'windy-dark': '#1e293b',\n\n\n\n 'windy-blue': '#3b82f6',\n\n\n\n 'windy-light': '#60a5fa',\n\n\n\n }\n\n\n\n }\n\n\n\n }\n\n\n\n }\n\n\n\n <\/script>\n\n\n\n<\/head>\n\n\n\n<body class=\"bg-gray-50 p-4\">\n\n\n\n\n\n\n\n<div class=\"app-container max-w-4xl mx-auto shadow-2xl rounded-xl overflow-hidden border border-gray-200\">\n\n\n\n <header class=\"header-bg-pattern p-4 sm:p-6 flex flex-col sm:flex-row items-center justify-between space-y-3 sm:space-y-0\">\n\n\n\n <div class=\"flex items-center space-x-3 w-full sm:w-auto justify-center sm:justify-start\">\n\n\n\n <svg class=\"w-8 h-8 text-white\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n\n\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 15a4 4 0 004 4h9a5 5 0 005-5V7a2 2 0 00-2-2H5a2 2 0 00-2 2v8zm0 0v1h1c.142 0 .28-.01.417-.03M15 10a3 3 0 11-6 0m6 0a3 3 0 10-6 0m6 0h.01M12 12a3 3 0 100-6 3 3 0 000 6z\"><\/path>\n\n\n\n <\/svg>\n\n\n\n <h1 class=\"text-xl sm:text-2xl font-bold text-white tracking-wider\">Weather Forecast<\/h1>\n\n\n\n <\/div>\n\n\n\n \n\n\n\n <form id=\"searchForm\" class=\"w-full sm:w-2\/3 flex space-x-2 mt-4 sm:mt-0\">\n\n\n\n <input\n\n\n\n type=\"text\"\n\n\n\n id=\"locationInput\"\n\n\n\n placeholder=\"Enter city, region, or coordinates...\"\n\n\n\n class=\"w-full p-2.5 text-sm rounded-lg bg-gray-700 text-white placeholder-gray-400 focus:ring-windy-light focus:border-windy-light border-transparent transition duration-150 ease-in-out\"\n\n\n\n required\n\n\n\n \/>\n\n\n\n <button\n\n\n\n type=\"submit\"\n\n\n\n id=\"searchButton\"\n\n\n\n class=\"px-4 py-2 bg-windy-blue text-white font-semibold rounded-lg hover:bg-windy-light transition duration-150 ease-in-out shadow-md flex items-center justify-center whitespace-nowrap\"\n\n\n\n >\n\n\n\n Search\n\n\n\n <\/button>\n\n\n\n <\/form>\n\n\n\n <\/header>\n\n\n\n\n\n\n\n <main class=\"bg-white p-4 text-center\">\n\n\n\n <p class=\"text-sm text-gray-600\">Your search will open in a new tab directly on the <span class=\"font-semibold\">windy.app<\/span> website.<\/p>\n\n\n\n <\/main>\n\n\n\n<\/div>\n\n\n\n\n\n\n\n<script>\n\n\n\n document.addEventListener('DOMContentLoaded', () => {\n\n\n\n const searchForm = document.getElementById('searchForm');\n\n\n\n const locationInput = document.getElementById('locationInput');\n\n\n\n const searchButton = document.getElementById('searchButton');\n\n\n\n\n\n\n\n \/**\n\n\n\n * Redirects the user's entered location to a Google search constrained to the Windy.app site.\n\n\n\n * @param {string} location - The location name searched by the user.\n\n\n\n *\/\n\n\n\n function redirectToMap(location) {\n\n\n\n if (!location) return;\n\n\n\n\n\n\n\n \/\/ Set the button to loading state\n\n\n\n searchButton.textContent = 'Redirecting...';\n\n\n\n searchButton.disabled = true;\n\n\n\n\n\n\n\n \/\/ Create safe URL\n\n\n\n const encodedLocation = encodeURIComponent(location);\n\n\n\n \n\n\n\n \/\/ FIX: Google URL to search within Windy.app (site:windy.app query)\n\n\n\n const searchUrl = `https:\/\/windy.app\/map\/+${encodedLocation}`;\n\n\n\n \n\n\n\n \/\/ Open in a new tab\n\n\n\n window.open(searchUrl, '_blank');\n\n\n\n \n\n\n\n \/\/ Restore the button after a short delay\n\n\n\n setTimeout(() => {\n\n\n\n \/\/ Note: Changed back to 'Search' for consistency, as 'Windy\\'de Ara' was a non-English-friendly leftover\n\n\n\n searchButton.textContent = 'Search'; \n\n\n\n searchButton.disabled = false;\n\n\n\n }, 500);\n\n\n\n }\n\n\n\n\n\n\n\n \/\/ Listen for the form submission event\n\n\n\n searchForm.addEventListener('submit', (event) => {\n\n\n\n event.preventDefault(); \/\/ Prevent default form submission\n\n\n\n const location = locationInput.value.trim();\n\n\n\n redirectToMap(location);\n\n\n\n });\n\n\n\n\n\n\n\n });\n\n\n\n<\/script>\n\n\n\n\n\n\n\n<\/body>\n\n\n\n<\/html> \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Windy.app Area Search Weather Forecast Search Your search will open in a new tab directly on the windy.app website.<\/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-90","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/90","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=90"}],"version-history":[{"count":6,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/dev.allinoneatsea.com\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}