1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <meta charset="utf-8">
5 
	<meta http-equiv='imagetoolbar' content='no'/>
6 
	<title> Web Annotation </title>
7 
  <link rel="stylesheet" type="text/css" href="static/bootstrap.css"></link>
8 
	<script type="text/javascript" src="static/jquery-1.9.1.min.js"></script>
9 
	<script type="text/javascript" src="static/bootstrap.js"></script>
10 
  <style type="text/css">
11 
    .container {
12 
      margin-top: 30px;
13 
    }
14 
		.box{
15 
		border: 1px solid black;
16 
		padding: 10px;
17 
		margin: 10px;
18 
}
19 
  </style>
20 
</head>
21 
	<body>
22 
    <div class="container"></div>
23 
    <script>
24 
			window.onload = function(){
25 





26

			$.get('{{ url_for('fetch') }}', function(data){





27

			var html = '';





28

			for(var i in data){





29

			html += "<div class='box'><ul>";





30

			for(var j in data[i]){





31

			html += "<li>"+j+" : "+data[i][j]+"</li>";





32

			}





33

			html+= "</ul></div>";





34

			}





35

			$(".container").html(html);





36

});





37

}





38

		    </script>





39






40

  </body>





41

</html>