Tudo o que o portal é, e como continuar sem recomeçar

Leia primeiro

O estado de hoje — 07/10/2026

Esta passagem foi publicada em 07/10/2026 às 10:11, no commit 01db8f7, e os números abaixo foram medidos depois do push. Os dois comandos estão vazios: git log origin/main..HEAD não tem commit por empurrar e git status não tem arquivo pendente. O que o domínio entrega é byte a byte o que está na pasta — conferido nos dois arquivos, o index.html e esta página. Ainda assim, número impresso envelhece: a prova é sempre o rito da seção 09, nunca esta tabela.

⚠ Esta página e o link do rodapé do portal foram no MESMO commit, e é assim que se faz: o rodapé do index.html aponta para /passagem.html, e empurrar um sem o outro poria um link morto no ar — servindo a nossa própria página de erro, que é exatamente a armadilha descrita na seção 07. Conferido em 07/10 depois do push: /passagem.html responde 200, o rodapé do portal traz o link, e os dois arquivos no ar têm o mesmo sha256 dos da pasta.

Os sete sistemas, na ordem em que estão na tela

O card 02 é o único sem classe de cor própria: ele leva o azul da marca, de propósito. Quem copiar esse card para criar um sistema novo herda o azul e precisa somar a classe — é o erro mais fácil da receita. Três dos sete endereços ainda são .vercel.app; o do QualityTracker é assim por decisão dele. ⚠ A coluna acima é o host que o card mostra, não o destino do link: o href do JIMP Gerencial e o do CMMS terminam em /login, e os outros cinco vão na raiz. Para reconstruir um card, copie o href do index.html — não esta tabela.

As decisões do Edson, desde o início

Nunca houve especificação. Houve ordem de uma linha, print de tela e três palavras de veredito — 57 falas de 19/07 a 06/10/2026, 79 dias entre a primeira e a última. Esta é a espinha do documento: cada linha traz a frase dele, a data e o que aquilo virou no arquivo. As marcadas mudou de ideia são decisões que ele desfez — e a última é a que vale.

19/07 — o portal nasce

01/08 — o favicon, o terceiro sistema e a assinatura

03/08 — o Face ID que durou 1h24

12 e 13/08 — o redesenho, e o portal que está no ar

01/09 a 02/10 — os três sistemas novos e a ordem da grade

06/10 — o pedido que gerou esta página

A história, por commit

Doze commits, e eles são muito desiguais. O primeiro dia concentra seis e praticamente todo o portal; depois vêm dois meses de silêncio, quebrados só pela chegada de sistemas novos. Horas do git, fuso −03:00.

1. 13/08 06:25b0254eaNasce o Portal Nexus 7 arquivos, 1.055 linhas, 4 sistemas. O portal inteiro — HTML, CSS e JS — num index.html de 872 linhas, sem nenhuma dependência externa. Junto nascem a 404.html, o favicon.svg, o icon.png e o manifest.json. O design CONSOLE já vem inteiro: não apareceu depois.
2. 13/08 06:250e5b221Fim de linha em LF Só o .gitattributes. Sem ele o git entrega CRLF no Windows, e a conferência por sha256 não fecha nunca — morre a prova de entrega, não o site.
3. 13/08 06:399044b8cPrimeiro deploy automático pela Vercel via Git Commit sem nenhuma alteração de arquivo, só para disparar o deploy. Antes disso o site era publicado por chamada de API, mandando os arquivos à mão.
4. 13/08 06:498c54a22Corrige o alinhamento da malha e prepara o Analytics O canvas passou a medir a si mesmo em vez da janela, e entrou o script de insights — servido por caminho do próprio domínio, mantendo o zero-dependência.
5. 13/08 06:5057de046Redeploy para ativar as rotas do Analytics Segundo commit vazio, um minuto depois. Ligar o Analytics no painel não injeta as rotas em deploy que já existe.
6. 13/08 07:41eaaeef4Celular: a malha vira textura e o marcador de carga some Intensidade a 50%, quadrado laranja suprimido, mira escondida. Arrastar o dedo continua aplicando carga.
7. 01/09 09:54c8e796bPedidos JIMP, quinto sistema Cor teal, ícone de ficha, índice 05/05 — e todo o ritual: contador, descrição, índices antigos reescritos, cascata e vetor de cores. Nasce aqui a regra do órfão: com número ímpar de cards o último ocupa a linha inteira.
8. 30/09 17:40b16f062Plaquetas JIMP, sexto sistema Cor rosa, ícone de etiqueta. Com 6 a grade fecha 3×2 e a regra do órfão fica dormindo — por dois dias.
9. 02/10 09:188d91452JIMP Gerencial, sétimo sistema Cor amarela, ícone de gráfico, entrando como último card. Sétimo = ímpar: a regra do órfão acorda sozinha.
10. 02/10 09:215f41735O Gerencial passa a ser o primeiro card Três minutos depois, por ordem dele. Mexeu em cinco lugares: o bloco de HTML, os sete índices, a cascata inteira, o texto do hero e o vetor CORES.
11. 02/10 14:39d6c4b52"KPI Eng" passa a ser "KPI" Duas linhas. Primeiro commit assinado com o nome Edson Farias em vez da conta da engenharia — o e-mail do autor é o mesmo nos doze, só o nome configurado mudou. Ler o histórico como se fossem duas pessoas é erro.
12. 02/10 15:09442f0ae"KPI & OKR" Trinta minutos depois. É o HEAD de hoje e é o que a Vercel publicou.

