404.html

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

<head>
    <meta charset="utf-8">
    <title>404 - Page not found | Kusama</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="404 - Page not found">
    <link href="/assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/assets/css/custom.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/assets/css/fonts.css" rel="stylesheet" type="text/css" media="all">
    <link href="/assets/css/glitch.css" rel="stylesheet" type="text/css" media="all">
    <link rel="shortcut icon" type="image/ico" href="/assets/img/favicon.ico" />
    <meta name="robots" content="noindex">

    <!-- Klaro script – Cookie consent manager -->
    <script defer type="text/javascript" src="/assets/js/config.js"></script>
    <script defer type="text/javascript" src="/assets/js/klaro.js"></script>

    <script type="opt-in" data-type="application/javascript" data-name="googleAnalytics">
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-103354191-4');
    </script>

    <!-- Google Tag Manager w/ Klaro -->
    <script type="opt-in" data-type="application/javascript" data-name="googleTagManager">
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-M796NTG');
    </script>
    <!-- End Google Tag Manager -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://kusama.network/">
    <meta property="og:title" content="Kusama — A canary network for Polkadot experiments">
    <meta property="og:description" content="Kusama is a community research and development network for experimenting cutting-edge blockchain projects.">
    <meta property="og:image" content="/assets/img/og-card.png">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://kusama.network/">
    <meta property="twitter:title" content="Kusama — A canary network for Polkadot experiments">
    <meta property="twitter:description" content="Kusama is a community research and development network for experimenting cutting-edge blockchain projects.">
    <meta property="twitter:image" content="/assets/img/og-card.png">
</head>

<body>
    <div class="loader">
        <div class="loading-animation"></div>
    </div>

    <section class="min-vh-100 bg-dark text-light py-5 o-hidden">
        <div class="container">
            <div class="row justify-content-center mb-md-6">
                <div class="col-auto layer-1">
                    <a href="/">
                        <img src="/assets/img/kusama-logo.svg" alt="Kusama" class="w-25 mx-auto d-block">
                    </a>
                </div>
            </div>
            <div class="row text-center justify-content-center py-6">
                <div class="col col-lg-10 layer-2">
                    <div class="h1-glitch mb-4" data-text="404">404</div>
                    <p class="h2 mb-4">Page not found</p>
                    <div class="lead mb-4">It appears the page you were looking for couldn’t be found.</div>
                    <a href="/" class="btn btn-lg btn-cta btn-outline-white text-white">
                        <span class="text-glitch" data-text="Go back to home">Go back to home</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="decoration-wrapper">
            <div class="decoration bottom middle-x">
                <img class="bg-dark" src="/assets/img/bg-1.png" />
            </div>
        </div>
    </section>

    <!-- Required vendor scripts (Do not remove) -->
    <script type="text/javascript" src="/assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="/assets/js/popper.min.js"></script>
    <script type="text/javascript" src="/assets/js/bootstrap.js"></script>

    <!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js if site does not use that feature) -->

    <!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
    <script type="text/javascript" src="/assets/js/aos.js"></script>
    <!-- Clipboard (copies content from browser into OS clipboard) -->
    <script type="text/javascript" src="/assets/js/clipboard.js"></script>
    <!-- Fancybox (handles image and video lightbox and galleries) -->
    <script type="text/javascript" src="/assets/js/jquery.fancybox.min.js"></script>
    <!-- Flatpickr (calendar/date/time picker UI) -->
    <script type="text/javascript" src="/assets/js/flatpickr.min.js"></script>
    <!-- Flickity (handles touch enabled carousels and sliders) -->
    <script type="text/javascript" src="/assets/js/flickity.pkgd.min.js"></script>
    <!-- Ion rangeSlider (flexible and pretty range slider elements) -->
    <script type="text/javascript" src="/assets/js/ion.rangeSlider.min.js"></script>
    <!-- Isotope (masonry layouts and filtering) -->
    <script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script>
    <!-- jarallax (parallax effect and video backgrounds) -->
    <script type="text/javascript" src="/assets/js/jarallax.min.js"></script>
    <script type="text/javascript" src="/assets/js/jarallax-video.min.js"></script>
    <script type="text/javascript" src="/assets/js/jarallax-element.min.js"></script>
    <!-- jQuery Countdown (displays countdown text to a specified date) -->
    <script type="text/javascript" src="/assets/js/jquery.countdown.min.js"></script>
    <!-- jQuery smartWizard facilitates steppable wizard content -->
    <script type="text/javascript" src="/assets/js/jquery.smartWizard.min.js"></script>
    <!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
    <script type="text/javascript" src="/assets/js/plyr.polyfilled.min.js"></script>
    <!-- Prism (displays formatted code boxes) -->
    <script type="text/javascript" src="/assets/js/prism.js"></script>
    <!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
    <script type="text/javascript" src="/assets/js/scrollMonitor.js"></script>
    <!-- Smooth scroll (animation to links in-page)-->
    <script type="text/javascript" src="/assets/js/smooth-scroll.polyfills.min.js"></script>
    <!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
    <script type="text/javascript" src="/assets/js/svg-injector.umd.production.js"></script>
    <!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
    <script type="text/javascript" src="/assets/js/twitterFetcher_min.js"></script>
    <!-- Typed text (animated typing effect)-->
    <script type="text/javascript" src="/assets/js/typed.min.js"></script>
    <!-- Required theme scripts (Do not remove) -->
    <script type="text/javascript" src="/assets/js/theme.js"></script>
    <!-- Telemetry -->
    <script type="text/javascript" src="/assets/js/telemetry.min.js"></script>
    <!-- Removes page load animation when window is finished loading -->
    <script type="text/javascript">
        window.addEventListener("load", function () {
            document.querySelector('body').classList.add('loaded');
        });
    </script>

    <!-- Start of HubSpot Embed Code with Klaro script -->
    <script type="opt-in" data-type="application/javascript" id="hs-script-loader" data-src="//js.hs-scripts.com/7051618.js" data-name="hubSpot" async></script>
    <!-- End of HubSpot Embed Code -->

</body>

</html>