forked from pepellou/ayuda-alimentos-coronavirus
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (48 loc) · 2.11 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
<!DOCTYPE html>
<html lang="es">
<head>
<title>#AyudaAlimentosCoronavirus</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Work+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<h1>#AyudaAlimentosCoronavirus</h1>
<p>
Recopilamos los tweets con el hashtag
<a href="https://twitter.com/search?q=%23AyudaAlimentosCoronavirus" target="_blank">
#AyudaAlimentosCoronavirus
</a> y mostramos aquí el resto de hashtags.
<br/>
(recopilados <span id="count">0</span> tweets por el momento)
</p>
<p>
Busca en esta lista tu ciudad o barrio, o los cercanos, para encontrar gente
que necesita tu ayuda o que te puede ayudar.
</p>
<p>
O también puedes <a href="map.html">ver el mapa</a>.
</p>
<label for="filterTags">Filtra por tu ciudad/barrio:</label>
<input type="text" class="form-control" id="filterTags" placeholder="Ciudad/barrio">
<table class="table" id="tweetsTable">
<thead>
<tr>
<th scope="col">Dónde</th>
<th scope="col">Mensaje</th>
<th scope="col">Tweet</th>
</tr>
</thead>
<tbody id="tweets">
</tbody>
</table>
<script src="https://www.gstatic.com/firebasejs/7.11.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.11.0/firebase-database.js"></script>
<script src="js/main.js"></script>
</body>
</html>