Como o portal é feito

A tese do fundo

O fundo é uma malha de elementos finitos em repouso e o cursor é uma carga pontual aplicada sobre ela. Os nós defletem com queda suave, as arestas esticam, o nó de aplicação recebe o quadrado laranja, e os cards são apoios da malha: a linha ancora na borda do card e é cortada ali. O referencial é o pós-processador de elementos finitos — o mesmo que a engenharia olha todo dia. Foi o único conceito que deriva do negócio: trocando o logo, os outros viravam qualquer empresa.

São cinco camadas de fundo — o bloco de halos (três gradientes num só background), o grão fractal contra banding, a malha indeformada em CSS, o retículo que faz snap no nó e a moldura com escalas — mais o canvas, que desenha a malha deformada. O passo da malha, 54 px, mora em dois lugares: a variável --S do CSS e a constante var S=54 do JS. Ache as duas por busca (grep -n "var S=54" index.html) e nunca por número de linha — qualquer edição acima empurra o número. E tem de ser o mesmo nos dois: mexer num só descola o canvas da grade e da escala da moldura.

O quadro é desenhado em cinco etapas e só sobre o bloco vizinho à carga — custo constante com a resolução da tela. As arestas vão para quatro baldes de opacidade e os nós para três: 111 chamadas de contorno viram 4. Nenhum objeto é alocado por quadro.

As quatro travas que não podem regredir

Há três freios menores, todos deliberados: o LED pulsa por opacidade (sombra animada repinta para sempre); o redimensionamento é adiado, com uma guarda para a barra de URL do iOS; e a rolagem, com o efeito parado, não paga nenhum reflow — ela marca que precisa remedir, e as âncoras são medidas quando a carga voltar. O passeio autônomo foi cortado de 26 s para 9 s por causa de bateria.

O canvas mede a si mesmo, nunca a janela

Dentro de um elemento fixo a largura exclui a barra de rolagem; a largura da janela a inclui. Com a medida da janela, a malha do canvas descolava da malha CSS em todo desktop com rolagem — os nós deixavam de cair no múltiplo de 54 e o efeito "saía do lugar". Dois sistemas de medida para a mesma tela dão duas larguras, e a malha desalinha calada. Foi o commit 8c54a22.

O celular tem três diferenças, e o motivo é um só

No toque o conteúdo ocupa a tela inteira e a malha cai por cima do texto. Então: a intensidade vai a 50% nas arestas, nos nós e nas linhas de apoio — a malha vira textura, não gráfico; o marcador laranja de carga não é desenhado, porque sem cursor ele seria um artefato solto no meio do parágrafo; e a mira é escondida, porque indicador de cursor em tela sem cursor é ruído. Arrastar o dedo continua aplicando carga normalmente. Pela mesma regra, no celular os colchetes dos cards e o "Abrir" ficam permanentemente semivisíveis: sem hover, nada pode ficar escondido.

O que não pode regredir em acesso

Todo o aparato visual é marcado como decorativo para o leitor de tela: a malha, o canvas, o trilho, os ícones e a cota. Sem JavaScript a página fica inteira e os sete links funcionam — o estado base é o visível e a animação é aditiva. Mouse e teclado recebem exatamente o mesmo tratamento: quem acrescentar um estado de hover tem de acrescentar o estado de foco irmão na mesma linha, senão o portal passa a ter caminho só de mouse. Há reforço de contraste para monitor de fábrica e uma faixa própria para o notebook 1366×768, que compacta em vez de gerar rolagem. O portal é um ponto de entrada: se um link depender de animação, de JS ou de hover, alguém fica sem acesso ao sistema.

A 404 é o molde para página nova

