-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
237 lines (203 loc) · 10 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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html>
<head>
<title>Election Map</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<!-- Mapbox Assembly -->
<script async defer src='https://api.mapbox.com/mapbox-assembly/v0.23.2/assembly.js'></script>
<link href='https://api.mapbox.com/mapbox-assembly/v0.23.2/assembly.min.css' rel='stylesheet'>
<!-- Mapbox GL-->
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.53.1/mapbox-gl.css' rel='stylesheet' />
<!-- Mapbox GL Geocoder -->
<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v3.1.6/mapbox-gl-geocoder.min.js'>
</script>
<link rel='stylesheet'
href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v3.1.6/mapbox-gl-geocoder.css'
type='text/css' />
<!-- Mapbox GL Extensions -->
<script src='https://cdn.jsdelivr.net/gh/publicmap/mapbox-gl-tools@master/dist/addMapControls.js'></script>
<link href='https://cdn.jsdelivr.net/gh/publicmap/mapbox-gl-tools@master/dist/addMapControls.css' rel='stylesheet'>
<style>
body,
input,
textarea {
line-height: 20px;
}
.mapboxgl-ctrl-geocoder .geocoder-icon-search {
left: 5px;
}
.py6 {
margin-left: 6px;
}
.viewport-twothirds {
height: 60vh !important;
overflow: auto;
}
@media screen and (min-width: 800px) {
.viewport-full-ml {
height: 100vh !important;
}
}
</style>
</head>
<body>
<!-- Class names are from assembly.js for styling -->
<div class='viewport-full relative clip'>
<div class='viewport-twothirds viewport-full-ml relative'>
<div id='map' class='absolute top left right bottom'></div>
</div>
<div class='absolute top-ml left z1 w-full w360-ml py12-ml px12-ml'>
<div class='viewport-third h-auto-ml hmax-full bg-white round-ml shadow-darken5 scroll-auto'>
<div class='py12 px12 scroll-auto'>
<h2 class='txt-l txt-bold mx6'>Election Map of India 2019 <a class='link' href="#"
onclick="document.getElementById('about-modal').style.display='block';">
<svg style='display:inline-block; vertical-align: middle;' class='icon'>
<use xlink:href='#icon-info' /></svg>
</a>
</h2>
<!-- <div class='select-container hide'>
<select id='select-map' class='select'>
<option value='constituencies'>Electoral Constituencies</option>
<option value='election'>Election date 2019</option>
</select>
<div class='select-arrow'></div>
</div> -->
<!-- <div class='toggle-group mr18'>
<label class='toggle-container'>
<input id='checked name='toggle-small' type='radio' />
<div class='toggle toggle--s'>Constituency</div>
</label>
<label class='toggle-container'>
<input name='toggle-small' type='radio' />
<div class='toggle toggle--s'>Schedule</div>
</label>
<label class='toggle-container'>
<input name='toggle-small' type='radio' />
<div class='toggle toggle--s'>MP</div>
</label>
</div> -->
<div id='infoPanel' class='py6'>
<p>Click location to view constituency details</p>
</div>
<p class='mx6 txt-xs'>
<a class='link' href="https://github.com/publicmap/electionmap/">
<svg style='display:inline-block; vertical-align: middle;' class='icon'>
<use xlink:href='#icon-heart' /></svg>
<span>Open source</span></a> |
<a class='link' href="https://github.com/publicmap/electionmap/issues">Submit feedback</a></p>
</div>
</div>
<div id='about-modal' class='fixed top right bottom left scroll-auto bg-darken10' style='display:none'>
<div class='flex-parent flex-parent--center-main pt36'>
<div class='flex-child bg-white round relative w600'>
<button class='absolute top right px12 py12'
onclick="document.getElementById('about-modal').style.display='none';">
<svg class='icon link color-darken50'>
<use xlink:href='#icon-close'></use>
</svg>
</button>
<div class='px24 py24 prose'>
<h3>Election Map of India 🗳️🇮🇳</h3>
<p class='txt-l'>
Locate your constituency and voting details for the <a
href="https://en.wikipedia.org/wiki/2019_Indian_general_election">2019 Lok Sabha Elections</a>
</p>
<h4>Election Schedule</h4>
<table class='table'>
<thead>
<tr>
<th>Date</th>
<th>Progress</th>
</tr>
</thead>
<tbody>
<tr>
<td>6 May</td>
<td>Polling: Phase 5<br>
<small>Bihar, Jammu and Kashmir, Jharkhand, Madhya Pradesh, Rajasthan, Uttar Pradesh, West Bengal</small></td>
</tr>
<tr>
<td>12 May</td>
<td>Polling: Phase 6<br>
<small>Bihar, Haryana, Jharkhand, Madhya Pradesh, Uttar Pradesh, West Bengal, Delhi</small></td>
</tr>
<tr>
<td>19 May</td>
<td>Polling: Phase 7<br>
<small>Bihar, Himachal Pradesh, Jharkhand, Madhya Pradesh, Punjab, West Bengal, Chandigarh, Uttar Pradesh</small></td>
</tr>
<tr>
<td>23 May</td>
<td><a href='http://eciresults.nic.in/'>Election results</a></td>
</tr>
</tbody>
</table>
<h4>About</h4>
<a class="twitter-share-button"
href="https://twitter.com/intent/tweet?text=Indian Election Map Tool by @datameet">
Tweet</a>
<div class="fb-share-button" data-href="https://electionmap.in" data-layout="button_count" data-size="small" style='top:-4px'><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Felectionmap.in%2F&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>
<p class='txt-m'>
ElectionMap is an open source citizen awareness tool built by the <a
href="http://datameet.org/">Datameet - Indian Open Data Community</a> to provide the 900 million
eligible voters in India an easy way of finding voting information relating to the upcoming <a
href="https://en.wikipedia.org/wiki/2019_Indian_general_election">2019 General Elections</a> which are
to be held from 11 April to 19 May 2019.
</p>
<p>
The tool uses available open data of electoral boundaries to locate the parliamentary constituency and
provides polling dates published by the Election Commission of India and links to the affadavits of
contesting candidates.
</p>
<p class='txt-mono'>DISCALIMER: All data displayed on this website have been compiled from various sources and to be used for reference purposes only. Users are requested ro <a href='https://github.com/publicmap/electionmap/issues'>report any issues</a> and to verify official information with the <a href='https://eci.gov.in/'>Election Comission of India</a></p>
<h5>How to use</h5>
<p>The map will automatically fetch your location and highlight the parliamentary constituency based on your location.</p>
<img src='/img/how-to-use-loading.gif'>
<p>If this is incorrect, you can use the search button on the right or manually click on the map to select another location.</p>
<img src='/img/how-to-use-search.gif'>
<h5>Resources</h5>
<p>For more voting resources please see <a
href='https://github.com/publicmap/electionmap/blob/master/LINKS.md'>list of useful links</a>
</p>
<h4 class='mb12'>Party map of 2014 Elections</h3>
<a href="https://commons.wikimedia.org/wiki/File:Indische_Parlamentswahl_2014_Parteien.svg"><img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Indische_Parlamentswahl_2014_Parteien.svg/831px-Indische_Parlamentswahl_2014_Parteien.svg.png"></a>
</div>
</div>
</div>
</div>
</div>
<!-- App script -->
<script src='/js/dist/index.js'></script>
<!-- Analytics tracking -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67847650-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-67847650-3');
</script>
<!-- FB widget -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
<!-- Twitter widget -->
<script>window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));</script>
</body>
</html>