Renan Fernando

Como esta página foi feita

• Site estático, sem servidor: o build vira arquivos e vai para a borda da Cloudflare.
• Next.js com App Router. Quase tudo é componente de servidor; só o que reage a clique atravessa para o cliente.
• As cores vivem em variáveis CSS expostas ao Tailwind, então as utilitárias trocam de tema sozinhas, sem dark: na marcação.
• O tema tem três origens, nesta ordem: a preferência do sistema, a escolha de quem visita e o que ficou guardado da última vez.
• O raio-x abre animando grid-template-rows de 0fr para 1fr: altura real, sem chutar um max-height.
• A lanterna é uma soma de duas máscaras, e a posição do ponteiro é dividida pelo zoom da raiz antes de virar coordenada.
• Os sons são sintetizados na hora pela Web Audio API: nenhum arquivo de áudio, nenhuma requisição.
• Na impressão, o raio-x já sai aberto: no papel ninguém clica em nada.