admtracksteel/camila
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Atualiza tipos de layout de cartazes e instrução rigorosa para tamanho de folha única na IA

Browse Source
This commit is contained in:
admtracksteel
2026-06-07 15:32:03 +00:00
parent 3ae28ca2d8
commit 49f624062b
2 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+4 -4
View File
@@ -1726,10 +1726,10 @@
<div class="settings-group">
<label style="color: var(--text-secondary); font-size: 0.8rem; font-weight: 600; text-transform: uppercase;">Layout Visual</label>
<select id="cartazLayoutSelect" class="obs-select" style="width: 100%; margin-top: 4px;">
<option value="regras">📜 Combinados / Regras (Cards Individuais)</option>
<option value="mural">📌 Mural de Avisos (Quadro Informativo)</option>
<option value="calendario">📅 Calendário e Clima (Rotina Semanal)</option>
<option value="livre">🎨 Livre / Cartaz Temático Customizado</option>
<option value="educativo">📚 Educativos e Pedagógicos (Alfabeto, regras, mapas)</option>
<option value="informativo">📌 Informativos e Institucionais (Avisos, recados, datas)</option>
<option value="conscientizacao">🌱 Conscientização e Campanhas (Saúde, bem-estar, bullying)</option>
<option value="cultural">🎨 Culturais e Esportivos (Feiras, campeonatos, teatros)</option>
</select>
</div>
server.js
+7 -5
View File
@@ -1395,19 +1395,21 @@ A professora Camila quer criar um Cartaz para sala de aula da Educação Infanti
Detalhes do Cartaz:
- Título: "${titulo}"
- Tema / Foco Pedagógico: "${tema}"
- Layout Selecionado: "${layout}" (Opções: regras, mural, calendario, livre)
- Tipo de Cartaz: "${layout}" (educativo, informativo, conscientizacao, cultural)
- Tamanho: "${tamanho || 'A4'}"
- Orientação: "${orientacao === 'paisagem' ? 'Paisagem/Horizontal' : 'Retrato/Vertical'}"
Por favor, gere o CONTEÚDO textual e estrutural do cartaz em HTML.
REGRAS FUNDAMENTAIS E ESTÉTICAS:
- O cartaz deve caber ESTRITAMENTE em UMA ÚNICA PÁGINA (Tamanho ${tamanho || 'A4'}, orientação ${orientacao === 'paisagem' ? 'Horizontal' : 'Vertical'}). Não crie textos longos ou listas que fariam a folha "vazar" na impressão.
- Distribua a informação em CARDS (pequenos cartões ou blocos curtos) bem espaçados, parecidos com pôsteres infantis modernos, onde o texto NÃO ocupa uma folha corrida.
- Os textos devem ser extremamente curtos, visuais e fáceis de ler.
- Os textos devem ser extremamente curtos, diretos, visuais e fáceis de ler.
- Use emojis apropriados para crianças.
- Se for layout "regras", crie os combinados (max 5) de forma positiva, colocando cada regra em um card <div> separado.
- Se for "calendario", estruture áreas para o dia da semana, ajudante e clima.
- Se for "educativo", estruture o conteúdo pedagógico de forma visual (ex: caixas para alfabeto, tabuada, regras gramaticais).
- Se for "informativo", destaque avisos gerais e orientações (ex: horários, cardápio, provas) em caixas curtas e legíveis.
- Se for "conscientizacao", use frases curtas de impacto sobre campanhas (ex: prevenção, saúde, coleta seletiva), acompanhadas de dicas em pequenos blocos.
- Se for "cultural", promova a atividade de lazer, esporte ou feira destacando o evento de forma animada e pontual.
- Considere a orientação ${orientacao === 'paisagem' ? 'Paisagem (horizontal)' : 'Retrato (vertical)'} ao organizar o fluxo: para paisagem, use \`display: flex; flex-wrap: wrap; gap: 20px;\` para os cards ficarem lado a lado; para retrato, de cima para baixo.
- Não use textos que extrapolem o tamanho de 1 página de ${tamanho || 'A4'}.
- Retorne apenas o formato HTML (use <div>, <p>, <ul>, <li>, <strong>, <span>). Não adicione <html> ou <body>, retorne apenas o conteúdo interno. Não inclua o título <h1> pois ele já é colocado no topo pela interface.`;
let conteudoHtml = '';