/
index.html
80 lines (70 loc) · 2.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<html>
<head>
<meta charset="utf-8">
<title>OKFN Community Dashboard</title>
<meta name="author" content="Open Knowledge Foundation">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Bootstrap styles -->
<link rel="stylesheet" href="js/vendor/bootstrap/1.3.0/bootstrap.min.css">
<!-- OpenLayers styles -->
<link rel="stylesheet" href="js/openlayers/theme/default/style.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/vendor/jquery/jquery-1.7.js"></script>
<script type="text/javascript" src="js/vendor/jquery/jquery.tmpl.js"></script>
<script type="text/javascript" src="js/vendor/underscore/underscore.js"></script>
<script type="text/javascript" src="js/vendor/backbone/backbone.js"></script>
<script type="text/javascript" src="js/vendor/bootstrap/1.3.0/bootstrap-alerts.js"></script>
<script type="text/javascript" src="js/vendor/flot/0.7/jquery.flot.js"></script>
<!--script language="javascript" src="http://www.openlayers.org/api/OpenLayers.js"></script-->
<script language="javascript" src="js/openlayers/openlayers.dashboard.js"></script>
<script language="javascript" src="js/model.js"></script>
<script language="javascript" src="js/view.js"></script>
<script language="javascript" src="js/app.js"></script>
<script type="text/javascript">
OpenLayers.ImgPath = "js/openlayers/img/";
</script>
</head>
<body>
<div class="container">
<div class="content">
<div class="page-view page-index">
<h2>Open Knowledge Foundation Member Map</h2>
<div class="js-member-view" style="border: 1px solid #999; background: #f7f7f7; padding: 10px; margin: 10px; display: none;">
<table class="js-member-table">
</table>
<form action="#" class="js-add-member"><input type="text" class="js-add-member-name"/> <input type="submit" class="js-add-member-submit" /></form>
</div>
<div id="js-member-map">
</div>
</div>
<div class="page-view page-activity" style="display: none;">
<h2>Activity per month</h2>
<div id="placeholder" style="width:100%;height:300px;"></div>
</div>
</div> <!-- /content -->
</div> <!-- /container -->
<!-- Header navigation -->
<div class="topbar">
<div class="fill">
<div class="container">
<h3><a href="#">Dashboard</a></h3>
<ul class="nav">
<li action="index"><a href="#">Members Map</a></li>
<li action="activity"><a href="#activity">Activity</a></li>
</ul>
</div>
</div>
</div>
<!-- Template -->
<table style="display: none;">
<tr class="js-template-member">
<td>Member: ${name}</td>
<td>Location: ${location}</td>
<td>Geolocation: ${geolocation}</td>
</tr>
</table>
</body>
</html>