main.html

<!doctype html>
<html>
  <head>
    <link rel='stylesheet' type='text/css' href='../../css/font-awesome.css'>
    <style>
      #content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
      }
      #legend li {
        cursor: pointer;
        padding : 2px 0px;
      }
    </style>
  </head>
  <body>
    <div id='content' style='padding: 16px;'>
      <p>File association mining</p>
      <h1 id='repo-title'></h1>
      <div id='loader'>
        <i class='fa fa-cog fa-spin'></i>
        <span id='status'>Starting App.</span>
      </div>
      <h3 id='chart-title'></h3>
      <div id='chart'></div>
      <h3 id='legend-title'></h3>
      <div id='legend'></div>
    </div>
    <script src="../../shared/jquery.min.js"></script>
    <script src="../../shared/underscore.min.js"></script>
    <script async=true src="./main.js"></script>
  </body>
</html>