forked from cutting-room-floor/live-tweets-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
125 lines (110 loc) · 3.77 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>United States presidential election 2012 live on twitter</title>
<link rel="stylesheet" href="fonts/fonts.css" type="text/css" />
<link rel="stylesheet" href="css/map.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36134614-1']);
_gaq.push(['_setDomainName', 'giorgiouboldi.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="content">
<table id="counter">
<tr>
<th class='first'>First </th>
</tr>
<tr>
<td class='first'>--</td>
</tr>
</table>
<table id="counter">
<tr>
<th class='second'>Second </th>
</tr>
<tr>
<td class='second'>--</td>
</tr>
</table>
<table id="counter">
<tr>
<th class='third'>Third </th>
</tr>
<tr>
<td class='third'>--</td>
</tr>
</table>
<table id="counter">
<tr>
<th class='fourth'>Fourth </th>
</tr>
<tr>
<td class='fourth'>--</td>
</tr>
</table>
<table id="counter">
<tr>
<th class='fifth'>Fifth </th>
</tr>
<tr>
<td class='fifth'>--</td>
</tr>
</table>
</div>
<div id="info">
<h6> Info</h6>
<h6> Based on <a href="https://github.com/mapbox/live-tweets-template">Mapbox live-tweets-template</a></h6>
</div>
<div id="map" class="map"></div>
<!-- External libraries and site script -->
<script src="ext/jquery.min.js"></script>
<script src="ext/underscore.min.js"></script>
<script src="ext/modestmaps.min.js"></script>
<script src="ext/wax/wax.mm.js"></script>
<script src="ext/wax/wax.ext.js"></script>
<script src="ext/easey.js"></script>
<script src="ext/mmg.js"></script>
<script src="tweetRace.js"></script>
<script src="script.js"></script>
<!-- Site configuration -->
<script type="text/javascript">
// Specify the tweets and location / radius to search
var tweets = [
'Bersani',
'renzi',
'vendola',
'tabacci',
'primarie',
'42.50,12.50,1000mi' // search location and radius (lat,lon,radius)
];
// Make a new map in the #map element
var main = Map('map', {
// Specify the MapBox API url
api: 'http://a.tiles.mapbox.com/v3/examples.map-dg7cqh4z.jsonp',
center: {
lat: 42.50, // Intial center point and zoom level.
lon: 12.50, // To find coordinates and zoom levels,
zoom: 6 // try: http://www.getlatlon.com
},
zoomRange: [6, 15], // Limit zooming on the map to these levels
features: [ // Map features (see readme.md)
'zoomwheel',
'zoombox',
'zoompan',
]
}, tweetRace.start); // Callback function to start when map is loaded
</script>
</body>
</html>