Skip to content

docs: customizar tema visual com nova paleta, adicionar busca local e modernizar documentacao - #29

Merged
joaooncode merged 2 commits into
mainfrom
docs/website-theme-and-search
Sep 2, 2026
Merged

docs: customizar tema visual com nova paleta, adicionar busca local e modernizar documentacao#29
joaooncode merged 2 commits into
mainfrom
docs/website-theme-and-search

Conversation

@joaooncode

Copy link
Copy Markdown
Owner

Descricao

Este Pull Request moderniza a documentacao oficial do envguard em /website, aplicando a nova identidade visual baseada na paleta de cores fornecida (#FFF7D1, #8B5DFF, #6A42C2, #563A9C), integrando o plugin de busca local offline (@easyops-cn/docusaurus-search-local), reestruturando a barra lateral em categorias semanticas e adicionando o guia de inicio rapido.

Tipo de Alteracao

  • Documentacao (Documentation)
  • Melhoria de UI/UX (Enhancement / Theme)

Alteracoes Realizadas

  • website/src/css/custom.css: Mapeamento de variaveis de cores da paleta (#FFF7D1, #8B5DFF, #6A42C2, #563A9C) para Light e Dark Mode, efeitos de glassmorphism, sombras e bordas iluminadas.
  • website/docusaurus.config.ts: Integracao do plugin @easyops-cn/docusaurus-search-local com suporte a atalhos de teclado (Ctrl+K), indexacao offline de docs, blog e paginas, alem de atualizacao do navbar e links do footer.
  • website/sidebars.ts: Reorganizacao da barra lateral em secoes intuitivas (Primeiros Passos, Conceitos e Seguranca, Comandos CLI, Configuracao, Integracoes CI/CD e Comunidade).
  • website/docs/quickstart.md: Criacao do novo documento de Inicio Rapido (Quickstart) para instrucoes de instalacao e varredura em 3 minutos.
  • website/src/pages/index.tsx e index.module.css: Redesenho do Hero banner com tipografia moderna, badge animado, botoes CTA com glassmorphism e terminal interativo com preview de cores do envguard scan.
  • website/src/components/HomepageFeatures/: Grid moderno de 6 cards de recursos com icones, badges e efeitos de hover glow.
  • website/static/img/logo.svg: Atualizacao do logotipo oficial para um escudo protetor moderno com gradiente roxo e detalhe dourado/creme.

Como Testar

  1. Navegue ate a pasta do website e instale as dependencias:
    cd website && npm install
  2. Execute a verificacao de tipos e o build de producao:
    npm run typecheck
    npm run build
  3. Inicie o servidor de desenvolvimento para inspecionar a interface:
    npm run start
  4. Verifique a alternancia entre temas claro e escuro, o funcionamento da barra de busca (Ctrl+K) e a navegacao da barra lateral.

Checklist do Contribuinte

  • O build de producao do Docusaurus compila com sucesso sem links quebrados.
  • A verificacao de tipos TypeScript (tsc) passou com zero erros.
  • O codigo foi formatado via Prettier e segue as diretrizes do projeto.
  • Nao foram incluidos segredos, arquivos .env ou artefatos temporarios.

Breaking Changes / Observacoes

  • Nenhuma alteracao quebra compatibilidade com as rotas existentes.

@joaooncode joaooncode added the documentation Improvements or additions to documentation label Sep 2, 2026
@joaooncode joaooncode self-assigned this Sep 2, 2026
@joaooncode
joaooncode merged commit 2af60b7 into main Sep 2, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant