-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
110 lines (101 loc) · 9.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Toxic waste routes</title>
<meta name="author" content="Michele Invernizzi and Michele Mauri (DensityDesign), Guia Baggi, Zanna McKay">
<meta property="og:image" content="https://toxicwasteroutes.github.io/css/hero.png">
<meta property="og:description" content='"Toxic waste routes" is a joint project between Densitydesign Lab and Guia Baggi, aimed at enhancing transparency on toxic wastes movements across the world'>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@densitydesign">
<meta name="twitter:title" content="Toxic waste routes">
<meta name="twitter:description" content='"Toxic waste routes" is a joint project between Densitydesign Lab and Guia Baggi, aimed at enhancing transparency on toxic wastes movements across the world'>
<meta name="twitter:image" content="https://toxicwasteroutes.github.io/css/hero.png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Karla:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lora:400,700" rel="stylesheet">
<link rel="icon" href="css/favicon.png" type="image/gif" sizes="32x32">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container-fluid header-copy" role="heading">
<h1 class="header-title copy">Toxic waste routes</h1>
<div class="header-button title">
<a href="tool">Explore the data</a>
</div>
</div>
<div class="container-fluid header-box">
</div>
<div class="container" role="main">
<div class="row">
<h1 class="title intro-title">Tracing the global path of hazardous garbage</h1>
<div class="intro-copy copy">
<p>People worldwide are thinking more and more about their garbage and how to reduce its impact on the environment. But we all learn very little about how hazardous waste is managed at the industrial level.</p>
<p>In fact, the exact size of this global trade is unknown. The most comprehensive mechanism monitoring the cross-border movements of hazardous waste is a UN treaty, namely the <a class="intro-link copy-link copy" href="http://www.basel.int/">Basel Convention</a>. Still, figures on hazardous waste generation and imports/exports are far from being accurate and complete.</p>
<p>Even though 183 of the 195 sovereign states recognized worldwide are member-parties in the convention, fewer than 50 percent report to the Convention’s Secretariat every year - as they are expected to - the type and amount of hazardous wastes and other wastes they have exported and imported to and from other countries. In addition, the U.S., one of the largest generators of hazardous waste, is among those thirteen countries where the treaty is not even in force.</p>
<p>On the basis of the reports received by the Basel Convention’s Secretariat, every year at least 8 million to 10 million metric tons of hazardous waste are shipped across borders to be disposed of or recycled. This waste is mainly residue from industrial waste disposal operations, waste mineral oils, and lead and/or lead compounds.</p>
<p>Much is unknown about hazardous waste exported from more to less developed countries, represented by about 0,7% of the overall exports reported between 2007 and 2013. In the whole African continent, for instance, an average of only 15 states (out of 54) actually reported their movements for 2012, 2013, 2014.</p>
<p class="pre-link">In 1995, at a meeting of the Conference of the Parties, an amendment - also known as the Ban Amendment - was adopted to stop exports of hazardous waste from the 34 member-nations of the Organization for Economic Co-operation and Development (OECD), European Union, Liechtenstein and all other states. The amendment is not yet in force.</p>
<a class="intro-link copy" href="tool">Explore the data</a>
</div>
</div>
<div class="row">
<h3 class="title intro-subtitle">About</h3>
<div class="intro-copy copy">
<p>"Toxic waste routes" is a joint project between <a class="intro-link copy-link copy" href="http://www.densitydesign.org/">DensityDesign Lab</a> and Guia Baggi, aimed at enhancing transparency on toxic wastes movements across the world. The current tool is a first prototype based on Basel Convention annual reports, and the visualization reflects data features: inconsistencies and missing reports are often the norm, and there is a clear need for a better data transparency on the topic.</p>
<p>If you find any bug or error, please open an issue on <a class="intro-link copy-link copy" href="https://github.com/toxicwasteroutes/toxicwasteroutes.github.io/issues">Github</a>.<br/>To give us feedback, contact us at: <a class="intro-link copy-link copy" href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="row row-copy">
<h3 class="title intro-subtitle">People</h3>
<div class="intro-copy copy">
<h4 class="intro-names">Guia Baggi</h4>
<p>Guia Baggi is co-founder of the <a class="intro-link copy-link copy" href="https://irpi.eu/">Investigative Reporting Project Italy (IRPI)</a>, a centre for investigative journalism based in Italy. She is currently based in Florence, Italy. In the first part of 2016, she spent five months in New York as a <a class="intro-link copy-link copy" href="https://news.vice.com/article/vice-announces-inaugural-class-of-knight-vice-innovators">Knight/Vice/CUNY Innovators’ Fund</a> fellow developing the idea behind Toxic Waste Routes: a global reporting project on trans-boundary movements of hazardous waste of which this is just a first step. For contacts or collaborations: <a class="intro-link copy-link copy" href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="intro-copy copy">
<a class="intro-link copy" href="http://www.zannamckay.com">Zanna McKay</a>
<p>Zanna K. McKay is a multimedia journalist who has recently reported from Italy, Mali and Southeast Asia. She specializes in featuring local people who are tackling pressing, large-scale social issues such as universal education, worker's rights and environmental degradation. She is currently based in Ho Chi Minh City, Vietnam. She is contributing to bring "Toxic Waste Routes" to the next level.</p>
</div>
<div class="intro-copy copy">
<a class="intro-link copy" href="https://micheleinvernizzi.com">Michele Invernizzi</a>
<p>Michele is attending his last year as M.Sc. student in Communication Design at Politecnico di Milano, trying to combine his passion for interaction design, data visualization and programming. He developed "Toxic waste routes" as part of his internship at DensityDesign.</p>
</div>
<div class="intro-copy copy">
<a class="intro-link copy" href="http://www.densitydesign.org/person/michele-mauri/">Michele Mauri</a>
<p>Collaborating with DensityDesign since 2009, he is currently research fellow at Polytechnic University of Milan, where he teaches and researches. He coordinated the development of "Toxic waste routes".</p>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-2 col-xs-6">
<a href="http://www.densitydesign.org/"><img src="img/density_logo.png"></a>
</div>
<div class="col-md-2 col-sm-2 col-xs-6">
<a href="http://www.dipartimentodesign.polimi.it/"><img src="img/dip_logo.png"></a>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-5816319-14', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>