-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·145 lines (133 loc) · 9.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Conflict Urbanism: Colombia</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles -->
<link rel="stylesheet" type="text/css" href="css/site-specific.css">
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700" rel="stylesheet">
<!-- Google Analytics Code -->
<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-27897156-6', 'auto');
ga('send', 'pageview');
</script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ****** Jumbotron ******** -->
<div class="container">
<div class="jumbotron">
<h1>CONFLICT URBANISM:<br>COLOMBIA</h1>
<p class="text-center"><a href="indice.html"><i>Disponible en español</i></a></p>
<p>Forced displacement has torn apart towns and communities throughout Colombia.
Especially during the last three decades, the country experienced a mass exodus
of people seeking to escape the horrors of war, resulting in around eight million victims.
Forced displacement is not a dynamic limited to rural regions of the country.
It also affected large capitals, intermediate cities, and small municipalities.
Locating the areas that suffered the most from forced displacement is part of the
challenge of understanding the effects of the use of terror in the midst of the conflict.</p>
<p><i><span style="color: white;">Conflict Urbanism: Colombia</span></i> has contributed to
discerning the spatial effects of forced displacement in two stages: in 2016 - during a
pivotal moment marked by the signing of a peace accord between the Colombian government and
the FARC guerrilla - Juan Francisco Saldarriaga developed a groundbreaking interactive map
to illustrate the spatial extents of forced displacement across the country. In 2022,
Juan Sebastián Moreno expanded this work, updating the information in the map and adding
new angles of analysis to connect the flows of victims of displacement to other violations
to Human Rights across the country.</p>
</div>
</div>
<!-- ****** Map ******** -->
<div class="container">
<div class="row">
<div class="col-md-4">
<p class="application-title"><span style="color: white;">INTERACTIVE MAP</span></p>
<p class="intro-bottom">To create this interactive map, now available both in <a href="applications/map.html" target="_blank">English</a>
and <a href="applications/mapa.html" target="_blank">Spanish</a>,
we employed data from the Unified Registry of Victims, the largest official repository of forced
displacement victims, to trace lines between the points of departure and arrival of all individual
victims of displacement between 1985 and 2021.</p>
<p class="intro-bottom">The map focuses on the 200 municipalities where forced
displacement had the greatest impact and shows that the effects of forced displacement were not uniform.
Cities like Bogotá, Medellín and Santa Marta have been the main recipients of victims of the conflict.
However, the people who have been forced to leave their territories not only found refuge in the capitals.
Other very small towns have fulfilled a similar role in regions such as the Gulf of Urabá and Montes de María,
near the Atlantic Coast. Additionally, not all victims of displacement have completely abandoned their hometowns.
In some intermediate cities, such as Buenaventura and Tumaco, more than half of these victims had to move within
their own towns.
</p>
</div>
<div class="col-md-8">
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="applications/map.html" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!-- ****** Thumbnails ******* -->
<div class="container">
<div class="tumbnails">
<div class="row">
<div class="col-md-4">
<a class="project-thumb" href="applications/truthCommission.html">
<img class="img-responsive thumb-img" src="img/thumbs/truthCommission.png" alt="thumb">
<p class="application-title"><span style="color: white;">TRUTH COMMISSION</span></p>
<p class="application-summary">Multiple data visualizations, produced in collaboration with Colombia’s Truth and Reconciliation Commission, add nuance and spatial detail to the intricate geography of forced displacement in the country.</p>
</a>
</div>
<div class="col-md-4">
<a class="project-thumb" href="applications/animation.html">
<img class="img-responsive thumb-img" src="img/thumbs/map.png" alt="thumb">
<p class="application-title"><span style="color: white;">ANIMATION</span></p>
<p class="application-summary">Using a simple particle system, this video animation illustrates every single reported forced displacement in the country from 1985 to 2015, and provides a clear idea of the spatial and temporal evolution of the conflict.</p>
</a>
</div>
<div class="col-md-4">
<a class="project-thumb" href="applications/interactiveViz.html">
<img class="img-responsive thumb-img" src="img/thumbs/interactiveViz.png" alt="thumb">
<p class="application-title"><span style="color: white;">INTERACTIVE VISUALIZATION</span></p>
<p class="application-summary">Using a random sample of 200,000 victims represented as individual pixels, this interactive prototype reveals some of the most interesting patterns of the conflict.</p>
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="intro-bottom"><i><span style="color: white;">Conflict Urbanism: Colombia</span></i> is a collaboration between the
<a href="http://c4sr.columbia.edu/" target="_blank">Center for Spatial Research</a> at Columbia University, the <a href="https://www.comisiondelaverdad.co/" target="_blank">Truth and Reconciliation Commission</a>,
and the <a href="https://paz.uniandes.edu.co/index.php/es/" target="_blank">Masters in Peace Building</a> at the Universidad de Los Andes. This project has been generously funded by
the Andrew W. Mellon Foundation through their <a href="https://mellon.org/initiatives/architecture-urbanism-and-humanities/" target="_blank">Architecture, Urbanism, and the Humanities</a>
initiative. For more information check out our <a href="applications/about.html">about page</a> or <a href="mailto:juan.moreno@columbia.edu?subject=Conflict Urbanism Colombia">contact us</a>.
The graphics and analysis in this website are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License</a> <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/80x15.png" /></a>. The data for this site was provided by the Truth and Reconciliation Commission and the Registro Único de Víctimas and may not be shared or used outside of this website without explicit permission.</p>
</div>
</div>
<div class="social_link">
<ul class="social_link">
<li class="social_link"><a href="http://www.facebook.com/share.php?u=https://c4sr.columbia.edu/conflict-urbanism-colombia/&title=Conflict Urbanism: Colombia" target="_blank"><img src="img/social/FB-f-Logo__white_100.png" height="25px"></a></li>
<li class="social_link"><a href="http://twitter.com/intent/tweet?status=Conflict Urbanism: Colombia+https://c4sr.columbia.edu/conflict-urbanism-colombia/" target="_blank"><img src="img/social/Twitter_Logo_White_On_Image.png" height="30px"></a></li>
</ul>
</div>
</div>
<!-- ****** Scripts ****** -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>