smikes/gist:7387488

## gistfile1.txt
<!DOCTYPE HTML>
<html>
  <head>
    <style>
      body {
        margin: 0px;
        padding: 0px;
      }
    </style>
  </head>
  <body>
    <canvas id="myCanvas" width="200" height="200"></canvas>

    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      context.arc(100, 100, 100, 0, Math.PI*2, true);

      // create radial gradient
      var grd = context.createRadialGradient(140, 50, 10, 140, 50, 300);

      // light blue
      grd.addColorStop(0, '#8ED6FF');
      // dark blue
      grd.addColorStop(1, '#004CB3');

      context.fillStyle = grd;
      context.fill();

      context.fillStyle='black';
      context.font='60pt Calibri';
      context.textAlign='center';
      context.textBaseline='middle';
      context.fillText('N', 100, 90);
    </script>
  </body>
</html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<style>
	body {
	margin: 0px;
	padding: 0px;
	}
	</style>
	</head>
	<body>
	<canvas id="myCanvas" width="200" height="200"></canvas>

	<script>
	var canvas = document.getElementById('myCanvas');
	var context = canvas.getContext('2d');
	context.arc(100, 100, 100, 0, Math.PI*2, true);

	// create radial gradient
	var grd = context.createRadialGradient(140, 50, 10, 140, 50, 300);

	// light blue
	grd.addColorStop(0, '#8ED6FF');
	// dark blue
	grd.addColorStop(1, '#004CB3');

	context.fillStyle = grd;
	context.fill();

	context.fillStyle='black';
	context.font='60pt Calibri';
	context.textAlign='center';
	context.textBaseline='middle';
	context.fillText('N', 100, 90);
	</script>
	</body>
	</html>