add comments

Author: snie

css/main.css

@@ -39,4 +39,10 @@ body {
     -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
     box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
     pointer-events: none;
+}
+
+#comment
+{
+    margin: 10px;
+    font-weight: bold;    
 }

perfect_squares.html

@@ -12,6 +12,7 @@
     <br>
 
     <div id="vis">
+        <p id='comment'>Input a number to start the animation. A queue is used to go through the BSF tree. Nodes are colored green when they are added in the queue. They become white after being pushed out from the queue. After the animation, hovering over each node will show the path to the root node and a tooltip with the squares associated with the current node.</p>
         <input id='inputValue' type="text" placeholder="input number" onchange="start(this.value)">
         <svg id='svg'></svg>
     </div>