Replace sidebar by div as the sidebar tag was dropped from the HTML5 standard

html/force-big.css

@@ -49,6 +49,6 @@
   fill: #C83771;
 }
 
-sidebar {
+#sidebar {
   color: #ddd;
 }

html/force-light.css

@@ -55,6 +55,6 @@
   fill: #C83771;
 }
 
-sidebar {
+#sidebar {
   color: #777;
 }

html/force.css

@@ -131,7 +131,7 @@
     text-shadow: none;
 }
 
-sidebar {
+#sidebar {
   position: absolute;
   top: 1em;
   right: 1.5em;
@@ -153,7 +153,7 @@ sidebar {
   vertical-align: center;
 }
 
-sidebar h2 {
+#sidebar h2 {
   margin-top: 0;
   font-size: 9pt;
 }

html/force.js

@@ -94,7 +94,7 @@ btns.append("button")
     .text("VPN")
     .on("click", update_graph)
 
-var meshinfo = d3.select("sidebar")
+var meshinfo = d3.select("#sidebar")
                  .insert("div", ":first-child")
 
 meshinfo.append("h2").text("Mesh")

html/nodes.html

@@ -22,7 +22,7 @@
       </ul>
     </header>
     <div id="chart">
-      <sidebar>
+      <div id="sidebar">
         <div id="legend">
           <h2>Legende</h2>
           <ul>
@@ -66,7 +66,7 @@
             </li>
           </ul>
         </div>
-      </sidebar>
+      </div>
     </div>
     <script src='force.js' type='text/javascript'></script>
   </body>