Hugging Face's logo

Spaces:
arthhh1
/
bible
Running

App Files Community
arthhh1 commited on
Commit
7bf2bb3
·
verified ·
1 Parent(s): dd23776

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +378 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Bible
3
- emoji: 💻
4
- colorFrom: red
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: bible
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,378 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Jogo de Mensagens Bíblicas</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Merriweather', serif;
14
+ background-color: #f8f4e9;
15
+ }
16
+
17
+ .bible-card {
18
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
19
+ transition: all 0.3s ease;
20
+ }
21
+
22
+ .bible-card:hover {
23
+ transform: translateY(-5px);
24
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
25
+ }
26
+
27
+ .flip-enter-active {
28
+ animation: flipInY 0.5s;
29
+ }
30
+
31
+ .flip-leave-active {
32
+ animation: flipOutY 0.5s;
33
+ }
34
+
35
+ @keyframes flipInY {
36
+ from {
37
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
38
+ opacity: 0;
39
+ }
40
+ to {
41
+ transform: perspective(400px);
42
+ opacity: 1;
43
+ }
44
+ }
45
+
46
+ @keyframes flipOutY {
47
+ from {
48
+ transform: perspective(400px);
49
+ opacity: 1;
50
+ }
51
+ to {
52
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
53
+ opacity: 0;
54
+ }
55
+ }
56
+
57
+ .shake {
58
+ animation: shake 0.5s;
59
+ }
60
+
61
+ @keyframes shake {
62
+ 0%, 100% { transform: translateX(0); }
63
+ 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
64
+ 20%, 40%, 60%, 80% { transform: translateX(5px); }
65
+ }
66
+ </style>
67
+ </head>
68
+ <body class="min-h-screen bg-gray-50">
69
+ <div class="container mx-auto px-4 py-8 max-w-4xl">
70
+ <header class="text-center mb-12">
71
+ <h1 class="text-4xl md:text-5xl font-bold text-amber-800 mb-4">
72
+ <i class="fas fa-bible mr-2"></i> Jogo Bíblico
73
+ </h1>
74
+ <p class="text-lg text-gray-700">Teste seu conhecimento das Escrituras Sagradas</p>
75
+ </header>
76
+
77
+ <div class="flex flex-col md:flex-row gap-8 mb-8">
78
+ <div class="w-full md:w-1/2">
79
+ <div class="bible-card bg-white rounded-lg p-6 h-full flex flex-col">
80
+ <div class="flex items-center justify-between mb-4">
81
+ <h2 class="text-xl font-semibold text-gray-800">Versículo do Dia</h2>
82
+ <span class="px-3 py-1 bg-amber-100 text-amber-800 rounded-full text-sm font-medium">
83
+ <i class="fas fa-cross mr-1"></i> Bíblia
84
+ </span>
85
+ </div>
86
+
87
+ <div id="verse-container" class="flex-grow flex flex-col justify-center">
88
+ <div class="text-center mb-6">
89
+ <p id="verse-text" class="text-2xl md:text-3xl text-gray-800 italic mb-4 leading-relaxed">
90
+ "Porque Deus amou o mundo de tal maneira que deu o seu Filho unigênito, para que todo aquele que nele crê não pereça, mas tenha a vida eterna."
91
+ </p>
92
+ <p id="verse-reference" class="text-gray-600 text-lg">João 3:16</p>
93
+ </div>
94
+
95
+ <div id="game-controls" class="mt-auto">
96
+ <button id="new-verse-btn" class="w-full bg-amber-600 hover:bg-amber-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 flex items-center justify-center">
97
+ <i class="fas fa-random mr-2"></i> Novo Versículo
98
+ </button>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </div>
103
+
104
+ <div class="w-full md:w-1/2">
105
+ <div class="bible-card bg-white rounded-lg p-6 h-full">
106
+ <h2 class="text-xl font-semibold text-gray-800 mb-6">Qual é o livro da Bíblia?</h2>
107
+
108
+ <div id="game-area">
109
+ <div id="guess-form" class="mb-6">
110
+ <div class="relative">
111
+ <input type="text" id="book-guess" placeholder="Digite o nome do livro..." class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-amber-500 focus:border-transparent">
112
+ <button id="submit-guess" class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-amber-500 hover:bg-amber-600 text-white p-2 rounded-lg transition duration-300">
113
+ <i class="fas fa-paper-plane"></i>
114
+ </button>
115
+ </div>
116
+ </div>
117
+
118
+ <div id="result-message" class="hidden mb-6 p-4 rounded-lg"></div>
119
+
120
+ <div id="score-area" class="bg-gray-100 p-4 rounded-lg">
121
+ <div class="flex justify-between items-center">
122
+ <div>
123
+ <h3 class="font-medium text-gray-700">Pontuação</h3>
124
+ <p class="text-2xl font-bold text-amber-700" id="score">0</p>
125
+ </div>
126
+ <div>
127
+ <h3 class="font-medium text-gray-700">Tentativas</h3>
128
+ <p class="text-2xl font-bold text-gray-700" id="attempts">0</p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+ <div class="mt-6">
134
+ <button id="hint-btn" class="bg-blue-100 hover:bg-blue-200 text-blue-700 font-medium py-2 px-4 rounded-lg mr-3 transition duration-300">
135
+ <i class="fas fa-lightbulb mr-1"></i> Dica
136
+ </button>
137
+ <button id="reveal-btn" class="bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-2 px-4 rounded-lg transition duration-300">
138
+ <i class="fas fa-eye mr-1"></i> Revelar
139
+ </button>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ <div class="bg-white rounded-lg p-6 bible-card">
147
+ <h2 class="text-xl font-semibold text-gray-800 mb-4">Livros da Bíblia</h2>
148
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3">
149
+ <!-- Bible books will be inserted here by JavaScript -->
150
+ </div>
151
+ </div>
152
+ </div>
153
+
154
+ <script>
155
+ document.addEventListener('DOMContentLoaded', function() {
156
+ // Bible data - verses and books
157
+ const bibleVerses = [
158
+ {
159
+ text: "Porque Deus amou o mundo de tal maneira que deu o seu Filho unigênito, para que todo aquele que nele crê não pereça, mas tenha a vida eterna.",
160
+ reference: "João 3:16",
161
+ book: "João"
162
+ },
163
+ {
164
+ text: "O Senhor é o meu pastor, nada me faltará.",
165
+ reference: "Salmos 23:1",
166
+ book: "Salmos"
167
+ },
168
+ {
169
+ text: "Tudo posso naquele que me fortalece.",
170
+ reference: "Filipenses 4:13",
171
+ book: "Filipenses"
172
+ },
173
+ {
174
+ text: "Confia no Senhor de todo o teu coração e não te estribes no teu próprio entendimento.",
175
+ reference: "Provérbios 3:5",
176
+ book: "Provérbios"
177
+ },
178
+ {
179
+ text: "Porque para Deus nada é impossível.",
180
+ reference: "Lucas 1:37",
181
+ book: "Lucas"
182
+ },
183
+ {
184
+ text: "O amor é paciente, o amor é bondoso. Não inveja, não se vangloria, não se orgulha.",
185
+ reference: "1 Coríntios 13:4",
186
+ book: "1 Coríntios"
187
+ },
188
+ {
189
+ text: "Mas os que esperam no Senhor renovam as suas forças, sobem com asas como águias, correm e não se cansam, caminham e não se fatigam.",
190
+ reference: "Isaías 40:31",
191
+ book: "Isaías"
192
+ },
193
+ {
194
+ text: "Buscai primeiro o Reino de Deus, e a sua justiça, e todas estas coisas vos serão acrescentadas.",
195
+ reference: "Mateus 6:33",
196
+ book: "Mateus"
197
+ },
198
+ {
199
+ text: "Porque pela graça sois salvos, por meio da fé; e isto não vem de vós, é dom de Deus.",
200
+ reference: "Efésios 2:8",
201
+ book: "Efésios"
202
+ },
203
+ {
204
+ text: "Não temas, porque eu sou contigo; não te assombres, porque eu sou teu Deus; eu te fortaleço, e te ajudo, e te sustento com a destra da minha justiça.",
205
+ reference: "Isaías 41:10",
206
+ book: "Isaías"
207
+ }
208
+ ];
209
+
210
+ const bibleBooks = [
211
+ "Gênesis", "Êxodo", "Levítico", "Números", "Deuteronômio",
212
+ "Josué", "Juízes", "Rute", "1 Samuel", "2 Samuel",
213
+ "1 Reis", "2 Reis", "1 Crônicas", "2 Crônicas", "Esdras",
214
+ "Neemias", "Ester", "Jó", "Salmos", "Provérbios",
215
+ "Eclesiastes", "Cantares", "Isaías", "Jeremias", "Lamentações",
216
+ "Ezequiel", "Daniel", "Oséias", "Joel", "Amós",
217
+ "Obadias", "Jonas", "Miquéias", "Naum", "Habacuque",
218
+ "Sofonias", "Ageu", "Zacarias", "Malaquias", "Mateus",
219
+ "Marcos", "Lucas", "João", "Atos", "Romanos",
220
+ "1 Coríntios", "2 Coríntios", "Gálatas", "Efésios", "Filipenses",
221
+ "Colossenses", "1 Tessalonicenses", "2 Tessalonicenses", "1 Timóteo", "2 Timóteo",
222
+ "Tito", "Filemom", "Hebreus", "Tiago", "1 Pedro",
223
+ "2 Pedro", "1 João", "2 João", "3 João", "Judas",
224
+ "Apocalipse"
225
+ ];
226
+
227
+ // Game state
228
+ let currentVerse = {};
229
+ let score = 0;
230
+ let attempts = 0;
231
+ let revealed = false;
232
+
233
+ // DOM elements
234
+ const verseText = document.getElementById('verse-text');
235
+ const verseReference = document.getElementById('verse-reference');
236
+ const newVerseBtn = document.getElementById('new-verse-btn');
237
+ const bookGuess = document.getElementById('book-guess');
238
+ const submitGuess = document.getElementById('submit-guess');
239
+ const resultMessage = document.getElementById('result-message');
240
+ const scoreElement = document.getElementById('score');
241
+ const attemptsElement = document.getElementById('attempts');
242
+ const hintBtn = document.getElementById('hint-btn');
243
+ const revealBtn = document.getElementById('reveal-btn');
244
+ const booksContainer = document.querySelector('.grid');
245
+
246
+ // Initialize the game
247
+ function initGame() {
248
+ // Display all Bible books
249
+ renderBibleBooks();
250
+
251
+ // Start with a random verse
252
+ getRandomVerse();
253
+
254
+ // Event listeners
255
+ newVerseBtn.addEventListener('click', getRandomVerse);
256
+ submitGuess.addEventListener('click', checkGuess);
257
+ bookGuess.addEventListener('keypress', function(e) {
258
+ if (e.key === 'Enter') checkGuess();
259
+ });
260
+ hintBtn.addEventListener('click', giveHint);
261
+ revealBtn.addEventListener('click', revealAnswer);
262
+ }
263
+
264
+ // Get a random verse from the Bible
265
+ function getRandomVerse() {
266
+ // Reset game state for new verse
267
+ revealed = false;
268
+ resultMessage.classList.add('hidden');
269
+ bookGuess.value = '';
270
+
271
+ // Get random verse
272
+ const randomIndex = Math.floor(Math.random() * bibleVerses.length);
273
+ currentVerse = bibleVerses[randomIndex];
274
+
275
+ // Update UI
276
+ verseText.textContent = `"${currentVerse.text}"`;
277
+ verseReference.textContent = currentVerse.reference;
278
+
279
+ // Add animation
280
+ verseText.classList.add('flip-enter-active');
281
+ verseReference.classList.add('flip-enter-active');
282
+
283
+ setTimeout(() => {
284
+ verseText.classList.remove('flip-enter-active');
285
+ verseReference.classList.remove('flip-enter-active');
286
+ }, 500);
287
+ }
288
+
289
+ // Render all Bible books in the grid
290
+ function renderBibleBooks() {
291
+ booksContainer.innerHTML = '';
292
+
293
+ bibleBooks.forEach(book => {
294
+ const bookElement = document.createElement('div');
295
+ bookElement.className = 'bg-gray-100 hover:bg-gray-200 text-gray-800 text-center py-2 px-3 rounded-lg cursor-pointer transition duration-300';
296
+ bookElement.textContent = book;
297
+
298
+ bookElement.addEventListener('click', () => {
299
+ bookGuess.value = book;
300
+ });
301
+
302
+ booksContainer.appendChild(bookElement);
303
+ });
304
+ }
305
+
306
+ // Check the user's guess
307
+ function checkGuess() {
308
+ if (revealed) return;
309
+
310
+ const guess = bookGuess.value.trim();
311
+ if (!guess) {
312
+ showMessage('Por favor, digite um livro da Bíblia', 'red');
313
+ bookGuess.classList.add('shake');
314
+ setTimeout(() => bookGuess.classList.remove('shake'), 500);
315
+ return;
316
+ }
317
+
318
+ attempts++;
319
+ attemptsElement.textContent = attempts;
320
+
321
+ // Check if the guess is correct (case insensitive)
322
+ if (guess.toLowerCase() === currentVerse.book.toLowerCase()) {
323
+ score += 10;
324
+ scoreElement.textContent = score;
325
+ showMessage(`Correto! O livro é ${currentVerse.book}.`, 'green');
326
+ revealed = true;
327
+ } else {
328
+ showMessage('Tente novamente!', 'red');
329
+ bookGuess.classList.add('shake');
330
+ setTimeout(() => bookGuess.classList.remove('shake'), 500);
331
+ }
332
+ }
333
+
334
+ // Show a message to the user
335
+ function showMessage(message, type) {
336
+ resultMessage.textContent = message;
337
+ resultMessage.className = ''; // Reset classes
338
+ resultMessage.classList.remove('hidden');
339
+
340
+ if (type === 'green') {
341
+ resultMessage.classList.add('bg-green-100', 'text-green-700');
342
+ } else if (type === 'red') {
343
+ resultMessage.classList.add('bg-red-100', 'text-red-700');
344
+ } else {
345
+ resultMessage.classList.add('bg-blue-100', 'text-blue-700');
346
+ }
347
+ }
348
+
349
+ // Give a hint to the user
350
+ function giveHint() {
351
+ if (revealed) return;
352
+
353
+ const book = currentVerse.book;
354
+ const firstLetter = book.charAt(0);
355
+
356
+ showMessage(`Dica: O livro começa com a letra "${firstLetter}"`, 'blue');
357
+ }
358
+
359
+ // Reveal the correct answer
360
+ function revealAnswer() {
361
+ if (revealed) return;
362
+
363
+ revealed = true;
364
+ showMessage(`O livro correto é: ${currentVerse.book}`, 'blue');
365
+
366
+ // Small penalty for revealing
367
+ if (score > 0) {
368
+ score = Math.max(0, score - 2);
369
+ scoreElement.textContent = score;
370
+ }
371
+ }
372
+
373
+ // Start the game
374
+ initGame();
375
+ });
376
+ </script>
377
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=arthhh1/bible" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
378
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ GERE UM JOGO DE MENSAGENS BIBLICAS QUE É BASEADO E