<div class="palette red" onclick="red();"></div> <div class="palette orange" onclick="orange();"></div> <div class="palette yellow" onclick="yellow();"></div> <div class="palette green" onclick="green();"></div> <div class="palette blue" onclick="blue();"></div> <div class="palette indigo" onclick="indigo();"></div> <div class="palette violet" onclick="violet();"></div> <div class="palette black" onclick="black();"></div> <div class="palette white" onclick="white();"></div> &nbsp;&nbsp; <div class="pensize"> <span class="pensizetext"> Pen Size: <span id="size">1</span>&nbsp;&nbsp; <i class="fa fa-arrow-up" onclick="penGrow();"></i> <i class="fa fa-arrow-down" onclick="penShrink();"></i> </span> <i class="fa fa-eraser" onclick="erase();"></i> </div> &nbsp;&nbsp; <img src="http://butlersonline.com/club/assets/pencilicon.png" width="20" height="20" onclick="setPencilMode();"></img> <!-- add icon buttons here --> <p/> <div> <canvas id="myCanvas" width="750" height="500"></canvas> </div>