html/picture.html

<!DOCTYPE html>
<html>
<head>
    <title>Every Picture</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../scripts/picture.js"></script>
    <style>
        canvas {
            margin: 10px;
            padding: 5px;
        }
    </style>
</head>
<body style="background: linear-gradient(#c7c7c7, #808080);">
<div id="header" style="width: 100%; text-align: center;">
            <span>
                Display every combination of colors for a pixel grid. Press start to begin.
                <button type="button" id="startButton" onclick="start()">Start</button>
            </span>
</div>
<div id="canvas">
    <canvas id="myCanvas"></canvas>
</div>
<script type="text/javascript" src="../scripts/analytics.js"></script>
</body>
</html>