UI/index.html

<!DOCTYPE html>
<html>
<head>
    <title>MeSH Demo</title>

    <link rel="stylesheet" href="tree-viz/Treant.css" type="text/css"/>
    <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/js-sha1/0.6.0/sha1.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" type="text/javascript"></script>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

    <script src="tree-viz/vendor/raphael.js" type="text/javascript"></script>
    <script src="tree-viz/Treant.js" type="text/javascript"></script>
    <script src="tree-construct.js" type="text/javascript"></script>
    <script src="merkle-tree.js" type="text/javascript"></script>
</head>
<body>

<center>
<h1>MeSH: Merkle Based Similarity Hashing</h1>
<h3> Similarity Hash Calculator </h3>
</center>

<form action="/action_page.php">
 <h3><input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">Level 0 : Similarity Detector</label><br> </h3>
 <h3><input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">Level 1 : Similarity Scorer</label><br></h3>
  <h3><input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">Level 2: Similarity Locator</label> </h3>
</form>

  <div class='controls'>
     <textarea cols='182' rows='10' id='data'>MeSH: Merkle Based Similarity Hashing</textarea><input type='text' value='10' id='chunkSize' size='4'><button onclick='initConstructTree()'>Construct Tree</button>
  </div>
  <div class='tree-container' style="width:1300px; height: 460px">
      <div id="merkle-tree" style="width:1000px; height: 460px"> </div>
	    <center>
			<h5>Courtesy for Merkle Tree Visualizer - https://prathamudeshmukh.github.io/merkle-tree-demo/</h5>
	    </center>
  </div>
  


</body>
</html>