Todos Os Meus Pecados

O que é o "todos os meus pecados" e por que qualquer pessoa com curiosidade técnica deveria experimentar

Você já deve ter visto esse arquivo HTML circulando em grupos de programação lusófonos. É um arquivo único, criado por Rafael Salomé, que ao ser aberto no navegador gera uma experiência interativa onde cada "página" descreve um pecado diferente, construído inteiramente com HTML, CSS e JavaScript puros, sem dependências externas. O arquivo é autocontido. Você baixa, clica duas vezes, e funciona. O que torna isso interessante não é apenas o conceito literário, mas a engenharia por trás. Uma única página HTML com tudo inline — estilos, scripts, dados, lógica de renderização. Sem bibliotecas, sem build step, sem npm install, sem framework. Apenas o básico que um navegador entende desde 1995, aplicado de forma inteligente.

Como usar o projeto todos os meus pecados

Baixe o arquivo diretamente do repositório oficial no GitHub. O link é https://github.com/rafaelsalome/todos-os-meus-pecados . Clone ou faça download do ZIP, extraia e abra o arquivo index.html no seu navegador. Não precisa de servidor, não precisa de configuração. O arquivo roda 100% no lado do cliente. A navegação é feita por setas ou clique nos botões da interface. O conteúdo é gerado dinamicamente via JavaScript, que lê um array de objetos contendo título, descrição e categoria de cada "pecado". A estrutura de dados é simples e pode ser facilmente expandida ou modificada.

Por que esse projeto é relevante tecnicamente

Muita gente trata isso como curiosidade viral e fecha. O que vale a pena entender é a arquitetura. O projeto demonstra como fazer interfaces complexas com zero dependências. O CSS é completo — inclui animações, transições, responsividade básica e tipografia customizada. Tudo inline dentro de uma tag