docs: atualiza README, badges e organiza assets visuais

[vitoriazoche]

💜 O que foi feito

Atualização geral do README e reorganização dos assets visuais do repositório, com foco em manter a documentação alinhada aos canais atuais da comunidade e facilitar a navegação de quem chega no projeto.

🔧 Mudanças

Organização de pastas

• Renomeada pasta exemplos → Templates
• Movidos arquivos .svg da pasta .github para .github/img

Conteúdo e navegação

• Reescrita da descrição do repositório
• Adicionado parágrafo curto explicando como contribuir com novos tutoriais
• Adicionado índice para facilitar a navegação pelo README

---

Badges e links

• Removido badge do Facebook (canal não é mais utilizado pela He4rt)
• Adicionado link do WhatsApp

Identidade visual

• Corrigido o contraste do logo do 4noobs
• Adicionada versão da imagem de footer compatível com dark e light mode

• Adicionados novos modelos de capa para contribuidores de tutoriais

• Adicionada versão do logo do Deno compatível com dark e light mode

📌 Observação

Não há issue aberta vinculada; essa atualização surgiu da necessidade de manter a documentação e os assets do repositório atualizados.

[boombertz]

Boa iniciativa @vitoriazoche
O logo precisava mesmo dessa adaptação para dark e você mandou bem na decisão de tom mais neutro.

Sobre a mudança na assinatura do logotipo:

A decisão de alinhar o texto no centro geométrico, e não o visual, quebrou a hierarquia e equilíbrio proposto originalmente.

Eu entendi que você usou de um equilíbrio no centro geométrico, e não na compensação visual, mas o peso do símbolo com o número 4 quebram isso, "puxando" o peso visual para a esquerda. Eu usei o módulo do coração do logo da heart para ajustar esse equilíbrio e por isso o texto iniciava mais a direita. O uso do coração roxo ao final da frase também servia para esse balanço, compensando contraste e atenção visual para a direita.

Com a sua sugestão de colorir o coração logo abaixo do 4noobs, é desnecessário mesmo manter o coração após a frase, mas há a necessidade dessa compensação visual.

[vitoriazoche]

Oi @boombertz obrigada por me explicar sobre a composição da logo, eu não conhecia e fiquei muito feliz de finalmente entender como foi feito.

Fico em dúvida só de como poderíamos fazer, como o pr vai seguir aberto até semana q vem, eu ainda posso ajustar. Logo o que acha de eu testar mais uma opção e te mandar no discord durante a semana pra assim manter a consistência visual?

[boombertz]

Pode ser @vitoriazoche
Vale usar o canal de artes para isso, assim o pessoal pode também contribuir por lá

[vitoriazoche]

Pode ser @vitoriazoche Vale usar o canal de artes para isso, assim o pessoal pode também contribuir por lá

oioi! Inclui no canal das artes, e vou incluir aqui também as opções:

[vitoriazoche]

Conversei com @boombertz e chegamos a um combinado sobre a logo do 4noobs. Neste PR, vou manter a logo antiga apenas com a correção do contraste para temas dark e light mode. E para a sugestão da nova logo; será aberta uma issue aqui e um tópico nas sugestões no discord sobre repensar a logo do 4noobs.

Nessa última atualização também incluí a sugestão do @danielmendss sobre o passo 4 para acessar as capas e removi assets da logo proposta anteriormente, atualizei os readmes. Acredito que essa PR está concluída. Aguardo o approve de vocês @joaovjo :)

[Haavertz]

Showw, LGTM!

[saraaniceto]

Achei a proposta final bem pertinente e concordo que faz sentido a abertura de uma issue separada pra discutir a logo, pela complexidade que uma alteração dessa exige.

[joaovjo]

Revisado.

LGTM👍

[FeSantsss]

A parte de legibilidade da fonte é algo realmente importante a se implementar.
LGTM!