cvhhh / index.html
Rwhehhehe's picture
Add 3 files
c99d287 verified
{
"html": "<!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 - Site em Desenvolvimento</title><style>body{font-family:'Segoe UI',sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:0}header{background-color:#0052cc;color:white;padding:20px;text-align:center}nav{display:flex;justify-content:center;background-color:#003d99;padding:10px;flex-wrap:wrap}nav button{background-color:white;border:none;padding:10px 20px;margin:5px;cursor:pointer;border-radius:5px;transition:.3s}nav button:hover{background-color:#cce0ff}main{padding:20px;max-width:800px;margin:auto}textarea,input{width:100%;padding:8px;margin-bottom:10px;border-radius:5px;border:1px solid #ccc}button{background-color:#0052cc;color:white;border:none;padding:8px 16px;border-radius:5px;cursor:pointer}button:hover{background-color:#003d99}footer{background-color:#ddd;text-align:center;padding:10px}.hidden{display:none}#mensagem{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:10px;border-radius:5px;margin-bottom:15px}</style></head><body><header><h1>📰 Jornal Oliveira</h1><p>Bem-vindo ao Jornal Oliveira! Estamos construindo nosso novo site para oferecer a você uma experiência incrível, com notícias, informações e muito mais.</p><p>⏳ Nosso site está em desenvolvimento.</p><p>📆 Lançamento oficial: <strong>16 de junho de 2025</strong></p><p>💬 Enquanto isso, fale com a gente no Instagram <a href=\"https://instagram.com/jornal_oliveira\" target=\"_blank\" style=\"color: #ffe;\">@jornal_oliveira</a> ou no WhatsApp <a href=\"https://wa.me/5511981722855\" target=\"_blank\" style=\"color: #ffe;\">(11) 98172-2855</a>.</p></header><nav><button onclick=\"showMessage('inicio')\">Início</button><button onclick=\"showMessage('avaliacao')\">Avaliação</button><button onclick=\"showMessage('participar')\">Participar</button><button onclick=\"openSugestao()\">Sugestão</button><button onclick=\"openLogin()\">Login</button></nav><main><div id=\"mensagem\" class=\"hidden\"></div><div id=\"sugestao\" class=\"hidden\"><h2>📢 Sugestões para o site</h2><form id=\"formSugestao\" onsubmit=\"enviarSugestao(event)\"><label>O que você gostaria de ver no nosso site?</label><br><textarea required></textarea><br><label>Sugira ideias sobre o design:</label><br><textarea required></textarea><br><label>Quais funções você acha essenciais?</label><br><textarea required></textarea><br><label>Você gostaria que tivesse vídeos ou fotos?</label><br><textarea required></textarea><br><label>Gostaria de receber notícias no WhatsApp?</label><br><textarea required></textarea><br><label>Comentário livre:</label><br><textarea required></textarea><br><button type=\"submit\">Enviar Sugestão</button></form></div><div id=\"login\" class=\"hidden\"><h2>🔐 Login</h2><label>Digite o código/senha:</label><br><input type=\"password\" id=\"senha\"><br><button onclick=\"verificarSenha()\">Entrar</button><div id=\"areaRestrita\" class=\"hidden\"><h3>📑 Sugestões Recebidas</h3><div id=\"listaSugestoes\"></div></div></div></main><footer><p>© 2025 Jornal Oliveira - Todos os direitos reservados</p></footer><script>let sugestoes=[];function showMessage(botao){document.getElementById('mensagem').classList.remove('hidden');document.getElementById('sugestao').classList.add('hidden');document.getElementById('login').classList.add('hidden');let msg=\"🚧 Ops! Estamos trabalhando! Nosso site está passando por reformas! 🏗️ Em breve você vai acessar um portal cheio de informações, matérias, participações e muito mais.\";document.getElementById('mensagem').innerText=msg}function openSugestao(){document.getElementById('mensagem').classList.add('hidden');document.getElementById('login').classList.add('hidden');document.getElementById('sugestao').classList.remove('hidden')}function openLogin(){document.getElementById('mensagem').classList.add('hidden');document.getElementById('sugestao').classList.add('hidden');document.getElementById('login').classList.remove('hidden')}function verificarSenha(){const senha=document.getElementById('senha').value;if(senha===\"123\"){document.getElementById('areaRestrita').classList.remove('hidden');mostrarSugestoes();alert(\"✅ Acesso liberado!\")}else{alert(\"❌ Senha incorreta!\")}}function enviarSugestao(event){event.preventDefault();const inputs=document.querySelectorAll('#formSugestao textarea');let sugestao={};inputs.forEach((input,index)=>{sugestao[`pergunta${index+1}`]=input.value});sugestoes.push(sugestao);alert(\"🎉 Sugestão enviada com sucesso!\");document.getElementById('formSugestao').reset()}function mostrarSugestoes(){const lista=document.getElementById('listaSugestoes');lista.innerHTML=\"\";if(sugestoes.length===0){lista.innerHTML=\"<p>❌ Nenhuma sugestão recebida ainda.</p>\"}else{sugestoes.forEach((sug,index)=>{let div=document.createElement('div');div.style.border=\"1px solid #ccc\";div.style.padding=\"10px\";div.style.marginBottom=\"10px\";div.innerHTML=`<strong>Sugestão ${index+1}</strong><br><p><strong>O que gostaria no site:</strong> ${sug.pergunta1}</p><p><strong>Ideia de design:</strong> ${sug.pergunta2}</p><p><strong>Funções essenciais:</strong> ${sug.pergunta3}</p><p><strong>Vídeos ou fotos:</strong> ${sug.pergunta4}</p><p><strong>Notícias no WhatsApp:</strong> ${sug.pergunta5}</p><p><strong>Comentário livre:</strong> ${sug.pergunta6}</p>`;lista.appendChild(div)})}}</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/cvhhh" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body></html>"
}
}