var draw = function() {
  var canvas = document.getElementById('awesome');
  if (canvas.getContext){
    var c = canvas.getContext('2d');
    c.fillStyle = "#FFFFFF";
    c.strokeStyle = "#FFFFFF";

    for (var i = 0; i < 4; i++) {
      for (var j=0; j < 3; j++) {
        c.beginPath();
        var x = 25 + j*50; // x coordinate
        var y = 25 + i*50; // y coordinate
        var radius = 20; // Arc radius
        var startAngle = 0; // Starting point on circle
        var endAngle = Math.PI+(Math.PI*j)/2; //End point on circle
        var anticlockwise = i % 2 === 0 ? false : true; // clockwise or anticlockwise

        c.arc(x, y, radius, startAngle, endAngle, anticlockwise);

        if (i > 1) {
          c.fill();
        } else {
          c.stroke();
        }
      }
    }



  } else {
    alert("fuck all yall");
  }
};
@@ -1,23 +1,12 @@
-var draw = 
 function
 () %7B
@@ -1,16 +1,21 @@
 function
+ draw
 () %7B%0A  v
@@ -194,74 +194,42 @@
     
-for (var i = 0; i %3C 4; i++) %7B%0A      for (var j=0; j %3C 3; j++
+var smileyFace = function(x, y
 ) %7B%0A
-  
     
@@ -255,508 +255,827 @@
     
-  var x = 25 + j*50; // x coordinate%0A        var y = 25 + i*50; // y coordinate%0A        var radius = 20; // Arc radius%0A        var startAngle = 0; // Starting point on circle%0A        var endAngle = Math.PI+(Math.PI*j)/2; //End point on circle%0A        var anticlockwise = i %25 2 === 0 ? false : true; // clockwise or anticlockwise%0A%0A        c.arc(x, y, radius, startAngle, endAngle, anticlockwise);%0A%0A        if (i %3E 1) %7B%0A          c.fill();%0A        %7D else %7B%0A          c.stroke();%0A        %7D%0A      %7D%0A    %7D
+c.arc(75+x, 75+y, 50, 0, Math.PI*2, true); //head%0A      c.moveTo(110+x,75+y);%0A      c.arc(75+x, 75+y, 35, 0, Math.PI, false); //smile%0A      c.moveTo(65+x, 65+y);%0A      c.arc(60+x, 65+y, 5, 0, Math.PI*2, true); //left eye%0A      c.moveTo(95+x, 65+y);%0A      c.arc(90+x, 65+y, 5, 0, Math.PI*2, true); //right eye%0A      c.stroke();%0A    %7D;%0A%0A    smileyFace(300, 300);%0A%0A    var speechBubble = function(x, y) %7B%0A      c.beginPath();%0A      c.moveTo(75+x, 25+y);%0A      c.quadraticCurveTo(25+x, 25+y, 25+x, 62.5+y);%0A      c.quadraticCurveTo(25+x, 100+y, 50+x, 100+y);%0A      c.quadraticCurveTo(50+x, 120+y, 30+x, 125+y);%0A      c.quadraticCurveTo(60+x, 120+y, 65+x, 100+y);%0A      c.quadraticCurveTo(125+x, 100+y, 125+x, 62.5+y);%0A      c.quadraticCurveTo(125+x, 25+y, 75+x, 25+y);%0A      c.stroke();%0A    %7D;%0A%0A    speechBubble(420, 250);%0A
 %0A%0A%0A%0A
@@ -1118,9 +1118,8 @@
 );%0A  %7D%0A%7D
-;

return of the smiley!