index.html

<html>

<head>
    <link rel="icon" sizes="192x192" href="./assets/bird/idle/1.png">
    <link href="https://fonts.googleapis.com/css?family=Pangolin" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="./css/paperbird.css">
    <script type="text/javascript" src="./javascript/howler.js"></script>
    <script type="text/javascript" src="./javascript/paper-full.min.js"></script>
    <script type="text/paperscript" src="./javascript/paperbird.js" canvas="myCanvas"></script>
    <meta name='viewport' content="width=width-device, initial-scale=1">
    <title>PaperBird</title>
</head>

<body>
    <!-- canvas for the paperscript -->
    <canvas id="myCanvas" style="display: none;" resize>
    </canvas>

    <div id="mobileError" style="display: none;">
        <div>
            <img src="./assets/bird/hit/1.png">
            <h2>Mobile Device Detected</h2>
            <h3>Sorry this game is not compatable with mobile devices.</h3>
            <h3>Maybe try this game on a desktop?</h3>
        </div>
    </div>

    <script type="text/javascript" src="./javascript/checkMobile.js"></script>
</body>

</html>