-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (85 loc) · 3.06 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>progress.js</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript" src="http://bzmx.net/fancy2/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="http://bzmx.net/fancy2/jquery.fancybox.css" media="screen" />
<script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script>
<link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-darkness/jquery-ui.css"/>
<script type="text/javascript" src="http://s.phono.com/addons/callme/79a53b7/jquery.callme.js"></script>
<script src="http://s.phono.com/releases/0.3/jquery.phono.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.various').fancybox();
$('body').css('text-align', 'center');
$('body').css('color', '#111111');
$('small').css('color', '#555555');
$('small').css('padding-top', '30px');
$('body').css('font-family','Helvetica');
$("#city").html(geoip_city());
$.getJSON('http://services.sunlightlabs.com/api/legislators.allForZip.json?apikey=d6c6b54106364cd7a0bdc321831ee9f5&zip=02155&jsonp=?', function(data){
var i = 0;
console.log(data);
var legi;
for(leg in data.response.legislators){
legi = data.response.legislators[leg].legislator;
if(legi != undefined){
var phone = legi.phone;
$('#reps').append(legi.title + " " + legi.firstname + " " + legi.lastname + " (" + legi.party + ")<br /> ");
$('#reps').append('<div id=' + phone + '></div>');
try{
$(phone).append(
$("<div/>")
.css("width","210px")
.callme({
apiKey: "b09336bb769ea162c33cf2312a9c606e",
numberToDial: phone,
buttonTextReady: phone,
slideOpen:false,
dialPad: false
}));
} catch(e){ alert(e); }
}
i++;
}
});
});
</script>
<script type="text/javascript">
var phono = $.phono({
apiKey: "b09336bb769ea162c33cf2312a9c606e",
onReady: function() {
}
});
function call(number) {
try{
$.phone.dial(number);
}
catch (e) {
console.log(e);
}
}
</script>
</head>
<body>
<h1>progress.js</h1>
<br /><br />
<p>Towards an effort into making the internet into a progressive activist force. <br /><br />Simple, embeddable open source tools for progressive webmasters.</p>
<br /><br />
<div id="page">
<a class="various" href="#inline1" title="progress.js">Show the thing!</a>
<div style="display: none;">
<div id="inline1">
<h1>We need your help to <b>Stop DOPA!</b></h1>
<br />
<p>Since you live in <span id="city"></span>, these are your representatives:</p>
<p><div id="reps"></div>
<br />
<p><small>Are you a webmaster? You can embed this on your own site!</small></p>
</div>
</div>
</div>
</body>
</html>