~paddle-index-WIP.html

<!DOCTYPE html>
<!--  // programName: ~paddle-index-WIP.html    pastebin.com/sU2P6QjB -->
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="shortcut icon" type="image/png" href="icon16.png" />
        <script src="quick.js"></script>
<!--        <script src="quick-45k.js"></script>
-->
        <style>
            #assets {
                height: 1px;
                overflow: hidden;
                visibility: hidden;
                width: 1px;
            }

            body {
                background-color: Black;
                margin: 0;
                overflow: hidden;
                padding: 0;
            }

            canvas {
                cursor: none;
            }
        </style>
    </head>

    <body>
        <div align="center">
            <canvas id="canvas" width="800" height="600"></canvas>
        </div>

        <div id="assets">
            <img id="bgCompound" src="sprites/bgCompound.png" width="320" height="191" />
            <img id="manufacturer" src="sprites/manufacturer.png" width="180" height="100" />
            <img id="restartBtn" src="sprites/RestartButton.png" width="100" height="25" />
            <img id="pauseBtn" src="sprites/PauseButton.png" width="100" height="25" />
            <img id="playBtn" src="sprites/PlayButton.png" width="100" height="25" />
            <img id="quitBtn" src="sprites/QuitButton.png" width="100" height="25" />
            <img id="truth01Sprite" src="sprites/truth01.png" width="64" height="64" />
            <img id="lies01Sprite" src="sprites/lies01.png" width="64" height="64" />
            <img id="truth02Sprite" src="sprites/truth02.png" width="64" height="64" />
            <img id="lies02Sprite" src="sprites/lies02.png" width="64" height="64" />
            <img id="truth03Sprite" src="sprites/truth03.png" width="64" height="64" />
            <img id="lies03Sprite" src="sprites/lies03.png" width="64" height="64" />
            <img id="truth04Sprite" src="sprites/truth04.png" width="64" height="64" />
            <img id="lies04Sprite" src="sprites/lies04.png" width="64" height="64" />
            <img id="sparkSprite" src="sprites/spark.png" width="28" height="28" />
            <img id="pointerSprite" src="sprites/handPointerT.png" width="31" height="36" />
            <img id="throwerSprite" src="sprites/thrower.png" width="64" height="64" />
            <img id="cowpieSprite" src="sprites/cowpie.png" width="32" height="32" />

            <audio id="pingSound" src="sounds/ping.ogg"></audio>
            <audio id="pongSound" src="sounds/pong.ogg"></audio>
        </div>
        <script src="~paddle-main-WIP.js"></script>
    </body>
</html>