-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
102 lines (95 loc) · 5.21 KB
/
Copy pathindex.html
File metadata and controls
102 lines (95 loc) · 5.21 KB
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index,follow" />
<meta name="description" content="Buscador bíblico é um projeto com intuito de otimizar a procura por textos bíblicos" />
<meta name="keyword" content="Biblia, buscador, buscador bíblico, jesus, jesus cristo, cristo, evangelho, cristão, biblia digital" />
<meta name="author" content="Dérick Campos Santos" />
<meta name="language" content="pt-BR" />
<meta name="theme-color" content="#ffffff" />
<meta name="generator" content="Visual Studio Code" />
<meta name="google-site-verification" content="Sngd0CJaS-1oIXu-2khI_ObmvaArwtgqaceLyc1cPWI" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="public" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta property="og:title" content="Buscador bíblico" />
<meta property="og:url" content="https://gugutalkshoww.vercel.app/" />
<meta property="og:site_name" content="Gugu Talkshow" />
<meta property="og:description" content="Buscador bíblico é um projeto com intuito de otimizar a procura por textos bíblicos" />
<meta property="og:image" content="img/logo.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="700" />
<meta property="og:image:height" content="366" />
<link rel="icon" href="img/logo.png" type="image/png" />
<script src="https://cdn.tailwindcss.com"></script>
<title>Buscador bíblico</title>
</head>
<body class="bg-white min-h-screen overflow-x-hidden relative font-[Poppins]">
<!-- VLibras -->
<div id="vlibras-container">
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
</div>
<!-- Formulário -->
<div id="containerPesquisa"
class="max-w-xl w-[90%] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 p-5 rounded-xl border border-black/60 shadow-md shadow-orange-500 flex flex-col items-center bg-white/90">
<h1 class="text-center text-xl font-bold mb-4">Buscador bíblico</h1>
<input id="livroNome" type="text" placeholder="Digite o nome do livro"
class="border border-gray-300 rounded-xl py-1.5 px-3 mb-2 w-[90%]" />
<input id="capituloNumero" type="number" placeholder="Digite o capítulo"
class="border border-gray-300 rounded-xl py-1.5 px-3 mb-2 w-[90%]" />
<input id="versoNumero" type="number" placeholder="Digite o versículo"
class="border border-gray-300 rounded-xl py-1.5 px-3 mb-4 w-[90%]" />
<button id="BtnPesquisa"
class="border border-neutral-600 rounded-xl py-2 px-4 hover:scale-105 transition-transform duration-300 shadow-orange-500 hover:shadow-md">
Clique aqui
</button>
</div>
<!-- Modal -->
<div id="containerInformacoes"
class="hidden absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90%] md:w-[600px] min-h-[500px] border border-black rounded-xl bg-white text-center z-[1000] p-4 flex flex-col">
<svg id="fecharModal" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor"
class="w-6 h-6 absolute top-3 right-3 cursor-pointer">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
<h1 class="text-lg font-bold mt-2">Informações da busca</h1>
<div id="dadosBiblicos" class="flex flex-col justify-between h-full mt-6">
<div class="modalTop">
<p id="referencia" class="underline mb-2">Sem dados</p>
<p id="texto"></p>
</div>
<div class="modalBottom mt-auto w-full" style="position: absolute; bottom: 5px;">
<p id="versao" class="text-sm text-gray-600"></p>
</div>
</div>
<svg id="BackBtn" style="position: absolute; left: 10px; bottom: 10px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
</svg>
<svg id="NextBtn" style="position: absolute; right: 10px; bottom: 10px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
</svg>
</div>
<!-- Rodapé -->
<footer class="absolute bottom-0 w-full bg-orange-500 text-center py-2 text-xs text-white h-[4%] ">
<p>
Desenvolvido por
<a href="https://linkedin.com/in/derick-campos-santos" class="underline">Dérick Campos Santos</a>
</p>
</footer>
<!-- Scripts -->
<script src="script.js"></script>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
// Inicializa VLibras e reinicia após carregamento
new window.VLibras.Widget('https://vlibras.gov.br/app');
</script>
</body>
</html>