Spaces:
Running
Running
Gere um aplicativo com Todo o Conteúdo (não exclua nada): <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Recursos Especial e Extraordinário</title> <style> body { font-family: Arial, sans-serif; background: #fff; color: #000; margin: 0; padding: 0; } header { background-color: #001F54; color: #fff; padding: 1rem; text-align: center; } main { padding: 2rem; } section { margin-bottom: 2rem; } h2 { border-left: 4px solid #0077cc; padding-left: 0.5rem; color: #001F54; } table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; } th, td { border: 1px solid #ccc; padding: 0.5rem; text-align: left; } th { background-color: #001F54; color: white; } textarea, select { width: 100%; padding: 0.5rem; margin: 0.5rem 0; } .tab-buttons { display: flex; background-color: #001F54; } .tab-buttons button { background-color: #001F54; color: white; padding: 1rem; flex: 1; cursor: pointer; border: none; } .tab { display: none; border: 1px solid #ccc; padding: 1rem; } .save-button, .export-button { background-color: #0077cc; color: white; padding: 0.5rem 1rem; border: none; cursor: pointer; margin-top: 1rem; } pre { background: #f4f4f4; padding: 1rem; white-space: pre-wrap; border-left: 4px solid #0077cc; } </style> </head> <body> <header> <h1>Recursos Especial e Extraordinário</h1> </header> <main> <!-- AVISO DE USO --> <div id="aviso" class="fixed inset-0 bg-black bg-opacity-70 z-50 flex justify-center items-center p-5 backdrop-blur-sm hidden"> <div class="bg-white rounded-xl shadow-2xl p-6 max-w-2xl w-full text-center space-y-5 animate-fade-in-down"> <i class="fas fa-exclamation-circle text-rose-600 text-4xl mb-2"></i> <h1 class="text-xl font-extrabold text-gray-800">⚠ ATENÇÃO!</h1> <ul class="text-left text-sm space-y-2 text-gray-700 list-disc list-inside"> <li>O que está sendo disponibilizado é um modelo-padrão e genérico de petição inicial recursal;</li> <li>Não dispensa consulta com advogado especialista;</li> <li>Não substitui análise cabal do caso concreto;</li> <li>Devem ser feitas adaptações ao caso específico antes do uso;</li> <li>Diferentes entendimentos podem existir entre tribunais;</li> <li>O programa é fornecido no "estado em que se encontra", sem garantias de desempenho ou precisão.</li> </ul> <button onclick="this.parentElement.parentElement.classList.add('hidden')" class="bg-blue-600 hover:bg-blue-700 transition-all text-white font-semibold px-6 py-2 rounded-full"> Clique aqui para aceitar e continuar </button> </div> </div> <section> <h2>📜 Dispositivos Legais Transcritos</h2> <h3>Art. 102, III - Constituição Federal</h3> <pre> Compete ao Supremo Tribunal Federal: III - julgar, mediante recurso extraordinário, as causas decididas em única ou última instância, quando a decisão recorrida: a) contrariar dispositivo desta Constituição; b) declarar a inconstitucionalidade de tratado ou lei federal; c) julgar válida lei ou ato de governo local contestado em face da Constituição; d) julgar válida lei local contestada em face de lei federal. </pre> <h3>Art. 105, III - Constituição da República</h3> <pre> Compete ao Superior Tribunal de Justiça: III - julgar, em recurso especial, as causas decididas, em única ou última instância, pelos Tribunais Regionais Federais ou pelos Tribunais dos Estados, do Distrito Federal e Territórios, quando a decisão recorrida: a) contrariar tratado ou lei federal, ou negar-lhes vigência; b) julgar válido ato de governo local contestado em face de lei federal; c) der a lei federal interpretação divergente da que lhe haja atribuído outro tribunal. </pre> <h3>Art. 1.035 - Código de Processo Civil</h3> <pre> Para repercussão geral, o recorrente deve demonstrar que a questão constitucional discutida possui relevância do ponto de vista econômico, político, social ou jurídico que ultrapasse os interesses subjetivos da causa. </pre> </section> <section> <h2>📘 Quadro Comparativo: RE x REsp x HC</h2> <table> <tr> <th>Aspecto</th> <th>RE</th> <th>REsp</th> <th>HC</th> </tr> <tr> <td>Objeto</td> <td>Matéria constitucional</td> <td>Matéria infraconstitucional</td> <td>Liberdade de locomoção</td> </tr> <tr> <td>Tribunal competente</td> <td>STF</td> <td>STJ</td> <td>Qualquer instância</td> </tr> <tr> <td>Provas</td> <td>Vedado reexame (Súm. 279/STF)</td> <td>Vedado reexame (Súm. 7/STJ)</td> <td>Admite reexame fático</td> </tr> </table> </section> <section> <h2>📎 Súmulas Relevantes</h2> <ul> <li><strong>STF 279:</strong> Para simples reexame de prova não cabe recurso extraordinário.</li> <li><strong>STJ 7:</strong> A pretensão de simples reexame de prova não enseja recurso especial.</li> <li><strong>STJ 83:</strong> Não se conhece do recurso especial pela divergência, quando a orientação do tribunal se firmou no mesmo sentido da decisão recorrida.</li> <li><strong>STJ 115:</strong> Na instância especial é inexistente recurso interposto por advogado sem procuração nos autos.</li> <li><strong>STF 284:</strong> Deficiência de fundamentação impede conhecimento do recurso.</li> <li><strong>STF 283:</strong> Necessário impugnar todos os fundamentos autônomos.</li> <li><strong>STJ 126:</strong> Mesmo princípio da Súmula 283/STF aplicado ao REsp.</li> </ul> </section> <section> <h2>📘 Glossário</h2> <ul> <li><strong>Repercussão Geral:</strong> Critério de admissibilidade do RE, exigindo relevância jurídica, social, econômica ou política da questão.</li> <li><strong>Prequestionamento:</strong> Exigência de que a matéria tenha sido expressamente tratada na decisão recorrida.</li> <li><strong>Reexame de Prova:</strong> Revisão do conteúdo probatório, vedado no RE e REsp.</li> <li><strong>Revaloração de Prova:</strong> Análise jurídica sobre fatos incontroversos, permitida.</li> <li><strong>Fundamento autônomo:</strong> Base independente da decisão que exige impugnação específica.</li> </ul> </section> <section> <h2>📑 Formulários de Petição</h2> <div class="tab-buttons"> <button onclick="showTab('resp')">REsp</button> <button onclick="showTab('re')">RE</button> </div> <div id="resp" class="tab"> <h3>Recurso Especial</h3> <label>Fundamento Legal:</label> <select id="fund_resp"> <option value="Art. 105, III, 'a'">Art. 105, III, 'a'</option> <option value="Art. 105, III, 'b'">Art. 105, III, 'b'</option> <option value="Art. 105, III, 'c'">Art. 105, III, 'c'</option> </select> <label>Relevância:</label><textarea id="relev_resp"></textarea> <label>Premissa Fática:</label><textarea id="fato_resp"></textarea> <label>Motivação:</label><textarea id="motivacao_resp"></textarea> <label>Pedido:</label><textarea id="pedido_resp"></textarea> <button class="save-button" onclick="saveData('resp')">Salvar</button> </div> <div id="re" class="tab"> <h3>Recurso Extraordinário</h3> <label>Fundamento Legal:</label> <select id="fund_re"> <option value="Art. 102, III, 'a'">Art. 102, III, 'a'</option> <option value="Art. 102, III, 'b'">Art. 102, III, 'b'</option> <option value="Art. 102, III, 'c'">Art. 102, III, 'c'</option> <option value="Art. 102, III, 'd'">Art. 102, III, 'd'</option> </select> <label>Relevância Geral:</label><textarea id="relev_re"></textarea> <label>Premissa Fática:</label><textarea id="fato_re"></textarea> <label>Motivação:</label><textarea id="motivacao_re"></textarea> <label>Pedido:</label><textarea id="pedido_re"></textarea> <button class="save-button" onclick="saveData('re')">Salvar</button> </div> <section> <h2>📝 Exportar Petições</h2> <p>Clique para exportar os dados preenchidos abaixo como arquivos locais em formato `.txt`.</p> <button class="export-button" onclick="exportData('resp')">Exportar REsp</button> <button class="export-button" onclick="exportData('re')">Exportar RE</button> </section> </section> </main> <script> function showTab(id) { document.querySelectorAll('.tab').forEach(t => t.style.display = 'none'); document.getElementById(id).style.display = 'block'; } function saveData(type) { const data = { fund: document.getElementById('fund_' + type).value, relev: document.getElementById('relev_' + type).value, fato: document.getElementById('fato_' + type).value, motivacao: document.getElementById('motivacao_' + type).value, pedido: document.getElementById('pedido_' + type).value }; localStorage.setItem('peticao_' + type, JSON.stringify(data)); alert('Salvo no localStorage.'); } function exportData(type) { const data = JSON.parse(localStorage.getItem('peticao_' + type)); if (!data) return alert('Nada salvo.'); const blob = new Blob([ `Fundamento: ${data.fund} Relevância: ${data.relev} Premissa Fática: ${data.fato} Motivação: ${data.motivacao} Pedido: ${data.pedido}` ], { type: 'text/plain' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = `peticao_${type}.txt`; a.click(); <!-- RESULTADO --> <section class="bg-white shadow rounded-lg p-6 space-y-4"> <h2 class="font-semibold text-lg text-blue-900">📄 Modelo Gerado</h2> <pre id="modelo" class="whitespace-pre-wrap bg-gray-50 border border-gray-300 p-3 rounded text-sm h-64 overflow-auto"> Selecione o recurso desejado e preencha o formulário para gerar o modelo. </pre> <div class="flex flex-wrap gap-2 mt-4 justify-center"> <button onclick="exportar('txt')" class="flex items-center gap-2 bg-blue-600 hover:bg-blue-700 transition-all text-white font-medium px-4 py-2 rounded text-sm"> <i class="fas fa-file-alt"></i> Exportar TXT </button> <button onclick="exportar('docx')" class="flex items-center gap-2 bg-indigo-600 hover:bg-indigo-700 transition-all text-white font-medium px-4 py-2 rounded text-sm"> <i class="fas fa-file-word"></i> Exportar DOCX </button> <button onclick="window.print()" class="flex items-center gap-2 bg-gray-600 hover:bg-gray-700 transition-all text-white font-medium px-4 py-2 rounded text-sm"> <i class="fas fa-print"></i> Imprimir </button> </div> </section> } window.onload = () => { showTab('resp'); }; </script> </body> </html> - Initial Deployment
2fa66b7 verified