Componente de Herói Avançado

:information_source: Resumo Crie seções de herói impressionantes e personalizáveis com controles avançados de estilo, perfeitas para comunidades de desenvolvedores e fóruns de codificação.
:eyeglasses: Prévia https://vibecommit.dev/
: hammer_and_wrench: Repositório https://github.com/thebestgoodguy/vibecommit-hero
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes em Temas do Discourse

Instalar este componente de tema

Um poderoso componente de tema do Discourse que cria seções de herói impressionantes e personalizáveis com controles avançados de estilo, perfeitas para comunidades de desenvolvedores e fóruns de codificação.

vibecommit_hero_2

Componente de Tema da Comunidade Vibe Coders - Suíte Completa de Personalização

Este componente de tema avançado do Discourse transforma seu fórum comunitário em uma plataforma moderna e focada em desenvolvedores, com amplas opções de personalização e recursos de estilo profissional.

:artist_palette: Configuração da Seção de Herói

  • Configurações de Tema Personalizadas: Controle total sobre a aparência do herói com opções dedicadas de personalização de tema.
  • Gerenciamento de Texto do Herói: Texto configurável de título principal e descrição com suporte a formatação rica.
  • Integração de Call-to-Action (CTA): Botões de CTA integrados com texto, estilo e destinos de link personalizáveis.
  • Design Responsivo: Adapta automaticamente o layout do herói para visualização em desktop, tablet e mobile.

:framed_picture: Opções de Personalização Visual

  • Controles de Fundo: Suporte para imagens de fundo personalizadas ou cores sólidas com efeitos de sobreposição.
  • Gerenciamento de Paleta de Cores: Controles abrangentes de esquema de cores, incluindo cores primárias, secundárias e de destaque.

:gear: Recursos Avançados de Estilo

  • Sobreposições de Gradiente: Múltiplas opções de cores de gradiente para maior apelo visual.
  • Efeitos de Animação: Animações de entrada suaves e efeitos de hover para elementos interativos.
  • Integração de Ícones: Suporte para ícones personalizados dentro da seção do herói.

:mobile_phone: Otimização para Mobile

  • Interface Amigável ao Toque: Tamanhos de botão e espaçamento otimizados para interação móvel.
  • Carregamento Progressivo: Tempos de carregamento rápidos com compressão de imagem otimizada e carregamento lento (lazy loading).
  • Tipografia Responsiva: Escala automática de fontes para legibilidade ideal em todos os dispositivos.
  • Design Mobile-First: Construído com a experiência móvel como consideração principal.

Este componente foi projetado especificamente para comunidades de codificação, bootcamps, fóruns de desenvolvedores e plataformas de discussão técnica que desejam criar uma primeira impressão profissional e envolvente, mantendo excelente desempenho e usabilidade em todos os dispositivos.

11 curtidas

Parece que você usou o banner versátil como exemplo. E não há nada de errado com isso em geral, mas você, por exemplo, manteve todos os arquivos de localidade traduzidos. Enquanto você personalizou os arquivos em inglês mudando, por exemplo, “banner” para “hero banner”, você não fez o mesmo nos arquivos traduzidos. Não me entenda mal, não espero que você traduza seu componente, mas é importante remover traduções desatualizadas. Se não houver tradução para o alemão, verei o texto em inglês como você o escreveu. Mas se você mantiver a tradução inalterada, verei textos desatualizados em alemão. Geralmente, textos desatualizados são mais confusos do que textos em inglês.

https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/en.yml#L7-L7
https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/de.yml#L13-L13

Se eu fosse você, eu excluiria todos esses arquivos de tradução e manteria apenas en.yml.
Você também ainda usa o link para o banner versátil como about_url em about.json, e o license_url não aponta para o seu repositório.

7 curtidas

Você está certo. Quanto à estrutura base, usei um banner versátil e o atualizei com mais recursos. Fiz as alterações necessárias e adicionei informações do Fork ao arquivo README. Obrigado por seus avisos.

7 curtidas

11 posts foram divididos em um novo tópico: Erro 500 ao instalar o Advanced Hero Component