Hugging Face's logo

Spaces:
Rwhehhehe
/
teste-1-1
Running

App Files Community
Rwhehhehe commited on
Commit
9e2e9ef
·
verified ·
1 Parent(s): 99e38c9

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +194 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Teste 1 1
3
- emoji: 👁
4
- colorFrom: pink
5
- colorTo: gray
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-1
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: yellow
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,194 @@
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">
2
+ <head>
3
+ <meta charset="UTF-8">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+ <title>Jornal Oliveira</title>
6
+ <style>
7
+ :root {
8
+ --bg-main: #C3CA92;
9
+ --card-bg: #A4B17B;
10
+ --card-bg-alt: #859864;
11
+ --header-bg: #697E50;
12
+ --button-bg: #697E50;
13
+ --text-main: #20331B;
14
+ --text-light: #FFFFFF;
15
+ --alert-bg: #e53e3e;
16
+ }
17
+ * { box-sizing: border-box; }
18
+ body {
19
+ margin:0; padding:0;
20
+ font-family: Arial, sans-serif;
21
+ background-color: var(--bg-main);
22
+ color: var(--text-main);
23
+ }
24
+ header {
25
+ background-color: var(--header-bg);
26
+ color: var(--text-light);
27
+ padding: 1rem;
28
+ text-align: center;
29
+ }
30
+ nav {
31
+ background-color: var(--header-bg);
32
+ padding: 0.5rem;
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ gap: 0.5rem;
36
+ justify-content: center;
37
+ }
38
+ nav button {
39
+ background-color: var(--button-bg);
40
+ color: var(--text-light);
41
+ border: none;
42
+ padding: 0.5rem 1rem;
43
+ border-radius: 4px;
44
+ cursor: pointer;
45
+ transition: background-color 0.3s;
46
+ }
47
+ nav button:hover {
48
+ background-color: var(--card-bg-alt);
49
+ }
50
+ .container {
51
+ max-width: 800px;
52
+ margin: 1rem auto;
53
+ padding: 0 1rem;
54
+ }
55
+ .card {
56
+ background-color: var(--card-bg);
57
+ padding: 1rem;
58
+ margin-bottom: 1rem;
59
+ border-radius: 8px;
60
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
61
+ }
62
+ .hidden { display: none; }
63
+ input, select, textarea {
64
+ width: 100%;
65
+ padding: 0.5rem;
66
+ margin-bottom: 0.5rem;
67
+ border: 1px solid #ccc;
68
+ border-radius: 4px;
69
+ font-size: 1rem;
70
+ }
71
+ button.primary {
72
+ background-color: var(--button-bg);
73
+ color: var(--text-light);
74
+ }
75
+ footer {
76
+ background-color: var(--header-bg);
77
+ color: var(--text-light);
78
+ text-align: center;
79
+ padding: 1rem;
80
+ margin-top: 2rem;
81
+ }
82
+ .alert {
83
+ background-color: var(--alert-bg);
84
+ color: var(--text-light);
85
+ padding: 0.5rem;
86
+ border-radius: 4px;
87
+ margin-bottom: 0.5rem;
88
+ }
89
+ </style>
90
+ </head>
91
+ <body>
92
+ <header>
93
+ <h1>Jornal Oliveira</h1>
94
+ <p>Feito de alunos para alunos</p>
95
+ </header>
96
+ <nav>
97
+ <button onclick="filterArticles('Colunas')">Colunas</button>
98
+ <button onclick="filterArticles('Notícias da Escola')">Notícias da Escola</button>
99
+ <button onclick="filterArticles('Entrevistas')">Entrevistas</button>
100
+ <button onclick="filterArticles('Opinião')">Opinião</button>
101
+ <button onclick="filterArticles('Cultura e Arte')">Cultura e Arte</button>
102
+ <button onclick="filterArticles('Esportes')">Esportes</button>
103
+ <button onclick="filterArticles('Humor')">Humor</button>
104
+ <button onclick="filterArticles('Você Sabia?')">Você Sabia?</button>
105
+ <button onclick="filterArticles('Projetos e Grêmios')">Projetos e Grêmios</button>
106
+ <button onclick="filterArticles('Fala Estudante')">Fala Estudante</button>
107
+ <button onclick="filterArticles('Investigação')">Investigação</button>
108
+ <button id="openLogin" class="primary">Painel</button>
109
+ </nav><div class="container" id="articlesSection">
110
+ <h2>Artigos Publicados</h2>
111
+ <div id="articlesList"></div>
112
+ </div><div id="loginModal" class="hidden">
113
+ <div class="card" style="max-width:300px;margin:2rem auto;">
114
+ <h3>Acesso ao Painel</h3>
115
+ <input id="accessCode" type="password" placeholder="Código de Acesso">
116
+ <button id="loginSubmit" class="primary">Entrar</button>
117
+ <div id="loginError" class="alert hidden">Código inválido.</div>
118
+ </div>
119
+ </div><div class="container hidden" id="publishPanel">
120
+ <div class="card">
121
+ <h3>Publicar Nova Matéria</h3>
122
+ <input id="pubAuthor" type="text" placeholder="Seu Nome (obrigatório)">
123
+ <input id="pubTitle" type="text" placeholder="Título da Matéria">
124
+ <select id="pubCategory">
125
+ <option value="">Selecione categoria</option>
126
+ </select>
127
+ <textarea id="pubContent" rows="5" placeholder="Conteúdo da matéria"></textarea>
128
+ <input id="pubParticipants" type="text" placeholder="Quem participou (opcional)">
129
+ <button id="btnPublish" class="primary">Publicar</button>
130
+ </div>
131
+ </div><footer>
132
+ <p>Jornal Oliveira © 2025</p>
133
+ </footer><script>
134
+ const ACCESS_CODE = '1903A';
135
+ const categories = ['Colunas','Notícias da Escola','Entrevistas','Opinião','Cultura e Arte','Esportes','Humor','Você Sabia?','Projetos e Grêmios','Fala Estudante','Investigação'];
136
+ let articles = JSON.parse(localStorage.getItem('jo_published') || '[]');
137
+
138
+ // Init
139
+ window.addEventListener('DOMContentLoaded', () => {
140
+ const sel = document.getElementById('pubCategory');
141
+ categories.forEach(c => {
142
+ const o = document.createElement('option'); o.value=c; o.textContent=c;
143
+ sel.appendChild(o);
144
+ });
145
+ if(!articles.length){
146
+ articles.push({ title:'Bem-vindo ao Jornal Oliveira!', author:'Equipe', date:new Date().toLocaleDateString('pt-BR'), category:'Colunas', content:'Primeira matéria do nosso jornal.' });
147
+ localStorage.setItem('jo_published',JSON.stringify(articles));
148
+ }
149
+ renderArticles();
150
+ });
151
+
152
+ function renderArticles(filter='Todas'){
153
+ const list=document.getElementById('articlesList'); list.innerHTML='';
154
+ let arr=articles.slice().sort((a,b)=>new Date(b.date)-new Date(a.date));
155
+ if(filter!=='Todas') arr=arr.filter(a=>a.category===filter);
156
+ if(!arr.length){ list.innerHTML='<p>Nenhuma matéria encontrada.</p>'; return; }
157
+ arr.forEach(a=>{
158
+ const card=document.createElement('div'); card.className='card';
159
+ card.innerHTML=`<h3>${a.title}</h3><p><strong>${a.author}</strong> - ${a.date} | <em>${a.category}</em></p><p>${a.content}</p>${a.participants?'<p><em>Participantes: '+a.participants+'</em></p>':''}`;
160
+ list.appendChild(card);
161
+ });
162
+ }
163
+ function filterArticles(cat){ renderArticles(cat); }
164
+
165
+ // Login Panel
166
+ document.getElementById('openLogin').onclick=()=>{
167
+ document.getElementById('loginModal').classList.remove('hidden');
168
+ };
169
+ document.getElementById('loginSubmit').onclick=()=>{
170
+ const code=document.getElementById('accessCode').value.trim();
171
+ if(code===ACCESS_CODE){
172
+ document.getElementById('loginModal').classList.add('hidden');
173
+ document.getElementById('publishPanel').classList.remove('hidden');
174
+ } else {
175
+ document.getElementById('loginError').classList.remove('hidden');
176
+ }
177
+ };
178
+
179
+ // Publish
180
+ document.getElementById('btnPublish').onclick=()=>{
181
+ const author=document.getElementById('pubAuthor').value.trim();
182
+ const title=document.getElementById('pubTitle').value.trim();
183
+ const category=document.getElementById('pubCategory').value;
184
+ const content=document.getElementById('pubContent').value.trim();
185
+ const participants=document.getElementById('pubParticipants').value.trim();
186
+ if(!author||!title||!category||!content){ alert('Preencha todos os campos obrigatórios!'); return; }
187
+ const newArt={ author,title,category,content,date:new Date().toLocaleDateString('pt-BR'),participants };
188
+ articles.unshift(newArt);
189
+ localStorage.setItem('jo_published',JSON.stringify(articles));
190
+ renderArticles(); alert('Matéria publicada!');
191
+ document.getElementById('pubAuthor').value='';document.getElementById('pubTitle').value='';document.getElementById('pubContent').value='';document.getElementById('pubParticipants').value='';
192
+ };
193
+ </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-1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
194
+ </html>
prompts.txt ADDED
File without changes