/
centralised.html
262 lines (209 loc) · 12.2 KB
/
centralised.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content=""/>
<!--facebook-->
<meta property="og:title" content="CAG: Centralised Waste Management System">
<meta property="twitter:title" content="CAG: Centralised Waste Management System">
<meta property="og:url" content="https://cag-org-in.github.io/scroll-map/">
<meta property="og:site_name" content="">
<meta property="og:description" content="A project by Citizen consumer and civic Action Group">
<meta property="og:image" content="https://www.cag.org.in/sites/all/themes/cag/logo.png">
<meta property="twitter:image" content="https://www.cag.org.in/sites/all/themes/cag/logo.png">
<meta property="og:type" content="website">
<!-- stylesheets -->
<link rel="icon" href="images/about.png" type="image/x-icon">
<link rel="shortcut icon" href="images/about.png" type="image/x-icon">
<link rel="apple-touch-icon" href="images/about.png">
<link rel="apple-touch-icon-precomposed" href="images/about.png">
<title>CAG Stories</title>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel=
'stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel=
'stylesheet' type='text/css'>
<link href="css/foundation-icons.css" rel="stylesheet">
<link href="bower_components/foundation/css/foundation.css" rel=
"stylesheet" type="text/css">
<link rel="stylesheet" href="//api.mapbox.com/mapbox.js/v3.1.1/mapbox.css"/>
<link href="css/app.css" rel="stylesheet">
<!-- js -->
<script src="//api.mapbox.com/mapbox.js/v3.1.1/mapbox.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<body class="section-0">
<!-- Splash page -->
<div id="pan">
<div class="fullscreen background" id="splash">
<div class="content-a">
<div class="content-b">
<span class="sub target fadeEl"></span>
<!--
<img id="logo" src="images/logo.png">
-->
<h1 class="target fadeEl">Centralised Waste Management System</h1>
<h2 class="target fadeEl">
<!-- -->
</h2>
<div class="content-c target fadeEl">
<a class="button secondary cust-button" href="#">Enter</a>
</div>
</div>
</div>
</div>
</div>
<!-- Main content -->
<div id="main-content-wrapper">
<!-- Map -->
<div id="map"></div>
<!-- Content -->
<article id='narrative'>
<section class='cover active' id='cover'>
<h2>Introduction</h2>
<p>
Chennai has increased its waste generation from 600 to 4,500 metric tons per day (tpd) in just over two decades. As per some studies, Chennai is also the highest per capita waste generator among cities in India at 700 gms per person per day. Unfortunately, the city’s waste management infrastructure has been unable to keep up with its rapid growth. The Greater Chennai Corporation (GCC) is spending more funds than ever on hauling contracts and other short-term solutions, while the city has failed to think about the issue of waste with a view towards long-term sustainability. In this storymap, you will see how waste is generated across the city but hauled by trucks to the city’s landfills in Kodungaiyur and Perungudi.
</p>
<img class="scroll" src="images/mouse_grey.png">
<h3>scroll</h3>
</section>
<section id='1-5'>
<h3>Street Sweeping</h3>
<img class="feature-img" src="images/1.5 Street sweeping.jpg">
<p>Waste is collected by conservancy workers engaged by GCC and Ramky, a private firm contracted for SWM in Zone 9, 10 and 13, from streets.
In these three zones, Ramky is responsible for door-to-door collection, transportation to the Perungudi landfill, street sweeping and maintenance of dumpsters. However, in 2014 nearly 80% of people surveyed in Ward 173 (Zone 13) said that they did not receive door-to-door-collection services.</p>
</section>
<section id='1-3'>
<h3>Dumpsters</h3>
<img class="feature-img" src="images/1.3 Dumpster.jpg">
<p>
The GCC places large green dumpsters on streets for people to dispose their waste. This is the primary mode of disposal used by households and small commercial establishments. Many dumpsters can be seen to be overflowing or overturned, and their immediate vicinity strewn with garbage, and also become locations of open urination.
</p>
</section>
<section id='1-4'>
<h3>Bulk Waste Producers</h3>
<img class="feature-img" src="images/1.4 BWPs.jpg">
<p>
Bulk waste producers (BWPs) are generators of waste that exceed an average of 100 kgs per day. They include commercial and non commercial establishments that generate both wet and dry waste. At present, bulk waste producers either dump their waste in GCC bins or have the GCC lorries pick up the large quantities of waste directly from the premise. Despite the SWM Rules 2016 that mandate BWPs take responsibility for their own waste, we see them continue to brazenly evade their responsibility. </p>
</section>
<section id='1-6'>
<h3>Collection from households</h3>
<img class="feature-img" src="images/bikecart.jpeg">
<p>
Tricycles or small vehicles traverse through narrow streets, collecting garbage from door- to- door. The garbage is then emptied into large dumpsters stationed on every street corner. Each ward in the city is allotted 5 to 12 tricycles depending on the area of the ward.
</p>
</section>
<!-- todo: added section -->
<section id='1-7'>
<h3>Transfer stations</h3>
<img class="feature-img" src="images/1.6 Transfer station.jpg">
<p>
Transfer stations act as common points of garbage collection for every zone. There are a total of 11 transfer stations in the city of Chennai. To optimise transport, large trucks/ compactors haul the waste from street dumpsters all the way up to the city’s dump yard.
</p>
</section>
<section id='1-8'>
<h3>Kodungaiyur waste yard</h3>
<img class="feature-img" src="images/1.8 Kodungaiyur waste yard.jpg">
<p>Chennai city generates close to 4,500 tons of garbage on a daily basis. The Kodungaiyur waste yard is surrounded by residential neighbourhoods in the northernmost part of the city of Chennai. Garbage from zones one to eight are carried by tipper trucks to the Kodungaiyur waste yard, which is a stretch of land of 270 acres.
</p>
</section>
<section id='1-9'>
<h3>Perungudi</h3>
<img class="feature-img" src="images/Perungudi Dump yard 3.jpg">
<p>
The Perungudi dump yard is one of the two major dumpyards in the city. The garbage from the remaining seven zones are heaved to the Perungudi landfill in South Chennai. What was once a 50 hectare marshland, a home to migratory birds and locals, is now a yard piled with the city’s garbage.
</p>
</section>
<section id='1-10'>
<h3>Informal Waste Pickers</h3>
<img class="feature-img" src="images/Informal Waste Pickers final.jpeg">
<p>
Informal waste pickers play an essential role in the economy’s production process. They collect reusable and recyclable material and sell them to scrap shops. The materials are collected from the street dumpsters, transfer stations and landfills. As much as they play a key role in the society, their contributions are rarely recognised, and they face social stigma and harassment from the police and local government authorities.
</p>
</section>
<section id='1-11'>
<h3>Waste in Adyar River</h3>
<img class="feature-img" src="images/1.9 Waste in Adyar River.jpg">
<p>The Adyar river, once a source of pristine water, has been reduced to a sewer. Indiscriminate dumping of garbage and debris, sewage and industrial effluents in the Adyar River have caused it to become heavily polluted, killing aquatic life.
</p>
</section>
<!--
<section id='1-10'>
<h3>Degradation of Pallikarnai marshland</h3>
<img class="feature-img" src="images/1.10 Degradation of Pallikarnai.jpg">
<p>
</p>
</section>
-->
<!--
<section id='about'>
<h3>The Team</h3><img class="feature-img" src=
"images/about.png">
<h4>The Staff</h4>
<div class="row">
<div class=" medium-4 columns">
<img class="round" src="images/team/asha.jpg">
<p>Asha Richardson<br>
<small>Project Manager</small></p>
</div>
<div class="medium-4 columns">
<img class="round" src="images/team/lob.jpg">
<p>Lo Benichou<br>
<small>Interactive News Developer</small></p>
</div>
<div class="medium-4 columns">
<img class="round" src="images/team/teresa.jpg">
<p>Teresa Chin<br>
<small>Producer and Designer</small></p>
</div>
</div>
<div class="row">
<div class=" medium-4 columns text-center">
<img class="round" src="images/team/lissa.jpg">
<p>Lissa Soep<br>
<small>Senior Editor</small></p>
</div>
<div class=" medium-4 columns text-center">
<img class="round" src="images/team/cliff.jpg">
<p>Clifford Lee<br>
<small>Scholar-in-Residence</small></p>
</div>
<div class=" medium-4 columns text-center">
<img class="round" src="images/team/ike.jpg">
<p>Ike Sriskandarajah<br>
<small>Science Producer</small></p>
</div>
</div>
<div class="row">
<div class=" small-12 columns text-center">
<p><small>This interactive was inspired by and adapted from <em>Young
Hahn's</em><a href=
"http://alistapart.com/article/hack-your-maps"> Shelock
Holmes map.</a></small></p>
</div>
</div>
</section>
-->
</article>
</div>
<!-- social -->
<div class="share-bttn"></div>
<!-- Modal trigger -->
<div class="text-center hide-for-touch" id="modal-trigger">
<a class="fi-plus large" id="plus" data-reveal-id="myModal" href="#" style=
"font-style: italic"></a>
<p class="hidden">Add Your Story!</p>
</div>
<!-- Script -->
<script src="bower_components/jquery/dist/jquery.min.js?v=2"></script>
<script src="bower_components/foundation/js/foundation.min.js?v=2"></script>
<script src="js/share.min.js"></script>
<script src="js/app-centralized.js"></script>
<script src="js/mailer.js"></script>
</body>
</html>