<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8" />
        <link rel="icon" href="https://apollo-server-landing-page.cdn.apollographql.com/_latest/assets/favicon.png" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <link rel="preconnect" href="https://fonts.gstatic.com" />
        <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet" />
        <meta name="theme-color" content="#000000" />
        <meta name="description" content="Apollo Router landing page" />
        <link rel="apple-touch-icon"
            href="https://apollo-server-landing-page.cdn.apollographql.com/_latest/assets/favicon.png" />
        <link rel="manifest" href="https://apollo-server-landing-page.cdn.apollographql.com/_latest/manifest.json" />
        <title>Apollo Router</title>
    </head>

    <body style="margin: 0; overflow-x: hidden; overflow-y: hidden">
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="react-root">
            <style>
                .fallback {
                    opacity: 0;
                    animation: fadeIn 1s 1s;
                    animation-iteration-count: 1;
                    animation-fill-mode: forwards;
                    padding: 1em;
                }

                @keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }

                    100% {
                        opacity: 1;
                    }
                }
            </style>
            <div class="fallback">
                <h1>Welcome to the Apollo Router</h1>
                <p>It appears that you might be offline. POST to this endpoint to query your graph:</p>
            </div>
            <script>window.landingPage = `{"isProd": true, "footer": false, "graphRef": {{GRAPH_REF}} }`;</script>
            <script src="https://apollo-server-landing-page.cdn.apollographql.com/_latest/static/js/main.js"></script>
        </div>
    </body>

</html>
