404.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name=viewport content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <title>Loading...</title>
        <style>
            #loadingPage{min-width:100%;min-height:100%;position:absolute;left:0;top:0;z-index:1;text-align:center;vertical-align:middle;line-height:100vh}
        </style>
    </head>
    <body>
        <div id="loadingPage">Loading...</div>
        <script>
            window.addEventListener("load", function() {
            var invitename = location.pathname.substr(1);
            var url = "https://script.google.com/macros/s/AKfycbwuOjPRNeyQrnyjOfryuiPEZG4alX8f-JxSTC9cNZhIcRiOA9_BW-MFcdnoedMTkY2x6Q/exec?name=" + invitename;
            fetch(url)
                .then(function (response) {
                    if (response.ok) {
                        return response.json();
                    } else {
                        return "https://url.canaria.cc";
                    }
                })
                .then(function (data) {
                    location.replace(data);
                })
                .catch(function (error) {
                    console.log('Something went wrong');
                    location.replace("https://url.canaria.cc");
                });
            });
            </script>
    </body>
</html>