031803b by Arvind at 2013-04-16 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>