diff --git a/gyrio/index.html b/gyrio/index.html
index 46f844c..9999254 100644
--- a/gyrio/index.html
+++ b/gyrio/index.html
@@ -1,9 +1,8 @@
 <html>
-<<<<<<< HEAD
 	<head>
 		<meta charset="utf-8">
 	    <meta http-equiv="X-UA-Compatible" content="chrome=1">
-	    <title>Foxnet</title>
+	    <title>Gyrio</title>
 	    <link rel="icon" href="../assets/favicon.ico">
 	    <link rel="stylesheet" href="./index.css">
 	    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
@@ -13,23 +12,4 @@
 	  <canvas id="canvas"></canvas>
 	</body>
 	<script src="./index.js"></script>
-</html>
-=======
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="chrome=1">
-    <title>Foxnet</title>
-    <link rel="icon" href="../assets/favicon.ico">
-    <link rel="stylesheet" href="./index.css">
-    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-</head>
-
-<body>
-    <canvas id="glCanvas"></canvas>
-</body>
-<script src="./index.js"></script>
-
-</html>
->>>>>>> 3bcdb922df05952a164b59bdb8ad9d2aa2785b4d
+</html>
\ No newline at end of file
diff --git a/gyrio/index.js b/gyrio/index.js
index a608e99..3a3d28f 100644
--- a/gyrio/index.js
+++ b/gyrio/index.js
@@ -1,14 +1,16 @@
-
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");
-canvas.width = screen.width;
-canvas.height = screen.height;
+canvas.width = window.innerWidth;
+canvas.height =  window.innerHeight;
+
+var frames = [
+	"0"
+];
 
 function randInt(min,max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 }
 
-
 function generateString() {
 	var final = "";
 	var length = randInt(50,100);
@@ -18,10 +20,25 @@ function generateString() {
 	return final;
 }
 
-console.log(generateString());
+function generateFrames(string, speed) {
+	// Speed is in bits per second
 
-ctx.fillStyle = "#000";
-ctx.fillRect(0,0, canvas.width, canvas.height);
+}
+
+function drawFrame(frame) {
+	ctx.beginPath();
+	var frame = frames[frame];
+	for(var i = 0; i < frame.length; i++) {
+		if(frame[i] === "0") {
+			console.log("asdf");
+			ctx.beginPath();
+			ctx.moveTo(0,canvas.height/2);
+			ctx.lineTo(canvas.width,canvas.height/2);
+			ctx.strokeStyle="#4CAF50";
+			ctx.stroke();
+		}
+	}
+}
 
 function getWebsite(geturl) {
     xmlhttp=new XMLHttpRequest();
@@ -29,3 +46,8 @@ function getWebsite(geturl) {
     xmlhttp.send();
     var data = xmlhttp.responseText;
 }
+
+ctx.fillStyle = "#000";
+ctx.fillRect(0,0, canvas.width, canvas.height);
+generateFrames(generateString());
+drawFrame(0);
