|
|
<!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> |
