-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
381 lines (357 loc) · 22.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
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
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="A Hackers@UPC online hackathon created for covid19 confinement">
<meta name="keywords" content="HackFromHome,hackers,hackathon,online,barcelona,virus,student,confinament,covid">
<meta name="author" content="Hackers@UPC team">
<meta name="application-name" content="HackFromHome">
<meta name="apple-mobile-web-app-title" content="HackFromHome">
<meta name="theme-color" content="#FF4E32">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<title>HackFromHome Round3 | Apr 18th | Hackers@UPC</title>
<link rel="shortcut icon" type="image/png" href="/assets/img/favicon.ico"/>
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="canonical" href="https://hackfromhome.hackersatupc.org/">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicon/site.webmanifest">
<link rel="mask-icon" href="/assets/img/favicon/safari-pinned-tab.svg" color="#e2e02e">
<meta name="msapplication-TileColor" content="#e2e02e">
<meta name="theme-color" content="#ffffff">
<meta property="og:title" content="HackFromHome Round3 | Apr 18th | Hackers@UPC">
<meta property="og:site_name" content="HackFromHome Round3">
<meta property="og:description" content="A Hackers@UPC online hackathon">
<meta property="og:image" content="/assets/img/event-fb.png">
<meta property="og:image:secure_url" content="/assets/img/event-fb.png">
<meta property="og:url" content="https://hackfromhome.hackersatupc.org/">
<link rel="stylesheet" type="text/css" href="assets/css/colors.css">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<link rel="stylesheet" type="text/css" href="assets/css/animation.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-69542332-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-69542332-8');
</script>
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">
<!--3rd party libraries-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<header class=" bg-white-color">
<nav class="navbar navbar-expand-lg fixed-top bg-white-color navbar-light">
<a class="navbar-brand" href="#" style="font-weight: bold;">
<img src="assets/img/logos/logo.svg" width="auto" height="30" class="d-inline-block align-top" alt="">
HACK FROM HOME
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about">Sobre HackFromHome</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#schedule">Horario</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#ideas">Ideas de Proyecto</a>
</li>
</ul>
</div>
</nav>
<div class="background-cover"></div>
<div class="container" style="height: 100%;">
<div class="row align-items-center summary" style="height: 100%;">
<div class="col col-12" style="text-align: center; text-shadow: 0 0 1rem rgba(51, 62, 84, 0.25);">
<img src="assets/img/logos/logotype-v3.svg" class="align-top image-main" alt="">
<h1 class="title grey-color">¿PREPARADO/A PARA</h1>
<h1 class="title white-color">LA REVOLUCIÓN?</h1>
<p class="subtitle"> LA HACKATHON ONLINE DE HACKERS@UPC ESTÁ AQUÍ </p>
<p class="subtitle-date white-color"> 18 de Abril · de 12:00h a 00:00h (GMT+2)</p>
<div class="col row margin-15">
<div class="col col-lg-6 col-md-6 button-contianer auto-center">
<a href="https://hackersatupc.typeform.com/to/RWGsPD" target="_blank" class="button-primary button--hero md-btn-ripple md-btn-ripple-white">Registrate aquí</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="container" id="about">
<div class="row">
<div class="col col-12 section-heading">
<h3 class="section-title">SOBRE HACKFROMHOME</h3>
<div class="separator bg-gray-one-color"></div>
</div>
<div class="col col-12">
<div class="row">
<div class="col col-lg-6 col-md-8 col-sm-12 info-container auto-center">
<h4 class="section-subtitle title-question primary-color">
¿QUÉ ES HACKFROMHOME?
</h4>
<div class="info">
<p>
A causa del COVID-19, muchos de nosotros estamos confinados en casa pensando cómo pasar el tiempo, intentando no perder la batalla contra el aburrimiento. Por este motivo, Hackers@UPC ha creado una iniciativa genial: ¡una hackathon online! De esta manera, los amantes de las hackathons pueden pasar el tiempo haciendo lo que más les gusta.
</p>
</div>
</div>
</div>
</div>
<div class="col col-12">
<div class="row">
<div class="col col-12 col-lg-4 col-md-8 col-sm-12 auto-center">
<div class="info-container-sub">
<h4 class="section-subtitle title-question primary-color">
¿QUIÉN PUEDE PARTICIPAR?
</h4>
<div class="info">
<p>
Si te gustan las hackathons y quieres pasar un día genial, este evento es para ti. ¡No necesitas ser un estudiante o tener conocimientos previos! ¡Os animamos a crear grandes proyectos! Ya sea relacionado con el COVID-19 o no... la imaginación es tu límite.
</p>
</div>
</div>
</div>
<div class="col col-12 col-lg-4 col-md-8 col-sm-12 auto-center">
<div class="info-container-sub">
<h4 class="section-subtitle title-question primary-color">
¿CÓMO PARTICIPAR?
</h4>
<div class="info">
<p>
Simplemente registrate <a href="https://hackersatupc.typeform.com/to/RWGsPD" target="_blank">aquí</a> y el día de la Hackathon recibirás un correo electrónico con todas las instrucciones y la información de todas las actividades que tendremos preparadas.
</p>
</div>
</div>
</div>
<div class="col col-12 col-lg-4 col-md-8 col-sm-12 auto-center">
<div class="info-container-sub">
<h4 class="section-subtitle title-question primary-color">
¿DÓNDE PARTICIPAR?
</h4>
<div class="info">
<p> Puedes trabajar donde te sientas más cómodo... Tu habitación, la cocina, el sofá, el baño... Pero por favor, ¡QUÉDATE EN CASA! Podrás estar en contacto con el resto de la comunidad a través de Discord. </p>
</div>
</div>
</div>
</div>
<div class="col col-12">
<div class="row">
<div class="col col-lg-6 col-md-8 col-sm-12 info-container auto-center">
<h4 class="section-subtitle title-question primary-color">
¿CÓMO FUNCIONA?
</h4>
<div class="info">
<p>
Esta hackathon será muy especial. Tendrá una duración de 11 horas, empezando a las 12h y acabando a las 23h (momento en el que se realizarán las demos) (GMT+2). Toda la comunicación se hará online usando las siguientes aplicaciones:
</p>
</div>
</div>
</div>
<div class="row" style="padding-bottom: 20px; margin-top: -20px;">
<div class="col col-lg-6 text-center">
<img src="assets/img/icons/discord.png" width="auto" height="90"/>
<p style="font-weight: bold; margin-top: 10px;">Discord</p>
<p> Tendremos disponible un servidor para el evento, con un montón de canales de voz y texto para poder hablar entre nosotros mientras estamos desarrollando los proyectos. </p>
</div>
<div class="col col-lg-6 text-center">
<a href="https://www.twitch.tv/hackersupc" target="_blank"><img src="assets/img/icons/twitch.png" width="auto" height="90"/></a>
<p style="font-weight: bold; margin-top: 10px;">Twitch</p>
<p> A parte de programar, HackFromHome ofrece charlas y workshops increíbles con diferentes temáticas e increíbles ponentes para aprender sobre el mundo tech! </p>
</div>
</div>
<div class="row">
<div class="col col-lg-6 col-md-8 col-sm-12 info-container auto-center">
<div class="info" style="text-align: center;">
<p>
Como habréis supuesto, todos los organizadores del evento también estaremos conectados desde casa y estaremos controlando el servidor para guiaros durante el evento.<br /> <br />
Estamos preparando un día increíble para todos vosotros, para que podáis vivir el espíritu de una hackathon desde vuestras casas! Nuestro principal objetivo es que aprendáis y paséis un increíble día, es por eso que no tendremos competitividad en nuestro evento. No habrá premios ni ganadores. <br /> <br />
Estad atentos a nuestras cuentas de <a href="https://www.instagram.com/hackersupc/" target="_blank">Instagram</a> y <a href="https://twitter.com/hackersupc" target="_blank">Twitter</a> para enteraros de todas las novedades.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="paralax-mf bg-image" id="schedule">
<div class="container">
<div class="row">
<div class="col col-12 section-heading ">
<h3 class="section-title">HORARIO DEL EVENTO</h3>
<div class="separator bg-gray-one-color"></div>
<h5 style="margin-top: 1em;"> Todas las horas en el horario pertenecen a la hora de Barcelona (GMT+2)</h5>
</div>
<div class="col col-8 event-info">
<table>
<thead>
<tr>
<th class="table-header"></th>
<th class="table-header"></th>
</tr>
</thead>
<tbody>
<tr>
<td class="table-content">12:00h</td>
<td class="table-content">Empieza la hackathon</td>
</tr>
<tr>
<td class="table-content">12:15h a 13:00h</td>
<td class="table-content">Team building</td>
</tr>
<tr>
<td class="table-content">13:00h a 14:00h</td>
<td class="table-content">Surfeando la extracción de datos con scraping</td>
</tr>
<tr>
<td class="table-content">15:00h a 16:00h</td>
<td class="table-content">Generative Adversarial Neural Networks</td>
</tr>
<tr>
<td class="table-content">16:15h a 16:45h</td>
<td class="table-content">Juguemos al Pinturillo</td>
</tr>
<tr>
<td class="table-content">17:00h a 18:00h</td>
<td class="table-content">Grandes cosas con poco dinero en el cloud</td>
</tr>
<tr>
<td class="table-content">18:15h a 18:45h</td>
<td class="table-content">Zumba masterclass</td>
</tr>
<tr>
<td class="table-content">19:00h a 20:00h</td>
<td class="table-content">¿Deno, el sucesor de Node?</td>
</tr>
<tr>
<td class="table-content">22:00h a 22:30h</td>
<td class="table-content">Juguemos al STOP!</td>
</tr>
<tr>
<td class="table-content">23:00h</td>
<td class="table-content">Hora de las demos</td>
</tr>
<tr>
<td class="table-content">00:00h</td>
<td class="table-content">Hasta la próxima...</td>
</tr>
</tbody>
</table>
<h5 style="margin-top: 1em;">Para más información sobre todas las actividades... conectate al live!!</h5>
<div class="row">
<div class="col col-lg-6 col-md-6 button-contianer auto-center">
<a href="https://livehfh.hackersatupc.org/" target="_blank" class="button-primary md-btn-ripple md-btn-ripple-white">GO LIVE</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" id="ideas">
<div class="row">
<div class="col col-12 section-heading">
<h3 class="section-title">IDEAS DE PROYECTO</h3>
<div class="separator bg-gray-one-color"></div>
</div>
<div class="col col-12">
<div class="row">
<div class="col info-container auto-center">
<h4 class="section-subtitle title-question primary-color">
¿NO SE TE OCURRE NINGUNA IDEA?
</h4>
<div class="info" >
<p style="text-align: center;"> Puedes desarrollar cualquier cosa que se te ocurra, pero teniendo en cuenta la situación actual, te proponemos algunas ideas. </p>
</div>
</div>
</div>
<div class="row" style="padding-bottom: 10px;">
<div class="col col-lg-4 text-center">
<img src="assets/img/icons/game-icon.png" width="auto" height="90"/>
<p style="font-weight: bold; margin-top: 10px;">Crea un videojuego</p>
<p>¡Algo para que la gente pueda estar distraída en casa!</p>
</div>
<div class="col col-lg-4 text-center">
<img src="assets/img/icons/ml-icon.png" width="auto" height="90"/>
<p style="font-weight: bold; margin-top: 10px;">Un modelo de Machine Learning</p>
<p> Utiliza información para predecir cuándo acabará el COVID-19, qué pasará cuando se acabe el confinamiento... </p>
</div>
<div class="col col-lg-4 text-center">
<img src="assets/img/icons/bot.png" width="auto" height="90"/>
<p style="font-weight: bold; margin-top: 10px;">Un bot</p>
<p> Puedes crear un bot que ayude a la gente a afrontar estos momentos difíciles. </p>
</div>
</div>
<div class="row">
<div class="col info-container auto-center">
<h4 class="section-subtitle title-question primary-color">
PUEDES CREAR TODO LO QUE PUEDAS IMAGINAR... ¡DEJA QUE TU CREATIVIDAD AYUDE A LA SOCIEDAD EN ESTOS TIEMPOS DIFÍCILES!
</h4>
</div>
</div>
</div>
</div>
</div>
<div class="paralax-mf bg-image">
<footer>
<div class="container">
<div class="row first-row">
<div class="social-icons col-sm-12 col-lg-6">
<a class="btns" target="_blank" href="mailto:[email protected]"><i aria-hidden="true" class="fa fa-envelope-o fa-lg"></i></a>
<a class="btns" target="_blank" href="https://github.com/hackupc/"><i aria-hidden="true" class="fa fa-github fa-lg"></i></a>
<a class="btns" target="_blank" href="https://twitter.com/hackersupc"><i aria-hidden="true" class="fa fa-twitter fa-lg"></i></a>
<a class="btns" target="_blank" href="https://www.instagram.com/hackersupc/"><i aria-hidden="true" class="fa fa-instagram fa-lg"></i></a>
<a class="btns" target="_blank" href="http://fb.com/hackersupc"><i aria-hidden="true" class="fa fa-facebook fa-lg"></i></a>
<a class="btns" target="_blank" href="http://slack.hackersatupc.org"><i aria-hidden="true" class="fa fa-slack fa-lg"></i></a>
</div>
<div class="web-links col-sm-12 col-lg-6">
<a target="_blank" href="https://hackupc.com">HACKUPC</a> |
<a target="_blank" href="https://hacknights.dev">HACKNIGHTS</a> |
<a target="_blank" href="https://hackstart.dev">HACKSTART</a> |
<a target="_blank" href="https://hackersatupc.org">HACKERS@UPC</a>
</div>
</div>
<div class="row">
<div class="col col-lg-10 auto-center text-center">
<p>
<a target="_blank" href="https://hackersatupc.org/assets/docs/HFH_LN.pdf">Legal notice</a> |
<a target="_blank" href="https://hackersatupc.org/assets/docs/HFH_PC.pdf">Privacy and cookies</a>
</p>
</div>
</div>
<div class="row">
<div class="col col-lg-10 auto-center">
<p>Made with <i class="fa fa-heart" aria-hidden="true"></i>
by <a target="_blank" href="https://hackersatupc.org">Hackers@UPC</a> </p>
</div>
</div>
</div>
</footer>
</div>
<!--/ Floating button to go up /-->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<script src="assets/js/main.js"></script>
<!--3rd party libraries-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>