-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (132 loc) · 7.4 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
133
134
135
136
137
138
---
layout: default
title: Represent Boundaries
---
<div class="hero">
<div class="container">
<div class="hero__component-introduction">
<h1 class="hero__component-title">Match your users with location-based information</h1>
</div>
</div>
</div>
<div class="featuring layout-full-width-left-heading">
<div class="container">
<div class="content-column">
<div class="grid-row">
<div class="column-one-of-one">
<h2>Provide relevant information based on your user's location</h2>
</div>
</div>
<div class="grid-row">
<div class="column-one-of-four">
<img src="assets/img/benefits-a.png" alt="">
<h3>Tag your content by area</h3>
<p>In your CMS, match elected officials to their districts, organize actions by region or tag news by neighborhood.</p>
</div><!--
--><div class="column-one-of-four">
<img src="assets/img/benefits-b.png" alt="">
<h3>Collect a user's address</h3>
<p>Use any geocoding API like <a href="https://developers.google.com/maps/documentation/geocoding/">Google</a> or <a href="https://msdn.microsoft.com/en-us/library/ff701715.aspx">Bing</a> to transform their address to a latitude and longitude.</p>
</div><!--
--><div class="column-one-of-four">
<img src="assets/img/benefits-c.jpg" alt="">
<h3>Match it to an area</h3>
<p>Send the coordinates to Represent Boundaries to find the geographic area that covers their location.</p>
</div><!--
--><div class="column-one-of-four">
<img src="assets/img/benefits-d.jpg" alt="" class="img-borderless">
<h3>Display relevant content</h3>
<p>Invite supporters to take local actions, show readers stories from a local election race, or build “email your elected official” campaigns.</p>
</div>
</div>
</div>
</div>
</div>
<div class="featuring layout-full-width-left-heading">
<div class="container">
<div class="content-column">
<div class="grid-row">
<div class="column-one-of-one">
<h2>Organize your people database by geographic area</h2>
</div>
</div>
<div class="grid-row">
<div class="column-one-of-three">
<h3>Collect people's addresses</h3>
<p>In your CRM, make sure you're collecting people's addresses. Use a geocoding API to transform addresses to latitudes and longitudes.</p>
</div><!--
--><div class="column-one-of-three">
<h3>Match them with areas</h3>
<p>Use the <a href="{{ site.baseurl }}/docs/reference/">Represent Boundaries API</a> to find the geographic areas that contain those addresses. Update people's profiles with their matching areas.</p>
</div><!--
--><div class="column-one-of-three">
<h3>Segment people geographically</h3>
<p>Match your volunteers, donors or voters to electoral districts to better mobilize volunteers, organize donation drives or target canvassing.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="featuring layout-full-width-left-heading">
<div class="container">
<div class="content-column">
<div class="grid-row">
<div class="column-one-of-one">
<h2>Used by some of the most popular civic and democratic websites</h2>
</div>
</div>
<div class="grid-row">
<div class="column-one-of-four">
<img src="assets/img/govtrack.us.jpg" alt="">
<h3><a href="https://www.govtrack.us/">GovTrack.us</a></h3>
<p>GovTrack.us helps millions of Americans easily track the activities of the United States Congress.</p>
</div><!--
--><div class="column-one-of-four">
<img src="assets/img/openstates.org.jpg" alt="">
<h3><a href="http://openstates.org/">OpenStates.org</a></h3>
<p>Open States by the <a href="https://sunlightfoundation.com/">Sunlight Foundation</a> allows anyone to track lawmaking in their US state.</p>
</div><!--
--><div class="column-one-of-four">
<img src="assets/img/represent.opennorth.ca.jpg" alt="">
<h3><a href="https://represent.opennorth.ca/">Represent</a></h3>
<p><a href="https://represent.opennorth.ca/">Open North</a>'s API powers the online email campaigns of Canada's largest nonprofits and unions.</p>
</div><!--
--><div class="column-one-of-four">
<img src="assets/img/ancfinder.org.jpg" alt="">
<h3><a href="http://ancfinder.org/">ANCFinder.org</a></h3>
<p>This <a href="http://codefordc.org/">Code for DC</a> app helps increase participation in DC's Advisory Neighborhood Commissions.</p>
</div>
</div>
</div>
</div>
</div>
<div class="featuring layout-full-width-left-heading">
<div class="container">
<div class="content-column">
<div class="grid-row">
<div class="column-one-of-one">
<h2>Use a public Represent Boundaries API to power your website</h2>
<p>Instead of collecting data and installing Represent Boundaries yourself, you can use one of these public instances.</p>
</div>
</div>
<div class="grid-row">
<div class="column-one-of-two">
<h3>Canada</h3>
<p><a href="https://represent.opennorth.ca/">represent.opennorth.ca</a> by <a href="https://represent.opennorth.ca/">Open North</a> is the most comprehensive source for electoral districts in Canada, including all provinces and nearly 400 municipalities. It's used by some of Canada's largest nonprofits and labor unions. <a href="https://represent.opennorth.ca/demo/">Try out the demo</a> or re-use its <a href="https://github.com/opennorth/represent-canada/">open-source code</a>.</p>
</div><!--
--><div class="column-one-of-two">
<h3>United States</h3>
<p><a href="http://gis.govtrack.us/map/demo/cd-2012/">gis.govtrack.us</a> has US Congressional Districts and boundary sets from the US Census Bureau and District of Columbia. <a href="http://gis.govtrack.us/map/demo/cd-2012/">Read its documentation</a> or re-use its <a href="https://github.com/JoshData/boundaries_us">open-source code</a>.</p>
</div>
</div>
</div>
</div>
</div>
<div class="final-call-to-action">
<div class="container">
<h2>Represent Boundaries is free and open-source</h2>
<a href="{{ site.baseurl }}/docs/" class="button--primary">Get started</a>
<p>Need help implementing Represent Boundaries? Contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</div>