forked from osmlab/onosm.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (99 loc) · 6.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html>
<head>
<title>On OpenStreetMap - a tool to add your business to the map</title>
<meta name="description" content="Quickly and easily list your business on OpenStreetMap"/>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<link rel='stylesheet' type='text/css' href='css/style.css' />
<link rel='stylesheet' type='text/css' href='css/site.css' />
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0/leaflet.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0/leaflet.ie.css" />
<![endif]-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/1.7.4/i18next.min.js"></script>
<meta id="viewport" name="viewport" content ="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body>
<div class='container pad2 margin2 col8'>
<div class="pad2">
<img src="img/osm.png" class="fl mr logo" alt="OpenStreetMap" />
<h2 class="app-title" data-i18n="app.title">On OpenStreetMap</h2>
<p data-i18n="[html]app.desc">OpenStreetMap is an open, global map used by people around the world to navigate and find local businesses.
<br/>It's easy and free to add your business to the map!</p>
</div>
<div class='col12 on-1 steps clearfix'>
<div class='col4 center pad1 step-1'>
<a href='#location' data-i18n="step1.title"></a>
</div>
<div class='col4 center pad1 step-2'>
<strong onclick="check_coordinates()" data-i18n="step2.title"></strong>
</div>
<div class='col4 center pad1 step-3'>
<strong data-i18n="step3.title"></strong>
</div>
</div>
<div class='col12' id='address-step'>
<div class='center pad2'>
<span id='instructions' data-i18n="step1.desc"></span>
</div>
<div class='col12'>
<div class='pad1'>
<form id='find'>
<input class='col8' id='address' placeholder='' data-i18n="[placeholder]step1.addr"/>
<button class='col4' id='findme' data-i18n="step1.button"></button>
<br />
<a id="use_my_location" data-i18n="step1.use_location" href="#" onclick="return false">use my current location</a>.
</form>
</div>
</div>
<div class='center pad2'>
<p id="couldnt-find" style='display: none;' data-i18n="[html]step1.fail"></p>
</div>
<div class='center pad2'>
<p id="invalid-location" style='display: none;' data-i18n="[html]step1.invalid-location"></p>
</div>
<div class='col12'>
<div class='col12' id='findme-map'></div>
<p id="success" class="center" style='display: none; margin-bottom: 500px;'></p>
</div>
</div>
<div class='col12 hide' id='collect-data-step'>
<p data-i18n="[html]step2.desc"></p>
<div class='col12'>
<div class='clearfix col12'>
<label for='category' data-i18n="step2.catlabel"></label>
<input style='width: 400px;' id='category' multiple='multiple' data-placeholder='' class='col10' data-i18n="[data-placeholder]step2.catplaceholder"/>
</div>
<div class='col6'>
<label for='name' data-i18n="step2.name"></label>
<input id='name' type='text' placeholder='' data-i18n="[placeholder]step2.nameplaceholder"/>
<label for='phone' data-i18n="step2.phone"></label>
<input id='phone' type='text' placeholder='' data-i18n="[placeholder]step2.phoneplaceholder"/>
</div>
<div class='col6'>
<label for='website' data-i18n="step2.website"></label>
<input id='website' type='text' placeholder='' data-i18n="[placeholder]step2.websiteplaceholder"/>
<label for='social' data-i18n="step2.social"></label>
<input id='social' type='text' placeholder='' data-i18n="[placeholder]step2.socialplaceholder"/>
<label for='opening_hours' data-i18n="step2.opening"></label>
<input id='opening_hours' type='text' placeholder='' data-i18n="[placeholder]step2.openingplaceholder"/>
</div>
<h4><button class='col12' id='collect-data-done' data-i18n="step2.done"></button></h4>
</div>
</div>
<div class='col12 pad2 hide' id='confirm-step'>
<p data-i18n="[html]step3.row1"></p>
<p><span data-i18n="step3.row2"></span><span id='linkcoords'> </span></p>
<p data-i18n="[html]step3.row3"></p>
<p><span data-i18n="step3.row4"></span> <a href="#location" onclick="clearFields()" data-i18n="step3.row4a"></a>!
</p>
</div>
<footer><p class="center" data-i18n="[html]app.footer">Source code available on <a href="https://github.com/osmlab/onosm.org">Github</a></p></footer>
</div>
<script src='js/site.js'></script>
</body>
</html>