File size: 11,181 Bytes
735691e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
<!DOCTYPE html><html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jornal Oliveira Oficial</title>
<style>
body { background-color: #000; color: #fff; font-family: Arial, sans-serif; margin: 0; }
header, footer { background-color: #111; padding: 10px; text-align: center; }
nav { display: flex; justify-content: center; gap: 20px; background: #222; padding: 10px; }
nav button { background: #333; color: white; border: none; padding: 10px; cursor: pointer; border-radius: 5px; }
section { padding: 20px; display: none; }
.show { display: block; }
input, textarea, select { width: 100%; padding: 8px; margin: 5px 0; background: #111; color: white; border: 1px solid #333; border-radius: 5px; }
.icons img { width: 40px; cursor: pointer; margin: 5px; }
.btn { background: #444; color: white; padding: 8px; border: none; border-radius: 5px; cursor: pointer; }
</style>
</head>
<body><header>
<h1>Jornal Oliveira Oficial</h1>
<div class="icons">
<a href="https://instagram.com" target="_blank"><img src="instagram.png" alt="Instagram"></a>
<a href="https://wa.me/5511981722855" target="_blank"><img src="whatsapp.png" alt="WhatsApp"></a>
<a href="livro.pdf" target="_blank"><img src="livro.png" alt="Livro"></a>
</div>
</header><nav>
<button onclick="show('avaliar')">Avaliar</button>
<button onclick="show('sugestao')">Sugestão</button>
<button onclick="show('participar')">Participar</button>
<button onclick="show('login')">Login</button>
</nav><section id="avaliar">
<h2>Avaliar</h2>
<label>Nota de 0 a 5</label>
<select>
<option>0</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option>
</select>
<label>Comentário (mínimo 5 caracteres)</label>
<textarea minlength="5"></textarea>
<button class="btn">Enviar Avaliação</button>
</section><section id="sugestao">
<h2>Sugestão</h2>
<label>Comentário (mínimo 10 caracteres)</label>
<textarea minlength="10"></textarea>
<button class="btn">Enviar Sugestão</button>
</section><section id="participar">
<h2>Participar</h2>
<input placeholder="Nome completo">
<select>
<option>Manhã</option><option>Tarde</option><option>Noite</option>
</select>
<input placeholder="Sala">
<input placeholder="RA">
<input placeholder="WhatsApp">
<textarea placeholder="Mensagem"></textarea>
<p><strong>Termo de Condição:</strong><br>
Para fins de organização e reconhecimento dos participantes do Jornal Oliveira, solicitamos que os novos integrantes forneçam o seu RA...<br>
<input type="checkbox"> Declaro que li e concordo com os termos.
</p>
<button class="btn">Enviar Participação</button>
</section><section id="login">
<h2>Área Restrita</h2>
<input id="senha" type="password" placeholder="Senha">
<button onclick="acessar()" class="btn">Entrar</button>
<div id="admin" style="display:none">
<button class="btn">Enviar Matéria</button>
<button class="btn">Ver Avaliações</button>
<button class="btn">Ver Sugestões</button>
<button class="btn">Ver Participações</button>
</div>
</section><footer>
<p>Quer mandar uma sugestão para o site ou para o Jornal? <br>
Mande uma mensagem no <a href="https://wa.me/5511981722855" target="_blank">WhatsApp</a> ou no <a href="https://instagram.com" target="_blank">Instagram</a>. <br>
Ou aguarde até o dia 01/06 para comentar aqui mesmo.</p>
</footer><script>
function show(id) {
document.querySelectorAll('section').forEach(s => s.classList.remove('show'));
document.getElementById(id).classList.add('show');
}
function acessar() {
const senha = document.getElementById('senha').value;
if (senha === '@Marcelina') {
document.getElementById('admin').style.display = 'block';
} else {
alert('Senha incorreta');
}
}
</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-20" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |