Spaces:
Running
Running
Add 3 files
Browse files- README.md +7 -5
- index.html +194 -19
- prompts.txt +0 -0
README.md
CHANGED
@@ -1,10 +1,12 @@
|
|
1 |
---
|
2 |
-
title:
|
3 |
-
emoji:
|
4 |
-
colorFrom:
|
5 |
-
colorTo:
|
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-11
|
3 |
+
emoji: 🐳
|
4 |
+
colorFrom: red
|
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,194 @@
|
|
1 |
-
<!
|
2 |
-
<
|
3 |
-
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
+
body {
|
8 |
+
font-family: Arial, sans-serif;
|
9 |
+
background-color: #f1f1f1;
|
10 |
+
margin: 0;
|
11 |
+
padding: 0;
|
12 |
+
}
|
13 |
+
header {
|
14 |
+
background-color: #222;
|
15 |
+
color: white;
|
16 |
+
padding: 15px;
|
17 |
+
text-align: center;
|
18 |
+
font-family: "Old English Text MT", serif;
|
19 |
+
font-size: 32px;
|
20 |
+
}
|
21 |
+
nav {
|
22 |
+
display: flex;
|
23 |
+
justify-content: center;
|
24 |
+
gap: 10px;
|
25 |
+
padding: 10px;
|
26 |
+
background-color: #444;
|
27 |
+
}
|
28 |
+
nav button {
|
29 |
+
padding: 10px;
|
30 |
+
background-color: white;
|
31 |
+
border: none;
|
32 |
+
cursor: pointer;
|
33 |
+
}
|
34 |
+
section {
|
35 |
+
padding: 20px;
|
36 |
+
}
|
37 |
+
.hidden {
|
38 |
+
display: none;
|
39 |
+
}
|
40 |
+
.article {
|
41 |
+
background-color: white;
|
42 |
+
padding: 10px;
|
43 |
+
margin-bottom: 10px;
|
44 |
+
border-radius: 8px;
|
45 |
+
}
|
46 |
+
.approved {
|
47 |
+
border-left: 4px solid green;
|
48 |
+
}
|
49 |
+
.editor-buttons button {
|
50 |
+
margin-right: 5px;
|
51 |
+
}
|
52 |
+
</style>
|
53 |
+
</head>
|
54 |
+
<body>
|
55 |
+
<header>Jornal Oliveira</header> <nav id="menu" class="hidden">
|
56 |
+
<button onclick="showSection('inicio')">Início</button>
|
57 |
+
<button onclick="showSection('avaliacao')">Avaliação</button>
|
58 |
+
<button onclick="showSection('sugestoes')">Sugestões</button>
|
59 |
+
<button id="btnEnviar" class="hidden" onclick="showSection('enviar')">Enviar Matéria</button>
|
60 |
+
<button id="btnEditor" class="hidden" onclick="showSection('editor')">Painel do Editor</button>
|
61 |
+
</nav> <section id="login">
|
62 |
+
<h2>Login</h2>
|
63 |
+
<input type="text" id="senha" placeholder="Digite a senha" />
|
64 |
+
<button onclick="verificarSenha()">Entrar</button>
|
65 |
+
</section> <section id="inicio" class="hidden">
|
66 |
+
<h2>Bem-vindo ao Jornal Oliveira</h2>
|
67 |
+
<div id="listaArtigos"></div>
|
68 |
+
</section> <section id="avaliacao" class="hidden">
|
69 |
+
<h2>Avaliação</h2>
|
70 |
+
<textarea placeholder="Deixe sua avaliação"></textarea>
|
71 |
+
</section> <section id="sugestoes" class="hidden">
|
72 |
+
<h2>Sugestões</h2>
|
73 |
+
<textarea placeholder="Deixe sua sugestão"></textarea>
|
74 |
+
</section> <section id="enviar" class="hidden">
|
75 |
+
<h2>Enviar Matéria</h2>
|
76 |
+
<input type="text" id="titulo" placeholder="Título" /><br />
|
77 |
+
<input type="text" id="lide" placeholder="Lide (resumo)" /><br />
|
78 |
+
<textarea id="corpo" placeholder="Corpo da matéria"></textarea><br />
|
79 |
+
<input type="text" id="autor" placeholder="Nome do autor" /><br />
|
80 |
+
<input type="text" id="participantes" placeholder="Outros participantes" /><br />
|
81 |
+
<input type="date" id="data" /><br />
|
82 |
+
<select id="categoria">
|
83 |
+
<option>Notícias da Escola</option>
|
84 |
+
<option>Entrevistas</option>
|
85 |
+
<option>Opinião</option>
|
86 |
+
<option>Cultura e Arte</option>
|
87 |
+
<option>Esportes</option>
|
88 |
+
<option>Humor</option>
|
89 |
+
<option>Você Sabia?</option>
|
90 |
+
<option>Projetos e Grêmios</option>
|
91 |
+
<option>Fala Estudante</option>
|
92 |
+
<option>Investigação</option>
|
93 |
+
</select><br />
|
94 |
+
<button onclick="enviarMateria()">Enviar</button>
|
95 |
+
</section> <section id="editor" class="hidden">
|
96 |
+
<h2>Painel do Editor</h2>
|
97 |
+
<div id="painelEditor"></div>
|
98 |
+
</section> <script>
|
99 |
+
let artigos = JSON.parse(localStorage.getItem("artigos")) || [];
|
100 |
+
|
101 |
+
function verificarSenha() {
|
102 |
+
const senha = document.getElementById("senha").value;
|
103 |
+
document.getElementById("login").classList.add("hidden");
|
104 |
+
document.getElementById("menu").classList.remove("hidden");
|
105 |
+
document.getElementById("inicio").classList.remove("hidden");
|
106 |
+
|
107 |
+
if (senha === "BRJORNAL") {
|
108 |
+
document.getElementById("btnEnviar").classList.remove("hidden");
|
109 |
+
} else if (senha === "BRJORNALEDITOR") {
|
110 |
+
document.getElementById("btnEditor").classList.remove("hidden");
|
111 |
+
}
|
112 |
+
listarArtigos();
|
113 |
+
}
|
114 |
+
|
115 |
+
function showSection(id) {
|
116 |
+
document.querySelectorAll("section").forEach(sec => sec.classList.add("hidden"));
|
117 |
+
document.getElementById(id).classList.remove("hidden");
|
118 |
+
if (id === "inicio") listarArtigos();
|
119 |
+
if (id === "editor") mostrarPainelEditor();
|
120 |
+
}
|
121 |
+
|
122 |
+
function enviarMateria() {
|
123 |
+
const artigo = {
|
124 |
+
titulo: document.getElementById("titulo").value,
|
125 |
+
lide: document.getElementById("lide").value,
|
126 |
+
corpo: document.getElementById("corpo").value,
|
127 |
+
autor: document.getElementById("autor").value,
|
128 |
+
participantes: document.getElementById("participantes").value,
|
129 |
+
data: document.getElementById("data").value,
|
130 |
+
categoria: document.getElementById("categoria").value,
|
131 |
+
aprovado: false
|
132 |
+
};
|
133 |
+
artigos.push(artigo);
|
134 |
+
localStorage.setItem("artigos", JSON.stringify(artigos));
|
135 |
+
alert("Matéria enviada para aprovação!");
|
136 |
+
}
|
137 |
+
|
138 |
+
function listarArtigos() {
|
139 |
+
const lista = document.getElementById("listaArtigos");
|
140 |
+
lista.innerHTML = "";
|
141 |
+
artigos.filter(a => a.aprovado).forEach((a, i) => {
|
142 |
+
lista.innerHTML += `<div class="article approved">
|
143 |
+
<h3>${a.titulo}</h3>
|
144 |
+
<p><strong>Lide:</strong> ${a.lide}</p>
|
145 |
+
<p><strong>Autor:</strong> ${a.autor}</p>
|
146 |
+
<p><strong>Data:</strong> ${a.data}</p>
|
147 |
+
<details><summary>Leia mais</summary>
|
148 |
+
<p>${a.corpo}</p>
|
149 |
+
</details>
|
150 |
+
</div>`;
|
151 |
+
});
|
152 |
+
}
|
153 |
+
|
154 |
+
function mostrarPainelEditor() {
|
155 |
+
const painel = document.getElementById("painelEditor");
|
156 |
+
painel.innerHTML = "";
|
157 |
+
artigos.forEach((a, i) => {
|
158 |
+
painel.innerHTML += `<div class="article">
|
159 |
+
<h3>${a.titulo}</h3>
|
160 |
+
<p><strong>Autor:</strong> ${a.autor}</p>
|
161 |
+
<p><strong>Categoria:</strong> ${a.categoria}</p>
|
162 |
+
<div class="editor-buttons">
|
163 |
+
<button onclick="aprovar(${i})">Aprovar</button>
|
164 |
+
<button onclick="recusar(${i})">Recusar</button>
|
165 |
+
<button onclick="apagar(${i})">Apagar</button>
|
166 |
+
</div>
|
167 |
+
</div>`;
|
168 |
+
});
|
169 |
+
}
|
170 |
+
|
171 |
+
function aprovar(index) {
|
172 |
+
artigos[index].aprovado = true;
|
173 |
+
salvar();
|
174 |
+
mostrarPainelEditor();
|
175 |
+
}
|
176 |
+
|
177 |
+
function recusar(index) {
|
178 |
+
artigos[index].aprovado = false;
|
179 |
+
salvar();
|
180 |
+
mostrarPainelEditor();
|
181 |
+
}
|
182 |
+
|
183 |
+
function apagar(index) {
|
184 |
+
artigos.splice(index, 1);
|
185 |
+
salvar();
|
186 |
+
mostrarPainelEditor();
|
187 |
+
}
|
188 |
+
|
189 |
+
function salvar() {
|
190 |
+
localStorage.setItem("artigos", JSON.stringify(artigos));
|
191 |
+
listarArtigos();
|
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-11" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
194 |
+
</html>
|
prompts.txt
ADDED
File without changes
|