-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
210 lines (209 loc) · 12.1 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Bruno Pérez. Jefe de proyecto y Desarrollador fontend senior.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Currículum Vitae de Bruno Pérez, Jefe de proyecto y Desarrollador fontend senior. Nacido en Barcelona. Viviendo en Madrid. Especializado en Drupal, accesibilidad y buenas prácticas">
<meta name="keywords" content="curriculum,Bruno,Drupal,front-end,developer,designer,resume,Madrid,Barcelona" />
<meta name="author" content="BPL">
<link href="css/brwan01_main.css" rel="stylesheet" media="screen" type="text/css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
function changecss(cssFile, cssLinkIndex) {
var oldlink = document.getElementsByTagName("link").item(cssLinkIndex);
$("body").fadeOut( function() {
// Switch the stylesheet
var newlink = document.createElement("link");
newlink.setAttribute("rel", "stylesheet");
newlink.setAttribute("type", "text/css");
newlink.setAttribute("href", cssFile);
document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
// And then:
$( this ).fadeIn().focus();
});
}
</script>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<figure><img src="img/bperez_cv.jpg" alt="" /></figure>
<h1>Bruno Pérez</h1>
<h2>Desarrollador Front-End y <abbr title="Iterfaz de usuario">UI</abbr>.<br/> Especialista en Accesibilidad Web y Drupal.</h2>
<p>Madrid y Barcelona, España</p>
</header>
<main>
<section class="profile" aria-labelledby="profile-title">
<h2 id="profile-title">Perfil</h2>
<p>Nacido en Barcelona. Viviendo en Madrid. Iba para diseñador, pero alguien tenía que arreglar "<em>La Web</em>". Más de 15 años de experiencia en proyectos con múltiples tecnologías. Especializado en estándares web, accesibilidad, desarrollo y gestión de proyectos en Drupal.</p>
</section>
<section class="experience" aria-labelledby="experience-title">
<h2 id="experiencex-title">Experiencia</h2>
<ul>
<li>
<h3><strong>Jefe de proyecto y desarrollador Front-End</strong> <mark>ILUNION Accesibilidad</mark></h3>
<p><time datetime="2013-03">03/2013</time> <time datetime="2018">Actualidad</time> <mark>Madrid</mark></p>
<ul>
<li>Jefe de proyecto y coordinador de un equipo de desarrolladores en proyectos web con Drupal y Moodle.</li>
<li>Desarrollador Front-End en proyectos web accesibles con Drupal.</li>
<li>Consultoría de Desarrollo y Accesibilidad Web para clientes externos.</li>
</ul>
</li>
<li>
<h3><strong>Desarrollador Front-End</strong> <mark>ILUNION Accesibilidad</mark></h3>
<p><time datetime="2006-10">10/2006</time> <time datetime="2013-03">03/2013</time> <mark>Madrid</mark></p>
<ul>
<li>Desarrollador Front-End y desarrollador <abbr title="Iterfaz de usuario">UI</abbr> en proyectos web accesibles en diferentes tecnologías (Drupal, Wordpress, Liferay, .NET).</li>
<li>Consultoría de Desarrollo y Accesibilidad Web para clientes externos.</li>
</ul>
<li>
<h3><strong>Diseñador gráfico y web</strong> <mark>Gràfiques Montserrat</mark></h3>
<p><time datetime="2004-11">11/2004</time> <time datetime="2016-10">10/2016</time> <mark>Figueres</mark></p>
<ul>
<li>Imgen corporativa, diseño editorial y preimpresión.</li>
<li>Diseño y maquetación web.</li>
</ul>
</li>
</ul>
</section>
<section class="experience-extra" aria-labelledby="experiencex-title">
<h2 id="experiencex-title">Experiencia previa</h2>
<ul>
<li>
<h3><strong>Diseñador Freelance</strong> <mark>Clientes y proyectos propios</mark></h3>
<p><time datetime="1999">1999</time> <time datetime="2005">2005</time> <mark>Girona</mark></p>
</li>
<li>
<h3><strong>Diseñador gráfico</strong> <mark>Panorama</mark></h3>
<p><time datetime="2001-02">02/2001</time> <time datetime="2004-09">09/2004</time> <mark>Olot</mark></p>
</li>
<li>
<h3><strong>Diseñador junior</strong> <mark>Platí Disseny</mark></h3>
<p><time datetime="2000-06">06/2000</time> <time datetime="2000-10">10/2000</time> <mark>Figueres</mark></p>
</li>
<li>
<h3><strong>Diseñador junior</strong> <mark>Intercom Gi</mark></h3>
<p><time datetime="1999-08">08/1999</time> <time datetime="1999-09">09/1999</time> <mark>Girona</mark></p>
</li>
</ul>
</section>
<section class="education" aria-labelledby="education-title">
<h2 id="education-title">Formación</h2>
<ul>
<li>
<h3><strong>Grado en multimedia</strong> <mark>UOC</mark></h3>
<p><time datetime="2009">2009</time> <time datetime="2013">2013 (no titulado)</time> <mark>Online</mark></p>
</li>
<li>
<h3><strong>Técnico en gráfica publicitaria</strong> <mark>EAO</mark></h3>
<p><time datetime="1999">1999</time> <time datetime="2001">2001</time> (no titulado) <mark>Olot</mark></p>
</li>
<li>
<h3><strong>Técnico de artes plásticas y diseño en autoedición</strong> <mark>EAO</mark></h3>
<p><time datetime="1998">1998</time> <time datetime="1999">1999</time> <mark>Olot</mark></p>
</li>
</ul>
</section>
<section class="education-extra" aria-labelledby="educationx-title">
<h2 id="educationx-title">Formación complementaria</h2>
<ul>
<li><time datetime="2022">2022</time> <strong>Docker esencial & Docker for Developers</strong> LinkedIn</li>
<li><time datetime="2022">2022</time> <strong>Experto Drupal 9 Site Building</strong> Forcontu</li>
<li><time datetime="2021">2021</time> <strong>Experto en Drupal 9 Back-End Development</strong> Forcontu</li>
<li><time datetime="2021">2021</time> <strong>Amplía conocimientos desarrollador Front-End</strong> Itinerario, LinkedIn</li>
<li><time datetime="2021">2021</time> <strong>Web Accessibility</strong> Edx & W3C</li>
<li><time datetime="2021">2021</time> <strong>Drupal 9 Essential Training</strong> LinkedIn</li>
<li><time datetime="2021">2021</time> <strong>Productividad especialista en desarrollo</strong> Itinerario, LinkedIn</li>
<li><time datetime="2021">2021</time> <strong>GitHub para programadores</strong> LinkedIn</li>
<li><time datetime="2021">2021</time> <strong>Aprende SCRUM</strong> LinkedIn</li>
<li><time datetime="2020">2020</time> <strong>Coordinador de proyectos</strong> Itinerario, LinkedIn</li>
<li><time datetime="2020">2020</time> <strong>Adobe XD CC Esencial</strong> LinkedIn</li>
<li><time datetime="2020">2020</time> <strong>Desarrollo web accesible esencial</strong> LinkedIn</li>
<li><time datetime="2020">2020</time> <strong>Drupal 8 Avanzado</strong> LinkedIn</li>
<li><time datetime="2020">2020</time> <strong>Adobe XD</strong> Udemy</li>
<li><time datetime="2020">2020</time> <strong>Visual Studio Code: Mejora tu velocidad para codificar</strong> Udemy</li>
<li><time datetime="2020">2020</time> <strong>Animaciones SVG: con iconos</strong> Udemy</li>
<li><time datetime="2019">2019</time> <strong>Aprender React JS</strong> Udemy</li>
<li><time datetime="2019">2019</time> <strong>Angular Fundamentos desde cero</strong> Udemy</li>
<li><time datetime="2019">2019</time> <strong>Aprende Accesibilidad Web paso a paso</strong> Udemy</li>
<li><time datetime="2019">2019</time> <strong>Master SVG animation using HTML & CSS</strong> Udemy</li>
<li><time datetime="2019">2019</time> <strong>Ciberseguridad</strong> ILUNION</li>
<li><time datetime="2019">2019</time> <strong>Domina el DOM con JavaScript</strong> Udemy</li>
<li><time datetime="2019">2019</time> <strong>JavaScript: ECMAScript 6</strong> Udemy</li>
<li><time datetime="2019">2018</time> <strong>JavaScript: de cero hasta detalles</strong> Udemy</li>
<li><time datetime="2018">2018</time> <strong>Atencíon al cliente, liderazgo y gestión del tiempo</strong> César Piqueras</li>
<li><time datetime="2018">2018</time> <strong>RGPD</strong> Hard2bit</li>
<li><time datetime="2017">2017</time> <strong>Scrumb</strong> Hard2bit</li>
<li><time datetime="2017">2017</time> <strong>Desarrollo web Seguro en Drupal</strong> Hard2bit</li>
<li><time datetime="2015">2015</time> <strong>Responsive Web Design</strong> W3C DEV</li>
<li><time datetime="2012">2012</time> <strong>HTML5</strong> Technosite</li>
<li><time datetime="2011">2011</time> <strong>Desarrollo Drupal 7</strong> ILUNION</li>
<li><time datetime="2009">2009</time> <strong>Javascript accesible</strong> ILUNION</li>
<li><time datetime="2008">2008</time> <strong>Posicionamiento en Buscadores</strong> UOC</li>
<li><time datetime="2008">2008</time> <strong>Modelos Mentales</strong> Fundamentos Web</li>
<li><time datetime="2007">2007</time> <strong>Posicionamiento en Buscadores</strong> Congreso de Webmasters</li>
</ul>
</section>
</main>
<aside>
<section class="details" aria-labelledby="details-title">
<h2 id="details-title">Detalles</h2>
<ul>
<li class="lc"><span>Barcelona & Madrid</span></li>
<li class="gm"><span>brunoperezlaffitte</span></li>
<li class="in"><a href="https://www.linkedin.com/in/bperezla/"><span>En LinkedIn:</span> bperezla</a></li>
<li class="tw"><a href="https://twitter.com/brunoprzl"><span>En Twitter:</span> brunoprzl</a></li>
<li class="gh"><a href="https://github.com/brwan"><span>En GitHub:</span> brwan</a></li>
<li class="cp"><a href="https://codepen.io/brwan/"><span>En CodePen:</span> brwan</a></li>
</ul>
</section>
<section class="interests" aria-labelledby="interests-title">
<h2 id="interests-title">Intereses</h2>
<ul>
<li>Pixel perfect</li>
<li>Tipografía para web</li>
<li>Buenas prácticas</li>
<li>Estándares web</li>
<li>Keep it simple</li>
<li>Vanilla CSS</li>
<li>Eficiencia y método</li>
<li>Trabajo en equipo</li>
</ul>
</section>
<section class="skills" aria-labelledby="skills-title">
<h2 id="skills-title">Conocimientos</h2>
<ul>
<li>
<h3>Profundos</h3>
<p>Drupal, HTML5, CSS3, Accesibilidad web, WAI ARIA, estándares Web, Javascript, jQuery, RWD, theming, Git</p>
</li>
<li>
<h3>Experimentados</h3>
<p>Composer, Bootstrap, Foundation, Wordpress, Liferay, Prestashop, Moodle, PHP, Gulp, NPM, Scrum, Kanban</p>
</li>
<li>
<h3>Estudiando</h3>
<p>Docker, Angular, React, Vue, Node.js</p>
</li>
</ul>
</section>
</aside>
<footer>
<p>Gracias por el interés ¡Hasta la próxima!</p>
<ul>
<li><a href="https://twitter.com/brunoprzl">Twitter</a></li>
<li><a href="https://www.linkedin.com/in/bperezla/">LinkedIn</a></li>
</ul>
<nav class="styles">
<h2>Cambiar presentración</h2>
<ul>
<li class="main"><a href="#" onclick="changecss('css/brwan01_main.css', 0)" title="inicial">1</a></li>
<li class="dark"><a href="#" onclick="changecss('css/brwan02_dark.css', 0)" title="inversa">2</a></li>
<li class="boxs"><a href="#" onclick="changecss('css/brwan03_boxs.css', 0)" title="cajas">3</a></li>
<li class="alte"><a href="#" onclick="changecss('css/brwan04_alte.css', 0)" title="bloques">4</a></li>
</ul>
</nav>
</footer>
</html>