Specs for 4020

`net.zip`

You are going to make this.

picture of net projeect

Here is your starter HTML.


<!doctype html>
<!--Author: Morrison-->

<html lang="en">
<head>
<title>net</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="net.css"/>
<script src="net.js"></script>
</head>
<body>
    <header>
        <h2>A Net Result</h2>
    </header>

    <p>The canvas is 500X500</p>
    
        <canvas width="500" height="500" id="surface">
            Get a modern browser, dimwit!
        </canvas>

</body>
</html>

Here is a little CSS.


/*Author: YOU*/
h1, h2, .display
{
    text-align:center;
}
canvas
{
    border:solid 1px black;
    background-color:white;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
body
{
    background-color:#99BADD;
    padding:0;
    margin:0;
}
header
{
    color:#99BADD;
    background-color:#001A57;
    padding:1em;
}


/*Author: YOU*/
addEventListener("load", main);
function main()
{
    let surface = document.getElementById("surface");
    let pen = surface.getContext("2d");
    pen.fillRect(0, 0, surface.width, surface.height);
}