-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
132 lines (99 loc) · 5.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Code Bo</title>
<meta name="description" content="A puzzle game on data structure." />
<meta name="author" content="co-authored by Luis Araujo, Luan Gomes, Hiago Moreira" />
<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
<link rel="icon" type="image/png" href="assets/favicon.jpg" />
<!-- lib externa -->
<script src="external_apis/howler.min.js"></script>
<!-- starter.js -->
<script src="starterjs/starterJS-0.1.x.js"></script>
<!-- css do starterjs -->
<link href="resource/style.css" type="text/css" rel="stylesheet" />
<script src="scripts/database/localstorage.js"></script>
<script src="scripts/log/log.js"></script>
<script src="scripts/log/FileSaver.js"></script>
<!-- scripts especificos o exemplo -->
<script src="scripts/gameobject/item.js"></script>
<script src="scripts/gameobject/block.js"></script>
<script src="scripts/gameobject/map.js"></script>
<script src="scripts/gameobject/codebo.js"></script>
<script src="scripts/gui/minibuttons.js"></script>
<script src="scripts/screens/initialscreen.js"></script>
<script src="scripts/screens/settingscreen.js"></script>
<script src="scripts/screens/helpscreen.js"></script>
<script src="scripts/screens/mainmenu.js"></script>
<script src="scripts/screens/mapmenu.js"></script>
<script src="scripts/level.js"></script>
<!--<script src="scripts/mygame.js"></script>-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="module" src="scripts/glboardjs/teste.js"></script>
<script>
//setTimeout( function(){console.log("Dados do Player:", window.gl.getPlayerData())}, 1000);
</script>
</head>
<body>
<div id="bt-show" style="position: fixed; top: 12px; left: 5px; display:inline; margin-left: 10px; width: 50px; text-decoration: none; text-align: center; background-color:#00aa22; color:#fff; border-radius: 5px; padding: 5px;" target="_black" href="#" > exibir modal </div>
<div id="modal" style="display: none; position: fixed; top: 10px; background-color: #fff; border-radius: 5px; padding: 10px; width: 600px">
<div id="bt-close" style="position: fixed; top: 12px; left: 555px; display:inline; margin-left: 10px; width: 50px; text-decoration: none; text-align: center; background-color:#aa2200; color:#fff; border-radius: 5px; padding: 5px;" target="_black" href="#" > x </div>
<div style="font-weight: bold; font-size: 20px"> Atenção </div>
<div>
<strong>CODEBÔ</strong> é um jogo em desenvolvimento e, neste momento, estamos fazendo a sua avaliação. Para isso, estamos coletando dados de suas ações <strong>DENTRO DO JOGO</strong>!
Nós não obtemos seus dados pessoais, os dados coletados são:
<ul>
<li>Data e Hora da entrada no jogo/levels;</li>
<li>Data e Hora da saída do jogo/levels;</li>
<li>Comandos que utilizou nos levels;</li>
<li>Mensagens exibidas pelo jogo. </li>
<ul>
</div>
<div style="font-weight: bold; ">
Ao continuar jogando, você aceita os termos acima mencionados!
</div>
<br>
<div>
Infelizmente, esses dados não são suficientes para a avaliação científica do jogo! Nesse sentido, pedimos que responda a este formulário de avaliação, <strong>QUANDO TERMINAR DE JOGAR</strong> (você pode parar a qualquer momento).
</div>
<br>
<div>
O formulário pedirá os seus metadados (dados que coletamos quando você jogou). Baixe-os <strong>QUANDO TERMINAR DE JOGAR</strong> e coloque na questão apropriada. <span style="color: #d00"> Esse modal reaparecerá toda vez que entrar nesta página! </span>
<div style="margin-top: 15px">
<a id="bt-form" style="display:inline; margin-left: 10px; width: 100px; text-decoration: none; text-align: center; background-color:#0022aa; color:#fff; border-radius: 5px; padding: 5px;" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSdKmiOBeGyH1GKD7YYIJQm0r5KVFAJr9TIE8GzwykZqxUn4dw/viewform" > Formulário </a>
<a id="bt-meta" style="display:inline; margin-left: 10px; width: 100px; text-decoration: none; text-align: center; background-color:#00aa22; color:#fff; border-radius: 5px; padding: 5px;" href="#" > Metadados </a>
</div>
</div>
</div>
<img src="resource/starterlogo.png" style="display: none" id="logohtml" />
<script>
document.getElementById("bt-close").addEventListener("click",
function(){
document.getElementById("modal").style = "display: none; position: fixed; top: 10px; background-color: #fff; border-radius: 5px; padding: 10px; width: 600px";
}
);
document.getElementById("bt-show").addEventListener("click",
function(){
document.getElementById("modal").style = "display: block; position: fixed; top: 10px; background-color: #fff; border-radius: 5px; padding: 10px; width: 600px";
}
);
document.getElementById("bt-meta").addEventListener("click",
function(){
log.getMetaDados();
}
);
</script>
<script>
log.startGame();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EV5H9WLHW2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EV5H9WLHW2');
</script>
</body>
</html>