-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
132 lines (128 loc) · 9.93 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
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<title>Call to Action – Call Congress with a tap</title>
<meta name="description" content="Easily find and call your Congressional representative and have your voice heard!" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@usecalltoaction" />
<meta name="twitter:domain" content="usecalltoaction.com">
<meta name="twitter:title" content="Call To Action – Call Congress with a tap" />
<meta name="twitter:description" content="Easily find and call your Congressional representative and have your voice heard!" />
<meta name="twitter:image" content="http://cdn.usecalltoaction.com/icon.png" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Call to Action" />
<meta property="og:url" content="usecalltoaction.com" />
<meta property="og:title" content="Call To Action – Call Congress with a tap" />
<meta property="og:description" content="Easily find and call your Congressional representative and have your voice heard!" />
<meta property="og:image" content="http://cdn.usecalltoaction.com/icon.png">
<link rel="apple-touch-icon" sizes="180x180" href="http://cdn.usecalltoaction.com/apple-touch-icon.png">
<link rel="icon" type="image/png" href="http://cdn.usecalltoaction.com/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="http://cdn.usecalltoaction.com/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="http://cdn.usecalltoaction.com/manifest.json">
<link rel="mask-icon" href="http://cdn.usecalltoaction.com/safari-pinned-tab.svg" color="#7d287d">
<link rel="shortcut icon" href="http://cdn.usecalltoaction.com/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Call to Action">
<meta name="application-name" content="Call to Action">
<meta name="msapplication-config" content="http://cdn.usecalltoaction.com/browserconfig.xml">
<meta name="theme-color" content="#7d287d">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.purple-indigo.min.css">
<link rel="stylesheet" href="http://cdn.usecalltoaction.com/v1/main-styles.css"/>
<script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
<script defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAQmMQg6Ti1XSiWULzRqJIdLS4lwS6muig&libraries=places"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45778683-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header mdl-shadow--4dp">
<div class="mdl-layout__header-row content-wrapper">
<svg width="216px" height="40px" viewBox="0 0 1867 290" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M1867 145v145H0V0h1867z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M1030 115c2.815 0 9.928.485 14 9 3.76 7.549 4 17.527 4 21 0 11.377-1.687 16.733-4 21-2.024 4.493-7.449 9-15 9-16.433 0-18-20.206-18-30 0-14.301 3.376-30 19-30zm0 72c21.491 0 35-16.915 35-42 0-21.187-11.319-41-34-41-22.585 0-35 19.452-35 41 0 18.437 8.644 42 34 42zm150-68l10 36h-20l10-36zm-16 63h33l7 25h39l-39-125h-40l-39 125h31l8-25zm-212 4h16v-68h21v-13h-58v13h21v68zm356 22c28.745 0 49.641-18.492 52-47l-35-2c-.425 10.022-4.968 20.355-17 20-17.032.355-17.762-20.86-18-33 .238-12.155.968-38.079 18-38 12.762-.079 16.757 13.156 16 24l36-2c-2.54-31.146-20.708-50-52-50-39.743 0-57 29.734-57 66 0 34.987 19.615 62 57 62zm-545-32h-49V82h-38v125h87v-31zm-286 32c28.745 0 49.64-18.492 52-47l-35-2c-.426 10.022-4.968 20.355-17 20-17.033.355-17.763-20.86-18-33 .237-12.155.967-38.079 18-38 12.761-.079 16.757 13.156 16 24l36-2c-2.541-31.146-20.71-50-53-50-38.743 0-56 29.734-56 66 0 34.987 19.615 62 57 62zm-106 50h1464V32H371v226zm-31 32h1527V0H340v290zm1061-83h36v-95h26V82h-88v30h26v95zm-806-88l10 36h-20l10-36zm-16 63h33l7 25h39L619 82h-40l-39 125h31l8-25zm288-6h-49V82h-38v125h87v-31zm615 31h38V82h-38v125zM197 96h93V65h-93v31zm0 68h93v-31h-93v31zm0-133h93V0h-93v31zM0 289h290v-31H0v31zm0-62h290v-31H0v31zm1600-119c16.205 0 18 24.483 18 37 0 11.791-1.259 35-18 35-17.742 0-19-23.209-19-35 0-12.517 1.795-37 19-37zm1 100c37.232 0 59-28.284 59-64 0-36.807-21.587-64-59-64-38.413 0-60 27.193-60 64 0 35.716 21.768 64 60 64zM123 132c-14.64 3.624-31.844-4.281-57-27-24.82-22.121-36-44.468-36-60 0-16.23 17.053-20 21-20 6.317 0 13.104 10.78 23 27 2.384 4.304-8.85 12.172-7 17 4.917 10 17.5 21.441 26 27 6.044 3.475 9.42-6.821 16-6 10.568 2.523 24.014 15.099 26 17 11.602 10.484-6.307 23.816-12 25zM1 163h165V0H1v163zm1710-14c-.12-8.873-.84-13.248-3-21v-2l11 23 36 58h31V82h-31v35l3 34-1 1-41-70h-36v125h31v-58z" fill="#FFFFFF" mask="url(#b)"/></g></svg>
<div class="mdl-layout-spacer"></div>
<a target="_blank" href="https://twitter.com/intent/tweet?text=I%20just%20used%20http%3A%2F%2Fusecalltoaction.com%20to%20call%20Congress%20with%20a%20single%20tap%20%23calltoaction" class="tweet-this-post">
<svg width="36" height="36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M1867 145v145H0V0h1867z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4" fill="#FFFFFF" mask="url(#b)"/></g></svg>
</a>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://usecalltoaction.com">
<svg width="36" height="36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g fill-rule="eventodd"><mask id="c" fill="#fff"><use xlink:href="#a"/></mask><path d="M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z" fill="#FFFFFF"></path></g></svg>
</a>
</div>
<div class="mdl-layout__header-row header-input-wrapper content-wrapper">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<label class="mdl-textfield__label" for="address">Find your Congressional representative</label>
<input class="mdl-textfield__input input-address" type="text" name="address" placeholder="Enter your home address">
</div>
</div>
</header>
<main class="mdl-layout__content">
<div class="page-content content-wrapper">
<div id="repContentContainer" class="is-hidden">
<h3>Your Congressional Representative</h3>
<ul id="repList" class="rep-card-list">
<!-- Representative Cards are inserted here -->
</ul>
</div>
<ul>
<li class="info-card mdl-card mdl-shadow--2dp">
<h3 class="mdl-card-title">Why Call</h2>
<p class="mdl-card-text">
Calling the district office of your Congressional rep is the most
effective way to get government to listen to you, according to
political staffers. Calls are taken more seriously and make a greater
impact than emails or written letters. Because your Congressional rep
serves fewer constituents than a Senator, a call to your rep is more
likely to be answered and carries more relative weight.
</p>
</li>
<li class="script-card mdl-card mdl-shadow--2dp">
<h3 class="mdl-card-title">What to Say</h2>
<p class="mdl-card-text">
"Hi, my name is [your name] and I'm a constituent from [your
town/city]. I'm calling because [express your opinion on an issue
here]. Please tell [rep name] to [support/oppose/speak out against]
[your issue]. Thank you for your time."
</p>
</li>
<li class="info-card mdl-card mdl-shadow--2dp">
<h3 class="mdl-card-title">What to Expect</h2>
<p class="mdl-card-text">
You will likely talk to an intern or Congressional staffer dedicated
to constituent services. They will take down your name, opinion and
relay that information for your representative. Many offices tally the
number of constituents that call to support or oppose various issues.
<br>
In general, it's better to speak to a person than to leave a
voicemail.
</p>
</li>
</ul>
<footer>
<p class="mdl-typography--caption">
Your address/location is never saved.
</p>
<p>
Call To Action was created and built by
<a href="https://twitter.com/zackshapiro">@zackshapiro</a>,
<a href="https://twitter.com/jeremyhfisher">@jeremyhfisher</a>,
<a href="https://twitter.com/mitulp91">@mitulp91</a>,
<a href="https://twitter.com/webdevdani">@webdevdani</a>,
<a href="https://twitter.com/jhsilverman">@jhsilverman</a>,
<a href="https://twitter.com/sleepingplanes">@sleepingplanes</a>,
<a href="https://twitter.com/lachlanjc">@lachlanjc</a>,
<a href="https://twitter.com/buckwilson">@buckwilson</a>,
<a href="https://twitter.com/simkhosla">@simkhosla</a>, and
<a href="https://twitter.com/bengold">@bengold</a>.
</p>
</footer>
</div>
</main>
</div>
<script src="http://cdn.usecalltoaction.com/scripts.js"></script>
</body>
</html>