<!doctype html>
<html lang="en">
    <head>
        <title>Erratic gate</title>

        <meta name="pinterest" content="nopin" />

        <link
            rel="stylesheet"
            href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
        />
        <link
            rel="stylesheet"
            href="https://fonts.googleapis.com/css?family=Righteous&display=swap"
        />
        <link
            rel="stylesheet"
            href="https://fonts.googleapis.com/icon?family=Material+Icons"
        />

        <meta
            name="viewport"
            content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no"
        />

        <meta property="og:title" content="Erratic gate" />
        <meta
            property="og:description"
            content="A logic gate simulator made for infoeducatie 2019"
        />
        <meta
            property="og:url"
            content="https://mateiadrielrafael.github.io/erratic-gate/"
        />

        <meta
            name="Description"
            content="A logic gate simulator made for infoeducatie 2019"
        />

        <meta charset="UTF-8" />
    </head>

    <body
        ondragstart="return false;"
        ondrop="return false;"
        oncontextmenu="return false"
    >
        <!--The react app is rendered here-->
        <div id="app"></div>

        <!--The splash screen structure-->
        <div class="Splash">
            <!--Loading animation-->
            <div class="loading">
                <div class="lds-ripple">
                    <div></div>
                    <div></div>
                </div>
            </div>

            <!--In case someone tries to laod this with js disabled-->
            <noscript> JavaScript must be enabled to run this app. </noscript>
        </div>
    </body>
</html>