-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
164 lines (134 loc) · 5.53 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
<!DOCTYPE html>
<html>
<head>
<title>Delhi Draft Master Plan 2041 - Citizens Inputs</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="lib/leaflet.css" />
<link href="lib/jquery-ui.css" rel="stylesheet">
<link href="lib/bootstrap.v4.0.0.min.css" crossorigin="anonymous" alt="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" rel="stylesheet">
<link rel="stylesheet" href="lib/leaflet-sidebar.css" />
<link href="lib/tabulator.min.css" rel="stylesheet">
<link href="lib/simTree.css" rel="stylesheet">
<!-- Put the CSSs first and JSs next -->
<script src="lib/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="lib/jquery-ui.min.js" type="text/javascript"></script>
<script src="lib/leaflet.js"></script>
<script src="lib/leaflet-sidebar.min.js"></script>
<script src="lib/papaparse.min.js"></script>
<script src="lib/Leaflet.Control.Custom.js"></script>
<script src="lib/leaflet-providers.js"></script>
<script src="lib/tabulator.min.js" type="text/javascript"></script>
<script src="lib/leaflet-hash.min.js"></script>
<script src="lib/simTree.js"></script>
<style>
body {
padding: 0;
margin: 0;
min-height: auto; /* override style.css for this page*/
}
html, body, #map {
height: 100%;
}
/*#map {
height: calc(100% - 56px);
font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}*/
ul.sim-tree {
padding-inline-start: 0px;
}
/*div.sidebar {
top: 63px;
}*/
@media (min-width: 1200px) {
.sidebar {
width: 450px;
}
.sidebar p {
width: 80%;
}
.sidebar-left ~ .sidebar-map .leaflet-left {
left: 450px;
}
}
.sidebar .alert {
width: 100%;
}
.sidebar-pane {
min-width: auto;
}
/* Tabulator */
#stops {
width: 100%;
}
.legend { float: right; width: 20px; height: 80%; margin: 5px; }
red {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<div id="topMenu"></div>
<div id="sidebar" class="sidebar collapsed">
<!-- Nav tabs -->
<div class="sidebar-tabs">
<ul role="tablist">
<li><a href="#home" role="tab" title="layers"><i class="fa fa-bars"></i></a></li>
<li><a href="#messages" role="tab" title="Citizens Inputs"><i class="fa fa-envelope"></i></a></li>
<li><a href="print.html" target="_blank" role="tab" title="Print (opens new page)"><i class="fa fa-print"></i></a></li>
<li><a href="#settings" role="tab" title="About"><i class="fa fa-info-circle"></i></a></li>
</ul>
<ul role="tablist">
<li><a href="https://github.com/draftmpd41/draftmpd41.github.io" role="tab" target="_blank" title="See the code"><i class="fa fa-github"></i></a></li>
</ul>
</div>
<!-- Tab panes -->
<div class="sidebar-content">
<div class="sidebar-pane" id="home">
<h1 class="sidebar-header">
Draft MPD41 Layers
<span class="sidebar-close"><i class="fa fa-caret-left"></i></span>
</h1>
<br>
<div id="tree"></div>
<br><p>Location: <span id="latlong"></span></p>
</div>
<div class="sidebar-pane" id="messages">
<h1 class="sidebar-header">Citizens inputs<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
<br>
<div id="displayMessage">
Click on a marker on the map to view the input
</div>
</div>
<div class="sidebar-pane" id="settings">
<h1 class="sidebar-header">About<span class="sidebar-close"><i class="fa fa-caret-left"></i></span></h1>
<br>
<!-- <p>Explanation</p> -->
<small>
<p>The Delhi Development Authority made the <a href="https://dda.org.in/MPD_2041.aspx#">Draft Master Plan 2041</a> public on June 6th, 2021 for comments. This tool is an attempt to make the proposed <a href = "https://dda.org.in/pdf/july13/Draft%20Land%20Use%20Plan_public%20notice.pdf">land use plan</a> more accessible to the people interested in understanding the plan better. </p>
<p></p>
<p>An initiative by <a href="https://github.com/rajesvariparasa" target="_blank">Rajesvari Parasa</a></p>
<p>Coding by <a href="https://nikhilvj.co.in" target="_blank">Nikhil VJ</a> from Kaisyn Consultancy and Training Pvt Ltd</p>
<br>
<p><b>Additional Data Layers</b><br>
- <a href="https://delhishelterboard.in/main/?page_id=3644">Delhi Urban Shelter Improvement Board (DUSIB) website - mapping of JJ Bastis</a>
</p>
<p><b>References:</b><br>
- <a href="https://www.mainbhidilli.com/">Mein Bhi Dilli Campaign</a><br>
- <a href="https://timesofindia.indiatimes.com/city/delhi/80-in-survey-say-no-clue-about-ddas-masterplan/articleshow/80193521.cms">80% in survey say no clue about DDA’s masterplan. </a><br>
- <a href="https://igsss.org/wp-content/uploads/2020/12/Assessment-of-Peoples-Awareness-on-Delhi-Master-Plan-2021-41-1.pdf">Assessment of People’s Awareness on Delhi Master Plan 2021-41</a>
</p>
<br>
<p><b>Disclaimer</b>: The data displayed here is purely for public information use, and its ownership lies with the publishing government agency(s) involved. The volunteers behind this site cannot give any guarantees of accuracy. Please go on links shared above to get the originals before taking any decisions/action.</p>
</small>
</div>
</div>
</div>
<div id="map" class="sidebar-map"></div>
<script src="config.js"></script>
<script src="js/api.js"></script>
<script src="js/map.js"></script>
</body>
</html>