-
Notifications
You must be signed in to change notification settings - Fork 0
/
pro_greenup.html
204 lines (155 loc) · 9.98 KB
/
pro_greenup.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
<!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">
<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"><h15>Data Analysis & Visualization</h15></a></li>
<li><a href="fabrication.html"><h16>Fabrication</h16></a></li>
<li><a href="innovation.html"><h16>Innovation</h16></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>GREEN UP<h4>
<h3>Investigation project. Smart gardens that are able to collect information about a plant and project it to the user.
</br>2018. Barcelona.</h3>
</br>
<h3>Could we modify the typical home garden to make it more interactive and social? Plants,and permaculture naturally produce data and information. Could we capture that information, translate it, and broadcast it to the public space?</h3>
</br>
<div class="nivo-slider nivoSlider" width="50">
<a href=""><img src="images/slides/greenup/greenup-(1).jpg" alt="#" /></a>
<img src="images/slides/greenup/greenup-(2).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(3).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(4).jpg" alt="#" />
<!-- <img src="images/slides/greenup/greenup-(5).jpg" alt="#" /> -->
<img src="images/slides/greenup/greenup-(6).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(7).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(8).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(9).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(10).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(11).jpg" alt="#" />
<!-- <img src="images/slides/greenup/greenup-(12).jpg" alt="#" /> -->
<!-- <img src="images/slides/greenup/greenup-(13).jpg" alt="#" /> -->
</div>
</br></br>
<h3>GreenUp is an integrated planter box for your balcony which is also a basic computer. It captures data from the user and the plants and displays it on an LED screen, which is visible from the street below. Using an Arduino board and various sensors, one can easily program the LED to display a variety of information such as: moisture of the soil, size of the plant, time until harvest, the type of plant, even the money that the user has saved by growing their own food.</h3>
</br></br>
<div class="nivo-slider nivoSlider">
<a href=""><img src="images/slides/greenup/greenup-(14).jpg" alt="#" /></a>
<img src="images/slides/greenup/greenup-(15).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(16).jpg" alt="#" />
<img src="images/slides/greenup/greenup-(17).jpg" alt="#" />
</div>
</br></br>
<h3>GreenUp does not attempt to radically transform the existing economic model, merely to diversify it. Every community will have a richer source of food, including the individual GreenUp planters, the urban gardens, the supermercats ... Furthermore, the concept of using a basic computer to collect your own data can apply to almost any activity which has private and public faces (like laundry, dog-walking, or political protests). These practices can also be translated into information which is displayed from a residence down to the street. Ultimately, the street itself becomes like a screen filled with pixels of information, each of which encourage people to interact and look further into them.</h3>
<h3>For a city to be composed of healthy communities, it is important that technology does not have all the answers, and that people be allowed to seek and create their connections themselves.</h3>
<iframe src="https://player.vimeo.com/video/255538149" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="100%" height="650" frameborder="0"></iframe>
<!-- </br>
<video width="100%" controls>
<source src="images/slides/habla/habla-video.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</br></br> -->
<h33>GREENUP is a project of IAAC, Institute for Advanced Architecture of Catalonia, developed at MaCT (Master in City & Technology), 2017-18 by:
</br>Students: Ivan Himanen, Irene Rodríguez Vara, Venessa Williams
</br>Faculty: Tomas Diez, Mathilde Marengo, Chiara Dallolio</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>