anchor.diff:  			h = document.getElementById("hue").value/65535;
   			s = document.getElementById("sat").value/254;
   			l = document.getElementById("bri").value/254;
  +			if(l>0.8) {
  +				l = 0.8;
  +			}else if(l<0.2) {	
  +				l = 0.2;
  +			}
   			rgb = hslToRgb(h,s,l);
   			r = Math.round(rgb[0]);
   			g = Math.round(rgb[1]);
   			b = Math.round(rgb[2]);
   			
  +			/**
  +			 * So here we create a half circle and we set the fillStyle to the current color of Hue, Saturation and Brightness level
  + 			 */
   			ctx.beginPath();
   			ctx.arc(75,75,70,Math.PI,0,false);
  -			ctx.moveTo(75,70);
  -			ctx.lineTo(100,70);
   			ctx.closePath();
   			ctx.fillStyle= "rgb(" + r + "," + g + "," + b + ")";
   			ctx.fill();
  +			ctx.lineWidth=2;
  +			ctx.strokeStyle='black';
  +			ctx.stroke();
  +				
  +			//Cone
  +			ctx.beginPath();
  +			ctx.moveTo(6,75);
  +			ctx.lineTo(50,150);
  +			ctx.lineTo(100,150);
  +			ctx.lineTo(144,75);
  +			ctx.closePath();
  +			ctx.fillStyle="lightgray";
  +			ctx.fill();
  +			ctx.stroke();
  +
  +			//Bottom box
  +			ctx.beginPath();
  +			ctx.moveTo(50,150);
  +			ctx.lineTo(50,190);
  +			ctx.lineTo(100,190);
  +			ctx.lineTo(100,150);
  +			ctx.closePath();
  +			ctx.fillStyle = "gray";
  +			ctx.fill();
  +			ctx.stroke();
  +
  +			//Bottom line
  +			ctx.beginPath();
  +			ctx.moveTo(60, 193);
  +			ctx.lineTo(90, 193);
  +			ctx.closePath();
  +			ctx.lineWidth=3;
  +			ctx.stroke();
  +
  +			//Coils
  +			ctx.beginPath();
  +			ctx.moveTo(55, 150);
  +			ctx.lineTo(100, 160);
  +			ctx.moveTo(50, 160);
  +			ctx.lineTo(100, 170);
  +			ctx.moveTo(50, 170);
  +			ctx.lineTo(100, 180);	
  +			ctx.moveTo(50, 180);
  +			ctx.lineTo(100, 190);
  +			ctx.closePath();
  +			ctx.lineWidth=1;
  +			ctx.stroke();
  +
   		}
   		</script>
   	</head>
  
positive.code: 	<head>
    		<%= stylesheet_link_tag "materialize" %>
    		<%= javascript_include_tag 'materialize' %>
  	<script type="text/javascript">
  		
  		/**
  		 * Converts an HSL color value to RGB. Conversion formula
  		 * adapted from http://en.wikipedia.org/wiki/HSL_color_space.
  
negative.code: 							<%= submit_tag "Change", :class => "waves-effect btn "  %>
  						<% end %>
  					</div>
  					<canvas id="color_shower" width="300" height="400">
  					</canvas>
  					</div>
  				</div>
  