<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" href="/favicon.ico" sizes="any">
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

    <title>Weather Forecasts Worldwide | WEATHER-INFO.COM</title>
    <meta name="description" content="Current weather, hourly forecasts and extended outlooks for locations around the world.">
    <link rel="canonical" href="https://www.spaceref.com/">
    <link rel="stylesheet" href="/style.css">
    <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://www.spaceref.com/#organization",
            "name": "WEATHER-INFO.COM",
            "url": "https://www.spaceref.com/",
            "logo": {
                "@type": "ImageObject",
                "@id": "https://www.spaceref.com/#logo",
                "url": "https://www.spaceref.com/weather-info-logo.svg",
                "caption": "Logo WEATHER-INFO.COM"
            }
        },
        {
            "@type": "WebSite",
            "@id": "https://www.spaceref.com/#website",
            "url": "https://www.spaceref.com/",
            "name": "WEATHER-INFO.COM",
            "inLanguage": "en-US",
            "publisher": {
                "@id": "https://www.spaceref.com/#organization"
            },
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://www.spaceref.com/?q={search_term_string}",
                "query-input": "required name=search_term_string"
            }
        },
        {
            "@type": "WebPage",
            "@id": "https://www.spaceref.com/#webpage",
            "name": "Weather Forecasts Worldwide | WEATHER-INFO.COM",
            "description": "Current weather, hourly forecasts and extended outlooks for locations around the world.",
            "url": "https://www.spaceref.com/",
            "inLanguage": "en",
            "isPartOf": {
                "@id": "https://www.spaceref.com/#website"
            },
            "publisher": {
                "@id": "https://www.spaceref.com/#organization"
            }
        }
    ]
}</script>
</head>

<body class="theme-clear-day home-body">
<div class="site home-site home-v9">

    <header class="topbar home-topbar-v9">
        <!-- Pas de <a href> ici : on conserve exactement 16 liens HTML sortants. -->
        <div class="brand" aria-label="WEATHER-INFO.COM">
            <img src="/weather-info-logo.png"
                 alt="WEATHER-INFO.COM"
                 class="site-logo">
        </div>
    </header>

    <main>

        <section class="home-hero-v9">
            <div class="home-hero-copy-v9">
                <p class="home-kicker-v9">Local weather forecasts</p>
                <h1>Weather forecasts around the world</h1>
                <p class="home-lead-v9">
                    Check current conditions, hourly weather and extended forecasts
                    for cities and localities around the world.
                </p>
            </div>

            <form class="search city-search home-search-v9"
                  method="get"
                  action="/"
                  autocomplete="off">
                <div class="city-search-box home-search-box-v9">
                    <input type="search"
                           id="home-city-search-input"
                           class="city-search-input home-search-input-v9"
                           placeholder="Search a city..."
                           aria-label="Search a city"
                           data-search-url="/search_cities.php">

                    <input type="hidden"
                           id="home-city-search-slug"
                           name="city"
                           value="">

                    <button type="submit">View weather</button>

                    <div class="city-suggestions"
                         id="home-city-suggestions"
                         role="listbox"
                         aria-label="City suggestions"></div>
                </div>
            </form>
        </section>

        <section class="home-section-v9 seo-bubble-card">
            <div class="home-section-head-v9">
                <p class="home-kicker-v9">Major locations</p>
                <h2>Explore weather forecasts</h2>
                <p>
                    Quick access to major cities for current weather,
                    hourly forecasts and extended outlooks.
                </p>
            </div>

            
                <div class="home-city-grid-v9 seo-card-grid-compact">
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/england/london">
                            <span class="home-city-text-v9">
                                <strong>London</strong>
                                <em>
                                    GB                                     · 10,416,420 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/new-york/new-york">
                            <span class="home-city-text-v9">
                                <strong>New York</strong>
                                <em>
                                    US                                     · 8,483,844 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/ontario/toronto">
                            <span class="home-city-text-v9">
                                <strong>Toronto</strong>
                                <em>
                                    CA                                     · 5,494,431 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/new-south-wales/sydney">
                            <span class="home-city-text-v9">
                                <strong>Sydney</strong>
                                <em>
                                    AU                                     · 4,150,917 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/california/los-angeles">
                            <span class="home-city-text-v9">
                                <strong>Los Angeles</strong>
                                <em>
                                    US                                     · 3,857,263 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/victoria/melbourne">
                            <span class="home-city-text-v9">
                                <strong>Melbourne</strong>
                                <em>
                                    AU                                     · 3,639,893 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/illinois/chicago">
                            <span class="home-city-text-v9">
                                <strong>Chicago</strong>
                                <em>
                                    US                                     · 2,711,226 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/quebec/montreal">
                            <span class="home-city-text-v9">
                                <strong>Montréal</strong>
                                <em>
                                    CA                                     · 2,668,723 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/england/birmingham">
                            <span class="home-city-text-v9">
                                <strong>Birmingham</strong>
                                <em>
                                    GB                                     · 2,631,757 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/england/manchester">
                            <span class="home-city-text-v9">
                                <strong>Manchester</strong>
                                <em>
                                    GB                                     · 2,535,427 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/texas/houston">
                            <span class="home-city-text-v9">
                                <strong>Houston</strong>
                                <em>
                                    US                                     · 2,328,253 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/british-columbia/vancouver">
                            <span class="home-city-text-v9">
                                <strong>Vancouver</strong>
                                <em>
                                    CA                                     · 1,707,865 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/arizona/phoenix">
                            <span class="home-city-text-v9">
                                <strong>Phoenix</strong>
                                <em>
                                    US                                     · 1,642,323 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/pennsylvania/philadelphia">
                            <span class="home-city-text-v9">
                                <strong>Philadelphia</strong>
                                <em>
                                    US                                     · 1,579,706 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/texas/san-antonio">
                            <span class="home-city-text-v9">
                                <strong>San Antonio</strong>
                                <em>
                                    US                                     · 1,479,835 residents                                </em>
                            </span>
                        </a>
                                            <a class="home-city-card-v9 seo-city-anchor"
                           href="/california/san-diego">
                            <span class="home-city-text-v9">
                                <strong>San Diego</strong>
                                <em>
                                    US                                     · 1,389,526 residents                                </em>
                            </span>
                        </a>
                                    </div>

                    </section>

        <section class="home-section-v9 seo-bubble-card">
            <div class="home-section-head-v9">
                <p class="home-kicker-v9">Weather information</p>
                <h2>Current and upcoming conditions</h2>
                <p>
                    WEATHER-INFO.COM provides local weather information for tens of
                    thousands of locations. Forecast pages combine current conditions,
                    hourly outlooks and longer-range weather information in a single place.
                </p>
                <p>
                    Use the search above to find a specific locality, or browse the
                    featured locations to start exploring current forecasts.
                </p>
            </div>
        </section>

    </main>
