/
decentralised.html
261 lines (201 loc) · 12.3 KB
/
decentralised.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
<!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: Decentralised Waste Management System">
<meta property="twitter:title" content="CAG: Decentralised 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">Decentralised 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> The extant system of solid waste management is not only ecologically and environmentally unsustainable, but also uneconomical and highly inefficient. While the rest of the world is aspiring to go the zero waste way, the Greater Chennai Corporation (GCC) is vehemently rooting for landfills and incineration, the evil twin of centralised waste management that is currently in practice. Besides being unsustainable on several counts, the practice in its current form breeds corruption, lack of transparency and accountability by relying on privatisation of its services. The decentralised model that is being advocated as an alternative to the centralised waste management seeks to address the issues that makes the system highly inappropriate to be pursued in its current form. This alternate zero-waste model precisely represents a holistic vision that every community must aspire to move towards in order to restore the balance in ecology, environment and eradicate corruption in public services.
</p>
<img class="scroll" src="images/mouse_grey.png">
<h3>scroll</h3>
</section>
<section id='2-2'>
<h3>Household</h3>
<img class="feature-img" src="images/2.2 Door to Door Collection.jpg">
<p> Wet or organic waste forms the bulk of the domestic waste and should be managed on the premises as far as possible. Only recyclables can be accumulated and sold to authorised waste pickers or recyclers. Only residual waste, including sanitary waste, would have to be disposed of by the local government. By segregating and composting organic waste and managing the other dry waste locally, sizeable load is taken off the solid waste that currently goes to the landfills.</p>
</section>
<section id='2-3'>
<h3>Hotels & Restaurants</h3>
<img class="feature-img" src="images/hotel.jpg">
<p>
Hotels and restaurants form the majority of Bulk Waste Producers (BWPs) in any city. The SWM Rules 2016 mandate in-situ management of biodegradable wastes for BWPs while the remaining goes to the informal waste economy or to authorised agents.
</p>
</section>
<section id='2-4'>
<h3>RWAs & Market associations</h3>
<img class="feature-img" src="images/RWAs.jpg">
<p>
Resident Welfare Associations (RWAs) and Market associations are categorised as BWPs for the amount of waste they generate. Just like the other BWPs, they are mandated to manage their wet wastes in-situ, while flushing out the other dry waste through appropriate formal and informal channels.
</p>
</section>
<section id='2-5'>
<h3>Event or gathering of more than 100 persons</h3>
<img class="feature-img" src="images/event or gatherings.jpeg">
<p>
An event or gathering of more than 100 persons naturally generates a waste of quantum equal to a BWP. The collection and management mechanism should provide for source segregation and capacity to disintegrate the wet wastes within the premises. The recyclables and residues can be managed by appropriate formal or informal agents when disposed responsibly.
</p>
</section>
<section id='2-6'>
<h3>Street sweeping</h3>
<img class="feature-img" src="images/street sweeping.jpeg">
<p>
A bulk of waste from street sweeping is typically horticulture waste, which comprises of leaves and branches. The rest of the waste comprises dust and litter which currently renders this waste unusable. This can be segregated to extract usable organic waste such as dry leaves.
</p>
</section>
<section id='2-7'>
<h3>Composting on campus</h3>
<img class="feature-img" src="images/Composting unit.jpeg">
<p>
At neighbourhood levels, public spaces like parks, playgrounds and area reserved for open space (OSR) under relevant laws and by-laws can be used to set-up shared facilities for composting or bio gas plants. The dividends can then be distributed equitably to all the members that contribute to the facility.
</p>
</section>
<section id="2-8">
<h3>Scrap shop</h3>
<img class="feature-img" src="images/Waste paper mart.jpeg">
<p>
A scrap shop is the first link between the informal and formal waste economies. Informal waste pickers, waste collectors and city residents bring their recyclable waste to scrap shops. They, in turn, sort and segregate waste in different streams and send them to waste aggregators who further sell them to recyclers.
</p>
</section>
<section id='2-9'>
<h3>Material Recovery Facility</h3>
<img class="feature-img" src="images/MRF.jpeg">
<p>
In a decentralised system, the existing transfer stations can be used as Material Recovery Facilities where the bulk is further reduced by selling recyclables. The unusable residue is then accumulated over a period of time and then transferred in bulk to landfills so as to optimise the cost of transportation that is currently both uneconomical and unsustainable.
</p>
</section>
<!--
<section id='2-10'>
<h3>Perungudi</h3>
<img class="feature-img" src="images/DSC00819-2.jpg">
<p>
Under the current system, all the mixed and residuary waste that is generated by households and BWPs are dumped at the central dumping yards at Perungudi and Kodungaiyur. Despite sorting and segregation being mandatory, these large volumes of uncategorised waste prompt the government to take the incineration route to manage the volume. In the decentralised system with the micro-management of waste, these dumpyards can be used to manage the residuary non-recyclable materials.
</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-decentralized.js"></script>
<script src="js/mailer.js"></script>
</body>
</html>