forked from 04Elementos/4elementos
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (94 loc) · 5.49 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>4Elementos</title>
<link rel="shortcut icon" href="images/elementos/Medo.webp" type="image/x-icon">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="4Elementos">
<meta name="twitter:site" content="https://strawberrymaster.github.io/4elementos/">
<meta name="twitter:description"
content="4Elementos é um site feito por fãs do universo de Ordem Paranormal para que outros fãs possam responder um questionário de 20 perguntas para saber qual elemento eles teriam afinidade baseado nas suas respostas.">
<meta name="twitter:image"
content="https://strawberrymaster.github.io/4elementos/images/elementos/Conhecimento.webp">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/results.css">
<link rel="stylesheet" href="styles/elementos.css">
</head>
<body>
<div class="container">
<div class="title">
<h2>4Elementos</h2>
</div>
<div class="description">
<h3>Descrição</h3>
<p>
Esse é um teste feito por fãs de <a href="https://ordemparanormal.com.br/">Ordem Paranormal</a> para que
os espectadores consigam descobrir seus possíveis elementos de
afinidade baseado em 20 questões sobre sua personalidade. Sinta-se livre para usar os resultados desse
teste como quiser!
</p>
</div>
<div class="warnings">
<h3>Avisos</h3>
<p>
Os direitos das imagens e descrições dos elementos listados aqui pertencem a seus respectivos autores,
sendo eles utilizados nesse teste apenas para fins de entretenimento. As imagens utilizadas nesse teste
serão utilizadas de acordo com as leis de uso justo (fair use), em harmonia com os direitos autorais
aplicáveis mediante a Lei de Direitos Autorais n° 9.610/98 e o Art. 5°, Inciso XXVII da Constituição
Federal de 1988.<br /><br />
Neste teste, os elementos <i>in toto</i> são utilizados apenas para a atribuição das perguntas de
personalidade à cada um dos elementos, baseado na <a
href="https://ordemparanormal.fandom.com/wiki/Elementos_do_Outro_Lado">descrição de cada
um</a>.<br /><br />
É muito importante ressaltar: <a>Não somos um projeto oficial de Ordem Paranormal</a>, somos uma
comunidade feita por fãs para fãs. Não temos nenhum contato fixo com o Cellbit ou sua
equipe.<br /><br />
Quer entrar em contato conosco? Entre no nosso <a href="https://discord.gg/YD4a9FPxh9">Discord</a>! Você
também pode procurar a gente no <a href="https://twitter.com/Elementos04">Twitter</a>.
</p>
</div>
<div class="otherInfo">
<h3>Outras informações</h3>
<p>
<a>Nenhuma informação pessoal sobre você é armanezada</a>, apenas o seu resultado final. O resultado final é
armazenado no seu navegador, e pode ser acessado através do botão "Antigo Resultado" na página inicial.<br /><br />
Ao responder o teste, você pode opcionalmente divulgar ele com seus amigos. Você também pode se
voluntariar para ajudar a tornar o teste mais efetivo, sugerir novas perguntas ou edições nas atuais.
</p>
</div>
<div class="footer">
<div class="simbolosHome">
<img src="images/elementos/Conhecimento.webp" class="conhecimento" alt="Símbolo de Conhecimento"
width="150" height="150">
<img src="images/elementos/Sangue.webp" class="sangue" alt="Símbolo de Sangue" width="150" height="150">
<img src="images/elementos/Energia.webp" class="energia" alt="Símbolo de Energia" width="150"
height="150">
<img src="images/elementos/Morte.webp" class="morte" alt="Símbolo de Morte" width="150" height="150">
</div>
<a href="teste.html">
<button class="start">Começar</button>
</a><br><br>
</div>
<div class="lastResult">
<p>Se você realizou o teste previamente, clique no botão abaixo para acessar seu último resultado. Você pode
repetir o teste clicando no botão "Começar" (substituirá o teste anterior).</p>
<a href="results.html">
<button class="start">Antigo Resultado</button>
</a>
</div>
</div>
<div class="socials">
<a href="https://github.com/04Elementos/4elementos"><img src="images/socials/github.png" alt="Ícone do GitHub"
class="imgSocial"></a>
<a href="https://discord.gg/YD4a9FPxh9"><img src="images/socials/discord.png" alt="Ícone do Discord"
class="imgSocial"></a>
<a href="https://twitter.com/Elementos04"><img src="images/socials/twitter.png" alt="Ícone do Twitter"
class="imgSocial"></a>
</div>
</body>
</html>