jairopaiva commited on
Commit
dede8b0
·
verified ·
1 Parent(s): ea07b5a

Crie um website para agregar concursos públicos bem como estudar para esses concursos, implemente autênticação, login, definição de interesses, notificação, etc... Sites de exemplo: qconcursos.com, grancursosonline.com.br, jcconcursos.com.br. Make the website secure and resistant to web scraping. Also, add authentication using google oauth. Make the project optimized, clean and modular.Gere um website para agregar concursos públicos bem como estudar para esses concursos, implemente autênticação, login, definição de interesses, notificação, etc... Sites de exemplo: qconcursos.com, grancursosonline.com.br, jcconcursos.com.br. Now, make the website secure and resistant to web scraping. Also, add authentication using google oauth. Make the project optimized, clean and modular. Generate a final optimized complete version of the website:jcconcursos.com.br,grancursosonline.com.br,qconcursos.com - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +361 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: C
3
- emoji: 🏃
4
- colorFrom: green
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: c
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: red
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,361 @@
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>ConcursoMaster - Preparação para Concursos Públicos</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
+ <script src="https://accounts.google.com/gsi/client" async defer></script>
10
+ <style>
11
+ .blur-effect {
12
+ filter: blur(4px);
13
+ user-select: none;
14
+ pointer-events: none;
15
+ }
16
+
17
+ .honey-pot {
18
+ position: absolute;
19
+ left: -9999px;
20
+ }
21
+
22
+ .rate-limit-message {
23
+ display: none;
24
+ position: fixed;
25
+ top: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ background-color: #ff4444;
29
+ color: white;
30
+ text-align: center;
31
+ padding: 10px;
32
+ z-index: 1000;
33
+ }
34
+
35
+ @keyframes fadeIn {
36
+ from { opacity: 0; }
37
+ to { opacity: 1; }
38
+ }
39
+
40
+ .animate-fadeIn {
41
+ animation: fadeIn 0.5s ease-in-out;
42
+ }
43
+
44
+ .exam-card:hover {
45
+ transform: translateY(-5px);
46
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
47
+ }
48
+
49
+ .exam-card {
50
+ transition: all 0.3s ease;
51
+ }
52
+
53
+ /* Custom scrollbar */
54
+ ::-webkit-scrollbar {
55
+ width: 8px;
56
+ }
57
+
58
+ ::-webkit-scrollbar-track {
59
+ background: #f1f1f1;
60
+ }
61
+
62
+ ::-webkit-scrollbar-thumb {
63
+ background: #888;
64
+ border-radius: 4px;
65
+ }
66
+
67
+ ::-webkit-scrollbar-thumb:hover {
68
+ background: #555;
69
+ }
70
+ </style>
71
+ </head>
72
+ <body class="bg-gray-50 font-sans">
73
+ <!-- Anti-scraping measures -->
74
+ <div class="honey-pot" id="fakeContent"></div>
75
+ <div class="rate-limit-message" id="rateLimitMessage">
76
+ Você está fazendo muitas requisições rapidamente. Por favor, aguarde alguns segundos.
77
+ </div>
78
+
79
+ <!-- Navigation -->
80
+ <nav class="bg-white shadow-md sticky top-0 z-50">
81
+ <div class="container mx-auto px-4 py-3">
82
+ <div class="flex justify-between items-center">
83
+ <div class="flex items-center space-x-4">
84
+ <a href="#" class="text-2xl font-bold text-blue-600 flex items-center">
85
+ <i class="fas fa-graduation-cap mr-2"></i>
86
+ ConcursoMaster
87
+ </a>
88
+ <div class="hidden md:flex space-x-6">
89
+ <a href="#" class="text-gray-700 hover:text-blue-600">Concursos</a>
90
+ <a href="#" class="text-gray-700 hover:text-blue-600">Questões</a>
91
+ <a href="#" class="text-gray-700 hover:text-blue-600">Materiais</a>
92
+ <a href="#" class="text-gray-700 hover:text-blue-600">Notícias</a>
93
+ </div>
94
+ </div>
95
+ <div class="flex items-center space-x-4">
96
+ <div class="relative hidden md:block">
97
+ <input type="text" placeholder="Buscar concursos..." class="pl-10 pr-4 py-2 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
98
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
99
+ </div>
100
+ <div id="userSection" class="hidden">
101
+ <div class="flex items-center space-x-2 cursor-pointer" id="userMenuButton">
102
+ <img id="userAvatar" src="https://via.placeholder.com/40" alt="User" class="w-8 h-8 rounded-full">
103
+ <span id="userName" class="text-gray-700"></span>
104
+ <i class="fas fa-chevron-down text-gray-500"></i>
105
+ </div>
106
+ <div id="userDropdown" class="hidden absolute right-4 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50">
107
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Meu Perfil</a>
108
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Configurações</a>
109
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Notificações</a>
110
+ <div class="border-t border-gray-200"></div>
111
+ <a href="#" id="logoutButton" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sair</a>
112
+ </div>
113
+ </div>
114
+ <div id="authSection">
115
+ <button id="loginButton" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition">
116
+ Entrar
117
+ </button>
118
+ </div>
119
+ <button id="mobileMenuButton" class="md:hidden text-gray-700">
120
+ <i class="fas fa-bars text-xl"></i>
121
+ </button>
122
+ </div>
123
+ </div>
124
+ <div id="mobileMenu" class="hidden md:hidden mt-4 pb-4">
125
+ <div class="relative mb-4">
126
+ <input type="text" placeholder="Buscar concursos..." class="w-full pl-10 pr-4 py-2 rounded-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
127
+ <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
128
+ </div>
129
+ <a href="#" class="block py-2 text-gray-700 hover:text-blue-600">Concursos</a>
130
+ <a href="#" class="block py-2 text-gray-700 hover:text-blue-600">Questões</a>
131
+ <a href="#" class="block py-2 text-gray-700 hover:text-blue-600">Materiais</a>
132
+ <a href="#" class="block py-2 text-gray-700 hover:text-blue-600">Notícias</a>
133
+ <div class="pt-4 border-t border-gray-200 mt-2">
134
+ <button id="mobileLoginButton" class="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition w-full">
135
+ Entrar
136
+ </button>
137
+ </div>
138
+ </div>
139
+ </div>
140
+ </nav>
141
+
142
+ <!-- Main Content -->
143
+ <main class="container mx-auto px-4 py-8">
144
+ <!-- Hero Section -->
145
+ <section class="bg-gradient-to-r from-blue-600 to-blue-800 rounded-xl text-white p-8 mb-8">
146
+ <div class="max-w-3xl">
147
+ <h1 class="text-4xl font-bold mb-4">Prepare-se para os melhores concursos públicos</h1>
148
+ <p class="text-xl mb-6">Milhares de questões, materiais exclusivos e notificações para você não perder nenhuma oportunidade.</p>
149
+ <div class="flex flex-col sm:flex-row gap-4">
150
+ <button class="bg-white text-blue-600 px-6 py-3 rounded-md font-semibold hover:bg-gray-100 transition">
151
+ Começar agora
152
+ </button>
153
+ <button class="border-2 border-white px-6 py-3 rounded-md font-semibold hover:bg-blue-700 transition">
154
+ Saiba mais
155
+ </button>
156
+ </div>
157
+ </div>
158
+ </section>
159
+
160
+ <!-- Features Section -->
161
+ <section class="mb-12">
162
+ <h2 class="text-3xl font-bold mb-8 text-center">Por que escolher o ConcursoMaster?</h2>
163
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
164
+ <div class="bg-white p-6 rounded-xl shadow-md text-center">
165
+ <div class="text-blue-600 mb-4">
166
+ <i class="fas fa-bell text-4xl"></i>
167
+ </div>
168
+ <h3 class="text-xl font-semibold mb-2">Notificações Personalizadas</h3>
169
+ <p class="text-gray-600">Receba alertas sobre novos editais e atualizações dos concursos que você está interessado.</p>
170
+ </div>
171
+ <div class="bg-white p-6 rounded-xl shadow-md text-center">
172
+ <div class="text-blue-600 mb-4">
173
+ <i class="fas fa-book-open text-4xl"></i>
174
+ </div>
175
+ <h3 class="text-xl font-semibold mb-2">Banco de Questões</h3>
176
+ <p class="text-gray-600">Acesse milhares de questões de concursos anteriores com gabarito comentado por especialistas.</p>
177
+ </div>
178
+ <div class="bg-white p-6 rounded-xl shadow-md text-center">
179
+ <div class="text-blue-600 mb-4">
180
+ <i class="fas fa-chart-line text-4xl"></i>
181
+ </div>
182
+ <h3 class="text-xl font-semibold mb-2">Acompanhamento de Desempenho</h3>
183
+ <p class="text-gray-600">Monitore seu progresso com relatórios detalhados e identifique pontos fortes e fracos.</p>
184
+ </div>
185
+ </div>
186
+ </section>
187
+
188
+ <!-- Upcoming Exams -->
189
+ <section class="mb-12">
190
+ <div class="flex justify-between items-center mb-6">
191
+ <h2 class="text-3xl font-bold">Concursos em Destaque</h2>
192
+ <a href="#" class="text-blue-600 hover:underline">Ver todos</a>
193
+ </div>
194
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
195
+ <div class="exam-card bg-white rounded-xl shadow-md overflow-hidden">
196
+ <div class="p-6">
197
+ <div class="flex justify-between items-start mb-4">
198
+ <div>
199
+ <span class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">ABERTO</span>
200
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded ml-2">NÍVEL SUPERIOR</span>
201
+ </div>
202
+ <button class="text-gray-400 hover:text-red-500">
203
+ <i class="far fa-heart"></i>
204
+ </button>
205
+ </div>
206
+ <h3 class="text-xl font-bold mb-2">Tribunal de Justiça - TJ/SP</h3>
207
+ <p class="text-gray-600 mb-4">Analista Judiciário - Área Administrativa</p>
208
+ <div class="flex items-center text-sm text-gray-500 mb-4">
209
+ <i class="fas fa-map-marker-alt mr-2"></i>
210
+ <span>São Paulo - SP</span>
211
+ </div>
212
+ <div class="flex justify-between text-sm">
213
+ <div>
214
+ <p class="text-gray-500">Inscrições</p>
215
+ <p class="font-semibold">10/08 - 30/08/2023</p>
216
+ </div>
217
+ <div>
218
+ <p class="text-gray-500">Prova</p>
219
+ <p class="font-semibold">15/10/2023</p>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ <div class="bg-gray-50 px-6 py-3 border-t border-gray-200">
224
+ <a href="#" class="text-blue-600 font-semibold hover:underline flex items-center">
225
+ Ver detalhes
226
+ <i class="fas fa-chevron-right ml-2 text-sm"></i>
227
+ </a>
228
+ </div>
229
+ </div>
230
+
231
+ <div class="exam-card bg-white rounded-xl shadow-md overflow-hidden">
232
+ <div class="p-6">
233
+ <div class="flex justify-between items-start mb-4">
234
+ <div>
235
+ <span class="bg-yellow-100 text-yellow-800 text-xs font-semibold px-2.5 py-0.5 rounded">EM BREVE</span>
236
+ <span class="bg-purple-100 text-purple-800 text-xs font-semibold px-2.5 py-0.5 rounded ml-2">NÍVEL MÉDIO</span>
237
+ </div>
238
+ <button class="text-gray-400 hover:text-red-500">
239
+ <i class="far fa-heart"></i>
240
+ </button>
241
+ </div>
242
+ <h3 class="text-xl font-bold mb-2">Polícia Federal - PF</h3>
243
+ <p class="text-gray-600 mb-4">Agente Administrativo</p>
244
+ <div class="flex items-center text-sm text-gray-500 mb-4">
245
+ <i class="fas fa-map-marker-alt mr-2"></i>
246
+ <span>Nacional</span>
247
+ </div>
248
+ <div class="flex justify-between text-sm">
249
+ <div>
250
+ <p class="text-gray-500">Previsão</p>
251
+ <p class="font-semibold">Nov/2023</p>
252
+ </div>
253
+ <div>
254
+ <p class="text-gray-500">Salário</p>
255
+ <p class="font-semibold">R$ 6.000,00</p>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ <div class="bg-gray-50 px-6 py-3 border-t border-gray-200">
260
+ <a href="#" class="text-blue-600 font-semibold hover:underline flex items-center">
261
+ Ver detalhes
262
+ <i class="fas fa-chevron-right ml-2 text-sm"></i>
263
+ </a>
264
+ </div>
265
+ </div>
266
+
267
+ <div class="exam-card bg-white rounded-xl shadow-md overflow-hidden">
268
+ <div class="p-6">
269
+ <div class="flex justify-between items-start mb-4">
270
+ <div>
271
+ <span class="bg-green-100 text-green-800 text-xs font-semibold px-2.5 py-0.5 rounded">ABERTO</span>
272
+ <span class="bg-blue-100 text-blue-800 text-xs font-semibold px-2.5 py-0.5 rounded ml-2">NÍVEL SUPERIOR</span>
273
+ </div>
274
+ <button class="text-gray-400 hover:text-red-500">
275
+ <i class="far fa-heart"></i>
276
+ </button>
277
+ </div>
278
+ <h3 class="text-xl font-bold mb-2">Banco do Brasil - BB</h3>
279
+ <p class="text-gray-600 mb-4">Escriturário</p>
280
+ <div class="flex items-center text-sm text-gray-500 mb-4">
281
+ <i class="fas fa-map-marker-alt mr-2"></i>
282
+ <span>Nacional</span>
283
+ </div>
284
+ <div class="flex justify-between text-sm">
285
+ <div>
286
+ <p class="text-gray-500">Inscrições</p>
287
+ <p class="font-semibold">01/08 - 20/08/2023</p>
288
+ </div>
289
+ <div>
290
+ <p class="text-gray-500">Prova</p>
291
+ <p class="font-semibold">10/09/2023</p>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ <div class="bg-gray-50 px-6 py-3 border-t border-gray-200">
296
+ <a href="#" class="text-blue-600 font-semibold hover:underline flex items-center">
297
+ Ver detalhes
298
+ <i class="fas fa-chevron-right ml-2 text-sm"></i>
299
+ </a>
300
+ </div>
301
+ </div>
302
+ </div>
303
+ </section>
304
+
305
+ <!-- Study Materials -->
306
+ <section class="mb-12">
307
+ <div class="flex justify-between items-center mb-6">
308
+ <h2 class="text-3xl font-bold">Materiais de Estudo</h2>
309
+ <a href="#" class="text-blue-600 hover:underline">Ver todos</a>
310
+ </div>
311
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
312
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
313
+ <div class="h-40 bg-blue-100 flex items-center justify-center">
314
+ <i class="fas fa-file-pdf text-6xl text-blue-600"></i>
315
+ </div>
316
+ <div class="p-4">
317
+ <h3 class="font-bold mb-2">Direito Administrativo</h3>
318
+ <p class="text-gray-600 text-sm mb-3">Resumo completo para concursos</p>
319
+ <div class="flex justify-between items-center text-sm">
320
+ <span class="text-gray-500">PDF • 2.4MB</span>
321
+ <button class="text-blue-600 hover:underline">Baixar</button>
322
+ </div>
323
+ </div>
324
+ </div>
325
+
326
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
327
+ <div class="h-40 bg-purple-100 flex items-center justify-center">
328
+ <i class="fas fa-video text-6xl text-purple-600"></i>
329
+ </div>
330
+ <div class="p-4">
331
+ <h3 class="font-bold mb-2">Matemática Financeira</h3>
332
+ <p class="text-gray-600 text-sm mb-3">Aula completa com exercícios</p>
333
+ <div class="flex justify-between items-center text-sm">
334
+ <span class="text-gray-500">Vídeo • 45 min</span>
335
+ <button class="text-blue-600 hover:underline">Assistir</button>
336
+ </div>
337
+ </div>
338
+ </div>
339
+
340
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
341
+ <div class="h-40 bg-green-100 flex items-center justify-center">
342
+ <i class="fas fa-file-alt text-6xl text-green-600"></i>
343
+ </div>
344
+ <div class="p-4">
345
+ <h3 class="font-bold mb-2">Português para Concursos</h3>
346
+ <p class="text-gray-600 text-sm mb-3">Questões comentadas</p>
347
+ <div class="flex justify-between items-center text-sm">
348
+ <span class="text-gray-500">PDF • 1.8MB</span>
349
+ <button class="text-blue-600 hover:underline">Baixar</button>
350
+ </div>
351
+ </div>
352
+ </div>
353
+
354
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
355
+ <div class="h-40 bg-yellow-100 flex items-center justify-center">
356
+ <i class="fas fa-podcast text-6xl text-yellow-600"></i>
357
+ </div>
358
+ <div class="p-4">
359
+ <h3 class="font-bold mb-
360
+ <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=jairopaiva/c" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
361
+ </html>