Rwhehhehe commited on
Commit
5cf335d
·
verified ·
1 Parent(s): a4244bb

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +264 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Teste 1 8
3
- emoji: 🌍
4
- colorFrom: gray
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: teste-1-8
3
+ emoji: 🐳
4
+ colorFrom: purple
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,264 @@
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><html lang="pt-br"><head>
2
+ <meta charset="UTF-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
+ <title>Jornal Oliveira</title>
5
+ <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
6
+ <style>
7
+ body {
8
+ margin: 0;
9
+ font-family: 'Roboto', sans-serif;
10
+ background-color: #fff;
11
+ color: #000;
12
+ }header {
13
+ background-color: #1b5e20;
14
+ color: white;
15
+ padding: 20px;
16
+ text-align: center;
17
+ font-family: 'Engravers Old English BT', serif;
18
+ font-size: 28px;
19
+ }
20
+
21
+ nav {
22
+ display: flex;
23
+ justify-content: center;
24
+ background-color: #66bb6a;
25
+ padding: 10px;
26
+ gap: 10px;
27
+ flex-wrap: wrap;
28
+ }
29
+
30
+ nav button {
31
+ background-color: #66bb6a;
32
+ border: none;
33
+ padding: 10px 20px;
34
+ cursor: pointer;
35
+ color: white;
36
+ font-weight: bold;
37
+ transition: background-color 0.3s ease;
38
+ }
39
+
40
+ nav button:hover {
41
+ background-color: #4caf50;
42
+ }
43
+
44
+ .container {
45
+ padding: 20px;
46
+ }
47
+
48
+ .hidden {
49
+ display: none;
50
+ }
51
+
52
+ .card {
53
+ border: 1px solid #ccc;
54
+ border-radius: 8px;
55
+ padding: 15px;
56
+ margin: 10px 0;
57
+ }
58
+
59
+ .blue-link {
60
+ color: blue;
61
+ cursor: pointer;
62
+ text-decoration: underline;
63
+ }
64
+
65
+ .form-group {
66
+ margin-bottom: 15px;
67
+ }
68
+
69
+ .form-group label {
70
+ display: block;
71
+ margin-bottom: 5px;
72
+ }
73
+
74
+ .form-group input,
75
+ .form-group select,
76
+ .form-group textarea {
77
+ width: 100%;
78
+ padding: 8px;
79
+ box-sizing: border-box;
80
+ }
81
+
82
+ .actions button {
83
+ margin-right: 10px;
84
+ }
85
+
86
+ .checkbox {
87
+ display: flex;
88
+ align-items: center;
89
+ }
90
+
91
+ .checkbox input {
92
+ margin-right: 10px;
93
+ }
94
+
95
+ </style>
96
+ </head><body>
97
+ <header>Jornal Oliveira</header>
98
+ <nav>
99
+ <button onclick="showSection('inicio')">Início</button>
100
+ <button onclick="showSection('avaliar')">Avaliar</button>
101
+ <button onclick="showSection('sugestoes')">Sugestões</button>
102
+ <button onclick="showSection('participar')">Participe</button>
103
+ <button onclick="showSection('login')">Login</button>
104
+ <button id="enviarBtn" class="hidden" onclick="showSection('enviar')">Enviar Matéria</button>
105
+ <button id="editorAvaliarBtn" class="hidden" onclick="alert('Avaliações carregadas!')">Ver Avaliações</button>
106
+ <button id="editorSugestoesBtn" class="hidden" onclick="alert('Sugestões carregadas!')">Ver Sugestões</button>
107
+ <button id="editorParticiparBtn" class="hidden" onclick="alert('Participações carregadas!')">Ver Participações</button>
108
+ </nav> <div class="container">
109
+ <section id="inicio">
110
+ <h2>Últimas Matérias</h2>
111
+ <div class="card">
112
+ <h3>Investigação: O que há por trás da merenda?</h3>
113
+ <p>Equipe do jornal investiga denúncias sobre a qualidade da merenda...</p>
114
+ <span class="blue-link" onclick="alert('Abrindo matéria completa...')">Leia mais</span>
115
+ </div>
116
+ </section><section id="avaliar" class="hidden">
117
+ <h2>Avaliação</h2>
118
+ <form onsubmit="event.preventDefault(); alert('Comentário enviado!')">
119
+ <div class="form-group">
120
+ <label>Nota (1 a 5):</label>
121
+ <select required>
122
+ <option>1</option>
123
+ <option>2</option>
124
+ <option>3</option>
125
+ <option>4</option>
126
+ <option>5</option>
127
+ </select>
128
+ </div>
129
+ <div class="form-group">
130
+ <label>Comentário:</label>
131
+ <textarea required></textarea>
132
+ </div>
133
+ <button type="submit">Enviar Avaliação</button>
134
+ </form>
135
+ </section>
136
+
137
+ <section id="sugestoes" class="hidden">
138
+ <h2>Sugestões</h2>
139
+ <form onsubmit="event.preventDefault(); alert('Sugestão enviada!')">
140
+ <div class="form-group">
141
+ <label>Escreva sua sugestão (mínimo 10 palavras):</label>
142
+ <textarea required minlength="10"></textarea>
143
+ </div>
144
+ <button type="submit">Enviar Sugestão</button>
145
+ </form>
146
+ </section>
147
+
148
+ <section id="participar" class="hidden">
149
+ <h2>Participe</h2>
150
+ <form onsubmit="event.preventDefault(); alert('Inscrição enviada!')">
151
+ <div class="form-group">
152
+ <label>Nome Completo:</label>
153
+ <input type="text" required>
154
+ </div>
155
+ <div class="form-group">
156
+ <label>Série:</label>
157
+ <input type="text" required>
158
+ </div>
159
+ <div class="form-group">
160
+ <label>Período:</label>
161
+ <select required>
162
+ <option>Manhã</option>
163
+ <option>Tarde</option>
164
+ <option>Noite</option>
165
+ </select>
166
+ </div>
167
+ <div class="form-group">
168
+ <label>RA (começa com 000):</label>
169
+ <input type="text" pattern="000[0-9]{1,}" required>
170
+ </div>
171
+ <details>
172
+ <summary>Termo de Condição de Participação</summary>
173
+ <p>TERMO DE CONDIÇÃO DE PARTICIPAÇÃO – JORNAL OLIVEIRA<br><br>
174
+ Prezado(a) estudante,<br><br>
175
+ Para fins de organização e reconhecimento dos participantes do Jornal Oliveira, solicitamos que os novos integrantes forneçam o seu RA (Registro do Aluno) no momento da inscrição. Essa informação será utilizada exclusivamente para identificação interna no âmbito do projeto.<br><br>
176
+ O Jornal Oliveira compromete-se a utilizar o RA apenas para os fins aqui descritos, não realizando qualquer tipo de divulgação ou compartilhamento não autorizado. Contudo, ao fornecer essa informação, o participante declara estar ciente de que a organização não se responsabiliza por eventuais vazamentos ou acessos indevidos que ocorram por fatores externos ou alheios à sua vontade.<br><br>
177
+ Ao assinalar a opção abaixo, o(a) participante declara estar de acordo com os termos apresentados e autoriza expressamente o uso do seu RA para os fins descritos.</p>
178
+ </details>
179
+ <div class="checkbox">
180
+ <input type="checkbox" required>
181
+ <label>Declaro que li e concordo com os termos acima para participar do Jornal Oliveira.</label>
182
+ </div>
183
+ <button type="submit">Enviar Participação</button>
184
+ </form>
185
+ </section>
186
+
187
+ <section id="login" class="hidden">
188
+ <h2>Login</h2>
189
+ <form onsubmit="event.preventDefault(); verificarCodigo()">
190
+ <div class="form-group">
191
+ <label>Código/Senha:</label>
192
+ <input type="text" id="codigoInput" required>
193
+ </div>
194
+ <button type="submit">Entrar</button>
195
+ </form>
196
+ </section>
197
+
198
+ <section id="enviar" class="hidden">
199
+ <h2>Enviar Matéria</h2>
200
+ <form onsubmit="event.preventDefault(); alert('Matéria enviada!')">
201
+ <div class="form-group">
202
+ <label>Título:</label>
203
+ <input type="text" required>
204
+ </div>
205
+ <div class="form-group">
206
+ <label>Líde:</label>
207
+ <input type="text" required>
208
+ </div>
209
+ <div class="form-group">
210
+ <label>Corpo da Matéria:</label>
211
+ <textarea required></textarea>
212
+ </div>
213
+ <div class="form-group">
214
+ <label>Nome do Autor:</label>
215
+ <input type="text" required>
216
+ </div>
217
+ <div class="form-group">
218
+ <label>Outros Participantes:</label>
219
+ <input type="text">
220
+ </div>
221
+ <div class="form-group">
222
+ <label>Data:</label>
223
+ <input type="date" required>
224
+ </div>
225
+ <div class="form-group">
226
+ <label>Categoria da Matéria:</label>
227
+ <select required>
228
+ <option>Notícias da Escola</option>
229
+ <option>Entrevistas</option>
230
+ <option>Opinião</option>
231
+ <option>Cultura e Arte</option>
232
+ <option>Esportes</option>
233
+ <option>Humor</option>
234
+ <option>Você Sabia?</option>
235
+ <option>Projetos e Grêmios</option>
236
+ <option>Fala Estudante</option>
237
+ <option>Investigação</option>
238
+ </select>
239
+ </div>
240
+ <button type="submit">Enviar</button>
241
+ </form>
242
+ </section>
243
+
244
+ </div> <script>
245
+ function showSection(id) {
246
+ document.querySelectorAll('section').forEach(section => section.classList.add('hidden'));
247
+ document.getElementById(id).classList.remove('hidden');
248
+ }
249
+
250
+ function verificarCodigo() {
251
+ const code = document.getElementById('codigoInput').value;
252
+ if (code === 'BRJORNAL') {
253
+ document.getElementById('enviarBtn').classList.remove('hidden');
254
+ showSection('inicio');
255
+ } else if (code === 'BRJORNALEDITOR') {
256
+ document.getElementById('editorAvaliarBtn').classList.remove('hidden');
257
+ document.getElementById('editorSugestoesBtn').classList.remove('hidden');
258
+ document.getElementById('editorParticiparBtn').classList.remove('hidden');
259
+ showSection('inicio');
260
+ } else {
261
+ alert('Código inválido');
262
+ }
263
+ }
264
+ </script><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=Rwhehhehe/teste-1-8" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body></html>
prompts.txt ADDED
File without changes