demo/error.html

<!DOCTYPE html>
<html lang="en" class="error">
    <head>
        <meta charset="utf-8" />
        <title>Doh. Looks like something went wrong.</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />

        <!-- Demo styles -->
        <link rel="stylesheet" href="dist/app.css" />

        <!-- Preload -->
        <link
            rel="preload"
            as="font"
            crossorigin
            type="font/woff2"
            href="https://cdn.plyr.io/static/fonts/gordita-regular.woff2"
        />
        <link
            rel="preload"
            as="font"
            crossorigin
            type="font/woff2"
            href="https://cdn.plyr.io/static/fonts/gordita-medium.woff2"
        />
        <link
            rel="preload"
            as="font"
            crossorigin
            type="font/woff2"
            href="https://cdn.plyr.io/static/fonts/gordita-bold.woff2"
        />
        <link
            rel="preload"
            as="font"
            crossorigin
            type="font/woff2"
            href="https://cdn.plyr.io/static/fonts/gordita-black.woff2"
        />
    </head>

    <body>
        <main>
            <h1>Doh.</h1>
            <p>Looks like something went wrong.</p>
            <a href="https://shr.one" class="btn">Back to shr.one</a>
        </main>
    </body>
</html>