-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (77 loc) · 2.35 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="index.css">
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
</head>
<body>
<header>
<img src="img/logo.svg" alt="Na Mira - A festa do cupido">
</header>
<div class="quote slider">
<div class="frame">
<ul class="slides">
<li>
<blockquote>
1 Moça loira de cabelo curto da pós graduação da biologia, que estava no curso de linux próximo do ic na semana 29/09 a 02/09, qual é seu nome?
</blockquote>
</li>
<li>
<blockquote>
2 Moça loira de cabelo curto da pós graduação da biologia, que estava no curso de linux próximo do ic na semana 29/09 a 02/09, qual é seu nome?
</blockquote>
</li>
<li>
<blockquote>
3 Moça loira de cabelo curto da pós graduação da biologia, que estava no curso de linux próximo do ic na semana 29/09 a 02/09, qual é seu nome?
</blockquote>
</li>
</ul>
</div>
</div>
<footer>
<div class="apoio">
<span>Apoio:</span>
<img src="img/griaule.svg" alt="Griaule Biometrics">
</div>
<div class="realizacao">
<span>Realização:</span>
<div>
<img src="img/spotted.svg" alt="Spotted Unicamp">
<img src="img/aaacec.svg" alt="AAACEC Unicamp">
</div>
</div>
</footer>
<script>
(() => {
let slider = document.querySelector('ul.slides');
let fb = new Firebase('https://spotted-display.firebaseio.com');
slider.dataset.currentSlide = -1;
function updateSlider() {
let curSlide = slider.dataset.currentSlide
= (slider.dataset.currentSlide + 1) % slider.children.length;
if (curSlide === 0) {
while (slider.lastChild) {
slider.removeChild(slider.lastChild);
}
fb.once('value', (ds) => {
let dataSet = ds.val();
dataSet.forEach((v, k) => {
let q = document.createElement('li');
// This ain't beautiful but as of right now I only have 59 minutes to finish this
q.innerHTML = `<blockquote>#${k} - ${v}</blockquote>`;
slider.appendChild(q);
});
});
}
slider.style.transform = `translateX(${-100 * curSlide}%)`;
}
updateSlider();
updateSlider();
setInterval(updateSlider, 3000);
})();
</script>
</body>
</html>