index.html


<!-- A graph/data-renderer for use in competitions like #js13k-->
<!-- js13k Statify plots the progress of your gamejam entry, keeping track of the 13kb data limit of the gamejam.  -->
<!-- Built using HTML/Canvas/JS-->
<!-- First Created By Alex Delderfield, 2022-->
<!-- https://twitter.com/Alex_ADEdge-->
<!DOCTYPE html>
<html>
        <head>
            <link rel="stylesheet" href="src/style.css">
            <title>js13kStatify</title>
        </head>
        <body>
            <div style="width: 791px; height:450px; border-radius: 10px;
     outline: 4px solid #333">

                <div style="width: 100%; float: left;"> 
                    <img src="src/title_01.png" alt="title Statify">
                </div>
    
                <div style="z-index: 2; width: 100%; height: 360px; top: +107px; position: absolute; float: left;">
                    <canvas id="canvasUnder" width="791" height="360"></canvas>
                </div>
                <div style="z-index: 1; width: 100%; height: 360px; top: +107px; position: absolute; float: left;">
                    <canvas id="canvasMain" width="791" height="360"></canvas>
                </div>
    
                <div style="width: 100%; top: +465px; position: absolute; float: left;"> 
                    <img src="src/footer_24.png" alt="footer Statify" style="border-radius: 0px 0px 10px 10px;
    ">
                </div>

            </div>

            <script src="src/functions.js"></script>
        </body>
</html>