-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
299 lines (267 loc) · 13.6 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
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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ovo" rel="stylesheet">
<link rel="shortcut icon" href="./image/favicon.png"/>
<link rel="stylesheet" href="./css/style-2.css">
<link rel="stylesheet" media="(max-width: 1024px)" href="./css/stylemedia.css">
<title>Ninfas 3.0</title>
</head>
<body class="container">
<header class="header">
<h1><a name="menu"></a>NINFAS 3.0</h1>
</header>
<div>
<ul class="menu menu-xs">
<li><a href="#ninfas">¿Por qué Ninfas 3.0?</a></li>
<li><a href="#une">¿Qué nos une?</a></li>
<li><a href="#rol">Nuestros roles</a></li>
<li><a href="#profile">¿Quiénes somos?</a></li>
</ul>
</div>
<main class="container">
<h2 class="title2"><a name="ninfas"></a>¿POR QUÉ NINFAS 3.0?</h2>
<section class="section0">
<div class="def">
<p>Se llama <em>ninfa</em> a la etapa inmadura de un insecto que ha pasado ya
del estado de larva y prepara su última metamorfosis. Y ahí es donde nos
encontramos nosotras, en proceso de <em>transformación</em> hacia nuestra última
metamorfosis, como "desarrolladoras FrontEnd".
</p>
<img class="chart none" src="./image/metamorphosis.png" alt="Imagen de metamorfósis de insectos">
</div>
<div class="def">
<p>En el mundo del desarrollo el número de mujeres es muy escaso, al igual que
ocurre con el número de insectos conocidos hasta ahora.
</p>
<p>Este gráfico representa el porcentaje de insectos conocidos respecto a los que
se calcula que hay. Así pues, se asemeja a las mujeres desarrolladoras conocidas
en el mundo y...<strong>¡las que quedan por conocer!</strong>
</p>
<img class="chart" src="./image/grafica.png" alt="Gráfico comparativo insectos conocidos y mujeres en programación">
</div>
</section>
</main>
<h2 class="maincite">“Aquello que para la oruga se llama fin del mundo, para el resto del
mundo se llama mariposa.”<br>Lao Tsé
</h2>
<h2 class="title2"><a name="une"></a>¿QUÉ NOS UNE?</h2>
<!-- -->
<section class="section1 centro">
<p class="def">Somos <a id="adalabblog" href="http://adalab.es/noticias" target="_blank">Adalabers</a>, apasionadas
de la tecnología. Compartimos aficiones como asistir a conciertos y la música en vivo,
la ciencia ficción, la literatura, en definitiva, la cultura y arte, así
como la naturaleza.
</p>
</section>
<ul class="menu menu-xs media-xs">
<li class="motivation">+Brainstorming</li>
<li class="motivation">+Trabajo en equipo</li>
<li class="motivation">+Motivación</li>
<li class="motivation">-Tiempos de reflexión</li>
<li class="motivation">-Perfeccionismo</li>
<li class="motivation">-Auto-exigencia</li>
</ul>
<section class="centro">
<h3 id="title3">CREANDO DIVERSIDAD DIGITAL</h3>
<div class="centro logoadalab">
<a href="http://adalab.es/" target="_blank">
<img src="./image/logoadalab.png" alt="logoadalab" width="200px">
</a>
</div>
</section>
<h2 class="roles"><a name="rol"></a>NUESTROS ROLES</h2>
<section class="section3rol">
<div class="rol col1-5">
<h4 class="titlerol">Eventos</h4>
<p class="color">En estas semanas me he encargado de mirar en redes y diferentes páginas de internet
cuales son los eventos interesantes, difundir su existencia y organizar la asistencia
a los mismos.
</p>
</div>
<div class="rol col1-5">
<h4 class="titlerol">Aprendizaje</h4>
<p class="color">Nuestro primer Sprint consiste en comprobar que todos los miembros del equipo alcanzan
los objetivos individuales, nos ayudamos si tenemos alguna dificultad en las actividades
y preguntar, si hace falta, al equipo Adalab.
</p>
</div>
<div class="rol col1-5">
<h4 class="titlerol">Planificación</h4>
<p class="color">Mi rol con este grupo durante el primer Sprint es el de planificación, que consiste en
comprobar que las tareas de Trello estén colocadas así como asegurarme de que mis
compañeras tienen las tareas correctamente ordenadas en cada sección del tablero
de pared.
</p>
</div>
<div class="rol col1-5">
<h4 class="titlerol">Comunicación</h4>
<p class="color">Como encargada de comunicación, mi rol consiste en difundir a través de herramientas
como el Twitter o el Slack los logros y avances del equipo, ser la responsable de la
comunicación en los eventos y supervisar el post grupal que vamos a publicar
en el blog de Adalab.
</p>
</div>
<div class="rol col1-5">
<h4 class="titlerol">Trabajo en equipo</h4>
<p class="color">Mi rol en este grupo durante este primer Sprint, es el de trabajo en equipo, que
consiste en comprobar que las tareas están divididas de forma más o menos equitativa,
pedir ayuda si la necesitamos, y en caso de conflictos, comunicarlos para tratar
de resolverlos.
</p>
</div>
</section>
<h2><a name="profile"></a>¿QUIÉNES SOMOS?</h2>
<section class="section4profile">
<div class="col1-5">
<img class="avatar" src="./image/palo.png" alt="Avatar de Blanca">
<h3 class="name">Blanca</h3>
<p>Yo soy Blanca M. Sancho. Nací en Madrid en 1980 aunque toda mi familia es de Valencia.
Estudié psicología en la Universidad Complutense de Madrid, aunque en realidad, al acabar
COU (si, soy de “aquel entonces”) iba para física, ¡me arrepentí antes
de si quiera hacer la matrícula!
</p>
<p>Al acabar la carrera, me puse a trabajar “de lo mío” en diferentes recursos de la Comunidad
de Madrid, trabajé con enfermos mentales graves, crónicos, en discapacidad y desde hace unos
años, en enfermedades raras.
</p>
<p>Mas de 10 años después, por mi situación laboral y personal (y un poco de quemazón por el
trabajo en lo social, todo hay que decirlo) me replanteo una reorientación laboral. ¡Y aquí
estoy! Iniciando esta aventura sin saber muy bien dónde me llevará
o cómo será el camino. ¡Pero es lo genial de las aventuras! Que no se sabe ni el cómo ni
dónde, pero seguro que merece la pena.
</p>
<p>Llegué a ADALAB de forma bastante casual. Me pasaron la información y le estuve echando
un ojo. Muy difícil lo veía pues era complicado cuadrar horarios de mis trabajos por horas,
mi hija, la Escuela infantil… pero gracias a una serie de casualidades,
¡aquí estoy!
</p>
</div>
<div class="col1-5">
<img class="avatar" src="image/saltamontes.png" alt="Avatar de Cristina">
<h3 class="name">Cristina</h3>
<p>Soy graduada en Bellas Artes por la Universidad de Sevilla y máster en Arte
Contemporáneo Tecnológico y Performativo en la universidad del País Vasco, Bilbao. He ampliado
su formación con seminarios, cursos y talleres dentro del ámbito
artístico relacionados con el vídeo, la tecnología, el arte sonoro y el paisaje. Actualmente
centro mi interés en los mass-media, trabajando desde la investigación, la experimentación
desde la mirada, tanto del observado como de los propios artistas
cuestionando nuestro entorno paisajístico natural con y para la red, por ese motivo y con especial interés en los avances en el mundo de la programación,
se me presentó la oportunidad de reinventarse como programadora en el programa que ofrece Adalab, con grandes expectativas para mi futuro.
</p>
</div>
<div class="col1-5">
<img class="avatar" src="./image/butterfly.png" alt="Avatar de Aída">
<h3 class="name">Aída</h3>
<p>Mi nombre es Aída y nací en los maravillosos 80's en Palma de Mallorca. </p>
<p>Desde los tres años me he he dedicado a trabajar con “La reina de las artes”, es decir,
soy maga.
</p>
<p>Por motivos personales este año he decidido cambiar el rumbo de mi vida haciendo otro
tipo de magia; la programación.
</p>
<p>Se me he presentado una magnífica oportunidad y me he inscrito en el curso que ofrece
Adalab, en el que, además de conocer a gente fantástica, estoy aprendiendo muchísimos
“hechizos” nuevos. Y creo que puedo decir con orgullo: ¡Soy “Adalaber”!
</p>
</div>
<div class="col1-5">
<img class="avatar" src="./image/dragonfly.png" alt="Avatar de Claudia">
<h3 class="name">Claudia</h3>
<p>Me llamo Claudia M. Ioja soy periodista digital especializada en marketing digital,
escritora y emprendedora.
</p>
<p>Nací en Bucarest en 1988. En 2008 me mudé a Madrid, atraída por la cultura española.</p>
<p>Me gradué en periodismo en la Universidad Spiru Haret en 2011.</p>
<p>Soy una persona muy curiosa con ganas de aprender cosas nuevas constantemente. Tengo
una mentalidad líquida, capaz de adaptarse con facilidad a entornos cambiantes, y mi
fortaleza es ser estratega para poder ver las soluciones donde parece que no
hay nada. Me gustan los animales, la naturaleza y la cultura.
</p>
<p>En 2016, tras ganar una beca en la EOI en Madrid, he estudiado un postgrado de marketing
digital donde he podido ampliar mis conocimientos de SEO, SEM y social media. Al acabar
el postgrado he decido emprender, y tuve la oportunidad de participar
en un programa europeo de mentorización para emprendedores. Al comienzo de 2017, entendí
que tenía que seguir ampliando mis conocimientos técnicos con una formación relacionada
al diseño web y en Marzo, a través del programa “Aquí hay trabajo”
he visto el curso de Front-end de Adalab.
</p>
<p>Ahora, yo también soy una ¡Adalaber! y en solamente 3 meses dominaré el Html, Css y
JavaScript.
</p>
</div>
<div class="col1-5">
<img class="avatar" src="./image/mantis.png" alt="Avatar de Laura">
<h3 class="name">Laura</h3>
<p>Mi nombre es Laura, nací en Bilbao pero llevo muchos años en La Meseta.
</p>
<p>Estudié F.P.II de Informática de Gestión, y toda mi experiencia tiene que ver con la informática,
mayoritariamente en desarrollo de software de aplicaciones de escritorio, con VB, Access
y SQL Server.
</p>
<p>Me gusta la sensación de crear algo partiendo de cero y que sirva para ayudar a otras personas.
</p>
<p>Me quedé estancada en mi trabajo, me di cuenta de que todo había dejado de tener sentido para
mí, y decidí cambiar de rumbo para poder crecer.
</p>
<p>A través de las redes sociales conocí el proyecto de Adalab, y me encantó :)
</p>
<p>Emocionada con esta gran oportunidad de poder reinventarme en AdaLab. Y de aquí, hasta el
infinito y más allá! :)
</p>
</div>
</section>
<section class="logoline">
<div class="col1-5 logoline">
<a href="https://twitter.com/blasapo" target="_blank">
<img class="logo"src="image/twitter.png" alt="redsocial">
</a>
<a href="https://www.linkedin.com/in/blanca-m-sancho-ponce-629b18129/" target="_blank">
<img class="logo"src="image/linkedin.png" alt="redsocial">
</a>
</div>
<div class="col1-5 logoline">
<a href="https://twitter.com/mcferrod" target="_blank">
<img class="logo"src="image/twitter.png" alt="redsocial">
</a>
<a href="https://www.linkedin.com/in/mcristinafernandez/" target="_blank">
<img class="logo" src="image/linkedin.png" alt="redsocial">
</a>
</div>
<div class="col1-5 logoline">
<a href="https://twitter.com/Aida_Artacho" target="_blank">
<img class="logo"src="image/twitter.png" alt="redsocial">
</a>
<a href="https://www.linkedin.com/in/a%C3%ADda-artacho-merlo-61100a141/" target="_blank">
<img class="logo"src="image/linkedin.png" alt="redsocial">
</a>
</div>
<div class="col1-5 logoline">
<a href="https://www.twitter.com/iclaudia00" target="_blank">
<img class="logo"src="image/twitter.png" alt="redsocial">
</a>
<a href="https://www.linkedin.com/in/claudia-ioja-64329848/" target="_blank">
<img class="logo"src="image/linkedin.png" alt="redsocial">
</a>
</div>
<div class="col1-5 logoline">
<a href="https://twitter.com/LRodriAce" target="_blank">
<img class="logo"src="image/twitter.png" alt="redsocial">
</a>
<a href="https://www.linkedin.com/in/laura-rodr%C3%ADguez-96981169/" target="_blank">
<img class="logo"src="image/linkedin.png" alt="redsocial">
</a>
</div>
</section>
<footer class="footer">
<p>Con el fin de iniciarnos en el mundo de la programación, las Ninfas 3.0 buscamos profundizar en
nuestros conocimientos técnicos de HTML, CSS y FLEXBOX, así como nuestras habilidades personales
y de trabajo en equipo a través de este proyecto.
</p>
<h3><a href="#menu">Volver al menú</a></h3>
</footer>
</body>
</html>