</div>

<script>
(function(){
    const input=document.getElementById('home-city-search-input'),
          hidden=document.getElementById('home-city-search-slug'),
          box=document.getElementById('home-city-suggestions');

    if(!input||!hidden||!box)return;

    let results=[];

    function esc(v){
        return String(v||'').replace(/[&<>'"]/g,c=>({
            '&':'&amp;',
            '<':'&lt;',
            '>':'&gt;',
            "'":'&#039;',
            '"':'&quot;'
        }[c]));
    }

    function go(c){
        const u=(c&&c.url)?c.url:((c&&c.slug)?'/'+c.slug:'');
        if(u)location.href=u;
    }

    let timer;

    input.addEventListener('input',()=>{
        clearTimeout(timer);

        timer=setTimeout(async()=>{
            const q=input.value.trim();

            if(q.length<2){
                box.innerHTML='';
                box.classList.remove('is-open');
                return;
            }

            try {
                const r=await fetch('/search_cities.php?q='+encodeURIComponent(q));
                const d=await r.json();

                results=d.results||[];

                box.innerHTML=results.length
                    ? results.map((c,i)=>
                        '<button type="button" class="city-suggestion" data-i="'+i+'">'+
                        '<strong>'+esc(c.name)+'</strong>'+
                        '<span>'+esc(c.department||'')+
                        (c.country?' · '+esc(c.country):'')+
                        '</span></button>'
                      ).join('')
                    : '<div class="city-suggestion-empty">No city found</div>';

                box.classList.add('is-open');

                box.querySelectorAll('button').forEach(
                    b=>b.onclick=()=>go(results[+b.dataset.i])
                );
            } catch (err) {
                box.innerHTML='';
                box.classList.remove('is-open');
            }

        },120);
    });

    input.closest('form').addEventListener('submit',e=>{
        e.preventDefault();
        if(results.length)go(results[0]);
    });
})();
</script>

</body>
</html>