A 404.html fala a mesma língua e é deliberadamente sem animação — página de erro não precisa de efeito, precisa de saída rápida. Copiar dela o bloco de variáveis, o fundo em repouso e os estados do botão dá uma página no idioma certo sem tocar no canvas nem no JS. Esta passagem foi feita assim. ⚠ Atenção: os traçados do logo estão duplicados entre o index.html, a 404.html e o favicon.svg — mudar o logo exige mudar os três. Esta página escapa disso: ela aponta para o favicon.svg em vez de repetir o traçado.

A receita de somar um sistema

Sempre os mesmos oito lugares, e os três commits que fizeram isso provam o padrão. Nenhum erro desta lista quebra a página: todos passam calados. É por isso que a lista existe.

1. A cor, no CSS Uma linha com a cor de acento e a mesma cor em componentes, junto das outras, mais a classe do ícone. A cor sai do próprio sistema — regra dele de 19/07.
2. O card, no HTML Copiado de um existente: host no topo, ícone embutido de 24×24, nome, descrição e o pé com a régua e o "Abrir". ⚠ Não copie o card 02: ele não tem classe de cor porque leva o azul da marca.
3. Todos os índices antigos O novo e os velhos: / 06 vira / 07 em todos os cards, e o contador do cabeçalho acompanha. Esquecer isto deixa "05 / 06" na tela com sete cards.
4. A cascata de entrada Um atraso 60 ms acima do anterior, e a linha de cota no fim. Esquecer isto faz dois cards entrarem juntos.
5. Os textos que contam O parágrafo do topo e a descrição da página dizem os sistemas por extenso e a quantidade em palavra ("Sete aplicações"). Esquecer isto deixa o portal prometendo seis com sete na tela.
6. O vetor CORES do JavaScript Na posição certa. Ver o aviso abaixo.
7. O README — e a memória. Sistema novo só está pronto quando está nos três: portal, README e memória. Regra dele, 01/09.
8. Esta passagem — passagem.html e PASSAGEM.md: a tabela dos sistemas, a quantidade por extenso e a contagem de arquivos. Os dois enumeram os sete; somar o oitavo sem mexer neles deixa o documento que a próxima conta herda como fonte da verdade contando errado. É o defeito do ponto 3 um arquivo adiante — e a regra dele de 01/09 (portal + README + memória) passou a ter um quarto lugar.

As armadilhas

Cada uma destas custou tempo de verdade. Estão aqui para não serem pagas duas vezes.

O que está aberto

Nada aqui está em andamento. São itens que esperam a palavra dele ou são tarefa pequena e identificada. Não começar nenhum sem pedido.

• Endereço próprio para três sistemas. QualityTracker, Plaquetas e JIMP Gerencial estão em .vercel.app. O README trata só o do QualityTracker como pendência — mas em 13/08 ele decidiu não migrar a qualidade de provedor, então aquilo é decisão dele, não tarefa. Dos outros dois nunca se falou. Esperando a palavra dele.
• O calculista segue fora. Decisão de 12/08 que ele não revogou — ao contrário do Plaquetas. Não propor.
• Os primeiros números do Analytics nunca foram olhados. A coleta está de pé. Quantas pessoas abrem o portal e por qual card entram é a primeira medição de verdade de quanto ele serve — e diria qual sistema merece estar no topo da grade. Só se lê no painel da Vercel.
• O portal não tem versão visível nem registro de mudanças na página. A única forma de saber o que está no ar é o hash do commit. Outros aplicativos da casa têm número de versão na tela; aqui nunca foi decidido nem descartado. Pergunta para ele, não iniciativa.
• Nada aponta sozinho para esta passagem. A única instrução que uma conta nova carrega por conta própria é o CLAUDE.md da raiz de app — e ele é dos outros aplicativos: não diz que o portal existe. Quem obedece à instrução automática vai para a aba errada. O conserto é pequeno — uma linha no topo daquele arquivo ("se a sua sessão é do portal, leia app/portal-nexus/PASSAGEM.md") e um CLAUDE.md de três linhas dentro da pasta do portal —, mas esses arquivos são a instrução permanente dele: quem mexe neles é ele. Até lá, a ponte é ele passar o caminho na primeira mensagem. Esperando a palavra dele.
• Quatro arquivos da pasta de memória esperam ele dizer se apaga, desde 30/09. Enquanto não disser, ficam onde estão.
• Inconsistência pequena, achada e não resolvida: o parágrafo do topo lista os sete sistemas na ordem dos cards, e a descrição da página ainda lista a produção por último — sobrou da ordem anterior ao commit 5f41735. Não muda nada na tela; é o passo 5 da receita cumprido pela metade.

Para a outra conta — o primeiro minuto