-
Notifications
You must be signed in to change notification settings - Fork 0
/
ponr.html
181 lines (139 loc) · 5.88 KB
/
ponr.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
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/AnimOnScroll.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/style.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="images/bg-trasp-blue.png"/>
<title>Beatrice Gobbo</title>
<meta rel="author" content="Beatrice Gobbo">
<meta name='description' content= 'Hi'>
<meta name='keywords' content= 'Beatrice Gobbo, Beatrice, Gobbo, Designer, Data Visualization, Data, Information, Visual, Visualization'>
<!--
<meta name="robots" content="noodp">
<meta name="robots" content="noarchive">
<meta name="google-site-verification" content="e6sfBuUSyju54gzYCrxik9_dBzGsch79x_LJpvPgKV0" />
<link rel="shortcut icon" href="immagini/logo-sito-piccolo.png" type="image/png" size="16x16">
<link rel="mask-icon" href="immagini/short.ico" color="#000000">
<link rel="apple-touch-icon" href="immagini/short.ico" sizes="180x180" type="image/png">
<meta property="og:title" content="Beatrice Gobbo" />
<meta property="og:type" content="Portfolio">
<meta property="og:url" content="http://www.beatricegobbo.com"/>
<meta property="og:image" content='immagini/cover.png'>
<meta property="og:description" content="I am a visual designer." />
<meta property="og:site_name" content="Beatrice Gobbo" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="Beatrice Gobbo">
<meta name="twitter:title" content="Portfolio">
<meta name="twitter:description" content="I am a visual designer.">
<meta name="twitter:image" content="immagini/cover.png"> -->
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-default navbar-fixed-top">
<div class='container'>
<div id='header'>
<div class='row'>
<div id='menu-sin'>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-6'>
<p><a href="index.html">Works</a></p>
</div>
</div>
<div id='menu-dx'>
<div class='col-lg-6 col-md-6 col-sm-6 col-xs-6'>
<p><a href="about.html">about me</a></p>
</div>
</div>
</div>
</div>
</div>
</nav>
<!-- project description-->
<div class='container' style='margin-top:100px; margin-bottom:0px;'>
<div class=row>
<div class='col-lg-6 col-md-12 col-sm-12'>
<div class="date">
<p>2016</p>
</div>
<div class ='field'>
<h2> Data Visualisation, Web design</h2>
</div>
<div class='title'>
<h1>The Point of No Return</h1>
<p><a href="https://densitydesign.github.io/teaching-dd12/es01/group01/" target=”_blank” >🕷️ Website</a></p>
</div>
</div>
<section class='description col-lg-8'>
<p>Climate change is an increasingly significant phenomenon and
it’s likely to become irreversible.
In this website, we analyzed how the international community
is acting to mitigate the human component on this phenomenon and to help
various countries hit by the effects of climate change adapt in the best way possible.
We follow the history of international meetings, and we analyze the vulnerability to the effects of
climate change, and how ready the world’s countries are.</p>
</section>
<section class='team col-lg-4'>
<div class="team"><p>Team</p>
<ul>
<li>Valeria Aufiero</li>
<li>Andrea Benedetti</li>
<li>Alessia Bissolotti</li>
<li>Simone Costagliola</li>
</ul>
</div>
</section>
<section>
<div class="container-fluid">
<div class=row>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/point1.png">
</div>
</div>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/point2.png">
</div></div>
<section class='description col-lg-8'>
<h2>Human influence on the climate system is clear and growing. If left unchecked, climate change will increase the likelihood of pervasive and irreversible impacts for people and ecosystems.</h2>
</section>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/point3.png">
</div></div>
<div class='col-lg-12 col-md-12 col-sm-12'>
<div class ='image-prog'>
<img src="images/point4.png">
</div>
</div>
<section class='description col-lg-8'>
<p>The many points of no return
Is it legitimate to identify a single threshold past which it is impossible to go back? The point of no return for climate change is uncertain for each country and influenced by different causes. Because of this, each one of them requires an ever changing and focused financial and political support.
International agreements to prevent and contain climate change consequences allow the most vulnerable countries to interact with the world’s other countries.
Even though it’s impossible to identify the line between reversibility and irreversibility, the scientific community is unanimous that the human influence on climate change is decisive.
Therefore, the meeting between the countries continues. At COP22 in Marrakech, the central theme of adaptation to climate change carries forward the conversation of COP21 in Paris, that signed the Paris Agreement.</p>
</section>
<section class="pic">
<div class="pic col-lg-12 col-md-12 col-sm-12">
<h2>winner at the information is beautiful awards 2017 @London</h2>
<h1>Silver - humanitarian/global</h1>
<div class ="winner-img col-lg-4 col-md-12 col-sm-12">
<img src="images/ext.iib.jpg">
</div>
<div class ="winner-img col-lg-4 col-md-12 col-sm-12"><img src="images/iib_us1.jpg">
</div></div></section>
</div>
</div>
</div>
<!-- END CONTAINER FLUID -->
<div class="footer"> <p>Beatrice Gobbo. All rights reserved. 2018</p></div>
</body>
</html>