This commit is contained in:
Devine Lu Linvega 2016-12-31 08:00:57 -07:00
parent 704fbe3386
commit bb71cee73a
6 changed files with 34 additions and 0 deletions

13
index.html Normal file
View File

@ -0,0 +1,13 @@
<html>
<head>
<script type="text/javascript" src="scripts/dotgrid.js"></script>
<link rel="stylesheet" type="text/css" href="links/reset.css"/>
<link rel="stylesheet" type="text/css" href="links/fonts.css"/>
<link rel="stylesheet" type="text/css" href="links/main.css"/>
<title>Dotgrid</title>
</head>
<body>
<script type="text/javascript" src="scripts/init.js"></script>
</body>
</html>

0
links/fonts.css Normal file
View File

3
links/main.css Normal file
View File

@ -0,0 +1,3 @@
body { background:black; padding:50px;}
#dotgrid { background:red; margin:0px auto; border-radius:3px; }

1
links/reset.css Normal file
View File

@ -0,0 +1 @@
* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

15
scripts/dotgrid.js Normal file
View File

@ -0,0 +1,15 @@
function Dotgrid(width,height)
{
this.width = width;
this.height = height;
this.element = null;
this.install = function()
{
this.element = document.createElement("div");
this.element.id = "dotgrid";
this.element.style.width = this.width;
this.element.style.height = this.height;
document.body.appendChild(this.element);
}
}

2
scripts/init.js Normal file
View File

@ -0,0 +1,2 @@
dotgrid = new Dotgrid(300,300);
dotgrid.install();