-
Notifications
You must be signed in to change notification settings - Fork 0
/
pro_pulses.html
206 lines (155 loc) · 8.92 KB
/
pro_pulses.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>irenervara</title>
<!-- Meta -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<meta name="description" content="Irene Rodriguez Vara Portfolio" />
<meta name="keywords" content="Arquitectura Portfolio Data City Fabrication Architecture " />
<meta name="author" content="Irene Rodriguez Vara" />
<meta name="copyright" content="creative commons share alike" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<!-- CSS -->
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="css/nivo-slider.css" rel="stylesheet" type="text/css" />
<link href="css/nivotheme.css" rel="stylesheet" type="text/css" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="vendor/bootstrap/css/bootstrap-grid.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- JS -->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!--[if lte IE 7]><script src="js/lte-ie7.js"></script><![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie9.css">
<![endif]-->
</head>
<body>
<!-- Portfolio
============================= -->
<div id="portfolio">
<div class="inner">
<!-- <h2>Projects<a href="#about"><h22> | About Me</h22></a></h2>
<h3>Here you can find a collection of works I have developed during the past years</h3>
</br> -->
<!-- Portfolio Menu -->
<!-- <ul class="portfolio-menu filter">
<li class="current all"><a href="#">All</a></li>
<li class="pfc"><a href="#">Final Thesis</a></li>
<li class="data"><a href="#">Data Analysis</a></li>
<li class="competition"><a href="#">Competition</a></li>
<li class="fabrication"><a href="#">Fabrication</a></li>
<li class="research"><a href="#">Research Projects</a></li>
<li class="workshop"><a href="#">Workshops</a></li>
</ul> -->
<!-- .portfolio-menu -->
<!-- </br> -->
<!-- Portfolio -->
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-2">
</br><a href="index.html"><img src="images/thumbnails/irenervara-03.png" alt="#" width="100%"/></a></br></br>
<h33 class="sidebar-p">Here you can find a collection of works I have developed the past years. </h3></br></br>
<h33 class="sidebar-p">Projects ranging from the small scale of digital fabrication, to the understanding and analysis of urban data that, together with my studies in architecture, add a transversal knowledge of the city.</h33>
</br></br>
<ul class="sidebar-menu">
<li><a href="index.html#portfolio"><h13>Portfolio</h13></a></li>
<ul>
<li><a href="arch.html"><h15>Architecture</h15></a></li>
<li><a href="data.html"><h16>Data Analysis & Visualization</h16></a></li>
<li><a href="fabrication.html"><h15>Fabrication</h15></a></li>
<li><a href="innovation.html"><h15>Innovation</h15></a></li>
</ul>
<li><a href="workshops.html"><h14>Workshops</h14></a></li>
<li><a href="about.html"><h14>About</h14></a></li>
<!-- <li><a href="about.html"><h14>About</h14></a></li> -->
</ul>
</br></br>
<h33>If you want more information about me, you can find it here...<h33></br><a href="images/thumbnails/irene-rodriguez-vara-cv.pdf" target="_blank"><h14>Download CV</h14>
</a>
</br></br>
<ul class="social">
<a href="https://github.com/irenervara" class="fa fa-github icon" target="_blank"></a>
<a href="https://vimeo.com/user80856530" class="fa fa-vimeo icon" target="_blank"></a>
<a href="https://www.linkedin.com/in/irene-rodr%C3%ADguez-vara-86ba21106" class="fa fa-linkedin-square icon" target="_blank"></a>
<a href="https://www.instagram.com/irenervara/" class="fa fa-instagram icon" target="_blank"></a>
</ul>
</div>
<div class="col-xs-1 col-sm-1 col-md-1"></div>
<div class="col-xs-12 col-sm-8 col-md-8">
<div id="slider" class="theme-default">
</br>
<div class="innerpro">
<h4>THE PULSE OF A CITY<h4>
<h3>How the pulses look like within the city? How does the city sound?</br>2018. Barcelona.</h3>
</br>
<iframe src="https://player.vimeo.com/video/269657729" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="100%" height="650" frameborder="0"></iframe>
<!-- <video width="100%" controls>
<source src="images/slides/pulses/pulses-video.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</br></br> -->
<h3>It is fascinating the fact that tweets are timestamped, that meant we could know what was happening when. The pulse tells a lot about a person’s’ mental, physical and emotional state, stressed or relaxed, active or chilling, excited or depressed. So our question was, if we considered the city as a person, could we know what’s it doing? how is it feeling or what is it thinking? If successful, would we start treating and holding it to the same standards we do ourselves and each other?</h3>
</br></br>
<div class="nivo-slider nivoSlider">
<a href=""><img src="images/slides/pulses/pulses1.jpg" alt="#" /></a>
<img src="images/slides/pulses/pulses2.jpg" alt="#" />
<img src="images/slides/pulses/pulses3.jpg" alt="#" />
<img src="images/slides/pulses/pulses5.jpg" alt="#" />
<img src="images/slides/pulses/pulses8.jpg" alt="#" />
<img src="images/slides/pulses/pulses9.jpg" alt="#" />
</div>
</br></br>
<h3>December 21st, the highest peak of the whole data base, to further analyze how the pulse of the elections day sounded in the city.</h3>
</br>
<iframe src="https://player.vimeo.com/video/269657715" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="100%" height="650" frameborder="0"></iframe>
<h33>THE PULSE OF A CITY is a project of IAAC, Institute for Advanced Architecture of Catalonia, developed at MaCT (Master in City & Technology), 2017-18 by:
</br>Students: Camille Feghali and Irene Rodríguez Vara
</br>Faculty: Luis Falcón
</br>Support: Angelos Chronis</h33>
<!-- <h3>We picked December 21st, the highest peak of the whole data base, to further analyze how the pulse of the elections day sounded in the city.</h3>
<iframe src="https://player.vimeo.com/video/269657729" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="100%" height="750" frameborder="0"> -->
</div><!-- .inner -->
</div>
</div>
<div class="col-xs-1 col-sm-1 col-md-1"></div>
</div>
<!-- .portfolio -->
</br></br></br></br></br>
</div><!-- .inner -->
</div><!-- #portfolio -->
<!-- End Portfolio -->
<!-- About
============================= -->
<!-- Contact
============================= -->
<div id="contact">
<div class="inner">
<ul>
<li>
<h10 style="font-size: 18px"><b>Contact Information</b></h10>
<p>I Hope you have enjoyed all this collection and looking forward to hearing from you. </br>Here all what you need to contact me</p>
<span><i class="li_location"></i>Madrid. Spain</span>
<span><i class="icon-phone"></i>0034 629520701</span>
<span><i class="icon-mail"></i>irenervara@gmail.com</span>
</br>
<h8>©2018 Irene Rodríguez Vara | All rights reserved</h8>
</li>
</ul>
</div><!-- .inner -->
</div><!-- #contact -->
<!-- End Contact -->
<a href="" class="go-top">Top</a>
</body>
</html>