-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
384 lines (354 loc) · 19.5 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
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>State of the Map Asia 2018</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.44.1/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Section Landing START -->
<div class="section-landing">
<div class="container">
<!-- NavBar START -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="http://stateofthemap.asia/">
<span>SOTM ASIA</span>
<span class="font-weight-light">2018</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="program/">Program
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="venue/">Venue</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://medium.com/state-of-the-map-asia" target="_blank">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="" data-toggle="modal" data-target="#exampleModalLong">Code of
Conduct</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<a href="https://twitter.com/SotmAsia" target="_blank"><button class="btn btn-outline-primary btn-rounded"
type="button"><i class="fa fa-twitter"></i> Follow us</button></a>
</form>
</div>
</nav>
<!-- NavBar END -->
</div>
<div class="container">
<div class="row content-landing">
<div class="col-md-4">
<img src="img/sotmAsia18-logo.png" alt="" class="img-fluid">
</div>
<div class="col-md-8">
<div class="right-landing">
<p>November 17 - 18, 2018
<br /> Indian Institute of Management, Bangalore</p>
<h1>State of the Map Asia will bring together participants from around the world to discuss
challenges, learn, and celebrate many years of mapping together.</h1>
<a href="" class="registration btn btn-primary btn-lg btn-rounded disabled" target="_blank">Registration closed</a>
<div class="sotm-organizers">
<h6>Organized by</h6>
<img src="img/[email protected]" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section Landing END -->
<!-- Section CTAs START -->
<div class="section-cta">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="cta-card">
<div class="cta-card-content">
<h4>Call for Proposals</h4>
<p>🙌 Call for proposals are open now! We need your help to shape the event this year.</p>
</div>
<div class="cta-card-footer">
<p>Call for Proposals is closed.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="cta-card">
<div class="cta-card-content">
<h4>Apply for Scholarship</h4>
<p>🎓 Call for scholarships are open until May 11, 2018! Apply if you'd like support to
attend the event this year.</p>
</div>
<div class="cta-card-footer">
<p>Applications are closed.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="cta-card">
<div class="cta-card-content">
<h4>Latest News</h4>
<p><i class="fa fa-medium"></i> We’re excited to meet you at State of the Map Asia 2018 this weekend. This is your guide. </p>
</div>
<div class="cta-card-footer">
<a href="https://medium.com/state-of-the-map-asia/your-guide-to-state-of-the-map-asia-this-weekend-8052adb55bab"
target="_blank">Read
more
<span class="shift"><i class="fas fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section CTAs END -->
<!-- Section SOTM 2017 START -->
<div class="section-sotm-2017">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="photo-sotm-2017">
<!-- <img src="https://user-images.githubusercontent.com/416977/32729963-e6ead1c8-c8c8-11e7-8446-4b073e50b3b5.jpg" alt=""> -->
</div>
</div>
<div class="col-md-6 right-sotm-2017">
<h4>State of the Map Asia 2017</h4>
<p>Last year, we were in Kathmandu, Nepal. After the earthquake in 2015, OpenStreetMap volunteers
from across the world coordinated creating the most accurate map of the region for supporting
disaster response.
The theme of the conference was "from creation to use" - as the coverage of map data continues
to increase in Asia.
</p>
<a href="https://github.com/sotm-asia/sotm-asia-2017-website/blob/master/SOTM%20Asia%202017%20Conference%20Summary.pdf"
target="_blank">
<button class="btn btn-outline-primary btn-rounded" type="button">Read the 2017 report</button>
</a>
</div>
</div>
</div>
</div>
<!-- Section SOTM 2017 END -->
<!-- Section Partners START -->
<div class="sections-partners">
<div class="container">
<div class="row">
<div class="col-md-6 right-partners">
<h4>Become our partner</h4>
<p>As a partner, you will help us shape the conference this year. Download the sponsorship deck and
email us
<a href="mailto:[email protected]" class="alert-link">[email protected]</a>
for more information.
</p>
<a href="https://docs.google.com/presentation/d/e/2PACX-1vRlh4Pnmp9SgUXAjgP6kxvqlOLRAoJjYHZYP_8_5arhgGe2v8AjSNX60NzVVZZ3oes8ZAIzjVowl8Qb/pub?start=true&loop=false&delayms=3000&slide=id.p"
target="_blank">
<button class="btn btn-outline-primary btn-rounded" type="button">Sponsorship deck</button>
</a>
</div>
<div class="col-md-6 left-partners">
<div class="d-flex">
<div class="sponsors gold">
<img src="img/facebook-logo.svg" alt="" srcset="">
<p>Gold</p>
</div>
</div>
<div class="d-flex">
<div class="sponsors silver">
<img src="img/mapbox-logo.svg" alt="" srcset="">
<p>Silver</p>
</div>
</div>
<div class="d-flex mb-5">
<div class="sponsors bronze mr-5">
<img src="img/mapillary-logo.svg" alt="">
<p>Bronze</p>
</div>
<div class="sponsors bronze">
<img src="img/grab-logo.svg" alt="">
</div>
</div>
<div class="d-flex mb-5">
<div class="sponsors supporter">
<img src="img/partners.png" alt="">
<p>Supporter</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section Partners END -->
<!-- Section Venue START -->
<div class="section-venue">
<div class="container">
<div class="row">
<div class="col-md-6 left-venue">
<!-- <p class="text-primary">Novemeber 17 - 18, 2018
<br /> Indian Institute of Management, Bangalore</p> -->
<h4>Venue</h4>
<p><b><a href="http://www.iimb.ac.in/">Indian Institute of Management, Bangalore</a></b> is a
leading graduate school of management in Asia. The IIMB campus was designed by celebrated
architect B V Doshi. Built in 1983, IIMB is based on the design of the town of Fatehpur Sikri,
laid out by Akbar in the 16th century.
</p>
<p>
<b>
Indian Institute of Management Bangalore <br />
Bannerghatta Road, Bengaluru, India
560076
</b>
</p>
<!-- <button class="btn btn-outline-primary btn-rounded" type="button">Learn More</button> -->
</div>
<div class="col-md-6 right-venue">
<div id="map"></div>
</div>
</div>
</div>
</div>
<!-- Section Venue END -->
<!-- Footer START -->
<footer>
<div class="container">
<div class="row footer">
<div class="col-sm-6">
<p>© Copyright 2018, State of the Map Asia</p>
</div>
<div class="col-sm-6">
<div class="d-flex">
<div class="foot-link">
<a href="https://twitter.com/SotmAsia" target="_blank">Twitter</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer END -->
<!-- Modal -->
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLongTitle">Code of conduct (CoC)</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p style="text-align:justify">The State of the Map Asia organising team is dedicated to providing a
harassment-free conference experience for everyone, regardless of gender, gender identity and
expression, sexual orientation, disability, physical appearance, body size, race, age or
religion. We do not tolerate harassment of conference participants in any form. Sexual language
and imagery is not appropriate for any conference venue, including talks.</p>
<h4>
<b>What is this CoC for?</b>
</h4>
<p style="text-align:justify">This Code of Conduct ensures an effective exchange of ideas and
information at the State of the Map Asia events in an atmosphere free of abuse or harassment,
and characterized by courtesy and respect. To that end, the SotM Asia expects all individuals
who attend to conduct themselves in a manner that establishes an atmosphere free from
discriminatory practices.</p>
<p style="text-align:justify">In order to implement our Code of Conduct in the strictest manner
possible, we work with institutions that believe, support, and uphold our values of providing
our attendees and guests a safe and harassment-free environment to collaborate and build
communities in. We work with partner institutions to make sure that help us enforce the Code of
Conduct. While laws differ from nation to nation in guaranteeing constitutional rights for
addressing harassment issues, we especially value the role played by our partner institutions
in ensuring a safe and harassment-free environment.</p>
<h4>
<b>Who does this CoC apply to?</b>
</h4>
<p style="text-align:justify">Every individual who is a part of this conference - the organisers,
the attendees, the participants, and the support staff.</p>
<h4>
<b>What do you mean by harassment?</b>
</h4>
<p style="text-align:justify">Harassment includes verbal comments that reinforce social structures
of domination related to gender, gender identity and expression, sexual orientation,
disability, physical appearance, body size, race, age, religion; sexual images in public
spaces; deliberate intimidation; stalking; following; harassing photography or recording;
sustained disruption of talks or other events; inappropriate physical contact; and unwelcome
sexual attention. Participants asked to stop any harassing behavior are expected to comply
immediately.</p>
<p style="text-align:justify"> Workshops, presentations and talks are also subjected to
anti-harassment policy. In particular, the presenters should not use inappropriate content or
images in their presentations and workshops.</p>
<h4>
<b>What are the consequences of violating the CoC?</b>
</h4>
<p style="text-align:justify">If a participant engages in harassing behavior, the conference
organizers may take any action they deem appropriate, including warning the offender or
expulsion from the conference with no refund. If you are being harassed, notice that someone
else is being harassed, or have any other concerns that you are unable to satisfactorily
resolve amongst the person(s) involved, please contact a member of conference staff
immediately. Escalation to, and incident reporting by a small subset of conference team leaders
will ensure that repeat offenders do not go unnoticed.</p>
<p style="text-align:justify">Conference staff will be happy to help participants contact
hotel/venue security or local law enforcement, provide escorts, or otherwise assist those
experiencing harassment to feel safe for the duration of the conference. We value your
attendance.</p>
<p style="text-align:justify">We expect participants to follow these rules at all conference venues
and conference-related social events.</p>
<h4>
<b>Contact Information</b>
</h4>
<p style="text-align:justify">You can email the State of the Map organizing team with any concerns
at
<b>
<a href="mailto:[email protected]">[email protected]</a>
</b>.</p>
<p style="text-align:justify">For police assistance the
<b>emergency number</b> in India is
<b>112</b> or
<b>100</b>, in case of
<b>fire</b> is
<b>101</b>, and in need of an
<b>ambulance</b> use
<b>102</b> or
<b>108</b>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
</body>
<script src="lib/main.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116847145-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-116847145-1');
</script>
</body>
</html>