Hugging Face's logo

Spaces:
Marquesduque
/
show-do-milhao-sbt
Running

App Files Community
Marquesduque commited on
Commit
f599f9d
·
verified ·
1 Parent(s): b909f2c

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +63 -38
  2. prompts.txt +2 -0
index.html CHANGED
@@ -1,41 +1,66 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>My app</title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <meta charset="utf-8">
 
 
7
  <style>
8
- body {
9
- display: flex;
10
- justify-content: center;
11
- align-items: center;
12
- overflow: hidden;
13
- height: 100dvh;
14
- font-family: "Arial", sans-serif;
15
- text-align: center;
16
- }
17
- .arrow {
18
- position: absolute;
19
- bottom: 32px;
20
- left: 0px;
21
- width: 100px;
22
- transform: rotate(30deg);
23
- }
24
- h1 {
25
- font-size: 50px;
26
- }
27
- h1 span {
28
- color: #acacac;
29
- font-size: 32px;
30
- }
 
 
31
  </style>
32
- </head>
33
- <body>
34
- <h1>
35
- <span>I'm ready to work,</span><br />
36
- Ask me anything.
37
- </h1>
38
- <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="arrow" />
39
- <script></script>
40
- <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=Marquesduque/show-do-milhao-sbt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
41
- </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>Show do Milhão</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
+ @keyframes pulse {
11
+ 0%, 100% { transform: scale(1); }
12
+ 50% { transform: scale(1.05); }
13
+ }
14
+ .pulse-animation {
15
+ animation: pulse 2s infinite;
16
+ }
17
+ .option-selected {
18
+ box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.7);
19
+ }
20
+ .correct-answer {
21
+ background-color: #10B981 !important;
22
+ color: white !important;
23
+ }
24
+ .wrong-answer {
25
+ background-color: #EF4444 !important;
26
+ color: white !important;
27
+ }
28
+ .lifeline-used {
29
+ opacity: 0.5;
30
+ cursor: not-allowed;
31
+ }
32
+ .question-text {
33
+ text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
34
+ }
35
  </style>
36
+ </head>
37
+ <body class="bg-blue-900 text-white min-h-screen flex flex-col">
38
+ <div class="container mx-auto px-4 py-8 flex-grow flex flex-col">
39
+ <!-- Header -->
40
+ <header class="flex justify-between items-center mb-8">
41
+ <div class="text-2xl font-bold text-yellow-400">SHOW DO MILHÃO</div>
42
+ <div class="bg-black bg-opacity-50 px-4 py-2 rounded-full">
43
+ <span class="font-bold">Pontuação: </span>
44
+ <span id="score">R$ 0</span>
45
+ </div>
46
+ </header>
47
+
48
+ <!-- Main Game Area -->
49
+ <div class="flex-grow flex flex-col">
50
+ <!-- Question Value -->
51
+ <div class="bg-black bg-opacity-50 p-4 rounded-lg mb-6 text-center">
52
+ <div class="text-xl font-bold text-yellow-400" id="question-value">R$ 1.000</div>
53
+ </div>
54
+
55
+ <!-- Question Box -->
56
+ <div class="bg-blue-800 bg-opacity-80 p-6 rounded-lg shadow-lg mb-8 flex-grow flex items-center">
57
+ <div class="w-full">
58
+ <div class="question-text text-2xl font-medium text-center" id="question-text">Carregando pergunta...</div>
59
+ </div>
60
+ </div>
61
+
62
+ <!-- Options Grid -->
63
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
64
+ <div class="option bg-blue-700 hover:bg-blue-600 p-4 rounded-lg cursor-pointer transition-colors duration-300 flex items-center" data-option="A">
65
+ <div class="bg-yellow-500
66
+ </html>
prompts.txt CHANGED
@@ -0,0 +1,2 @@
 
 
 
1
+ crie uma apligativo gameficado no estilo quem quer ser um millionario use lauouts de aplicativos ja existentes para se instpirar
2
+ em react tsx crie um aplicativo show do milhao