Membros da equipe

Como adicionar e manter perfis da equipe do CPPS.

Este guia mostra como cadastrar e manter perfis da equipe em todos os idiomas do site.

Os perfis ficam em src/content/membros/.

Nome do arquivo

Use o padrão: nome-do-membro.{lang}.mdx

Cada idioma tem seu próprio arquivo, com o mesmo slug base:

marcelo-mariano.pt.mdx
marcelo-mariano.en.mdx
marcelo-mariano.es.mdx
⚠️ Aviso

O slug base (parte antes do idioma) deve ser igual nos três arquivos. É assim que o site sabe que são versões do mesmo perfil.

Tabela de campos

CampoObrigatórioTipoExemplo
titleSimstring"Marcelo Passini Mariano"
langSimstring"pt" (pt, en, es)
cargoSimstring"Pesquisadora"
fotoNaostring"/imagens/equipe/foto.jpg"
contribuicaoNaostring"Pesquisa em humanidades digitais"
redesNaoarrayVer estrutura abaixo

Campo redes (redes sociais)

O campo redes é uma lista onde cada item tem três propriedades:

PropriedadeO que eExemplo
tipoNome da rede"lattes", "email", "orcid"
urlLink do perfil"http://lattes.cnpq.br/123456"
iconeCaminho do icone SVG"/icons/lattes_icon.svg"

Exemplo no frontmatter:

redes:
  - tipo: 'lattes'
    url: 'http://lattes.cnpq.br/1234567890'
    icone: '/icons/lattes_icon.svg'
  - tipo: 'email'
    url: 'mailto:nome@unesp.br'
    icone: '/icons/email_icon.svg'
ℹ️ Informação

Os icones ficam em public/icons/. Se precisar adicionar um icone novo, faca upload de um arquivo .svg nessa pasta.

Exemplo completo preenchido

---
title: 'Ana Beatriz Silva'
lang: 'pt'
foto: '/imagens/equipe/ana-silva.jpg'
cargo: 'Pesquisadora'
contribuicao: 'Pesquisa em políticas públicas e análise de dados'
redes:
  - tipo: 'lattes'
    url: 'http://lattes.cnpq.br/1234567890'
    icone: '/icons/lattes_icon.svg'
  - tipo: 'email'
    url: 'mailto:ana.silva@unesp.br'
    icone: '/icons/email_icon.svg'
---

## Biografia

Ana Beatriz Silva e doutora em Ciencia Politica pela UNESP. Atua no CPPS
desde 2022, coordenando projetos de analise de dados abertos governamentais.

Suas areas de interesse incluem:

- Politicas publicas baseadas em evidencias
- Transparencia e dados abertos
- Metodos quantitativos aplicados as ciencias sociais

## Publicacoes recentes

- **Analise de indicadores sociais** (2025) — Estudo sobre indicadores
  municipais no estado de Sao Paulo.
- **Guia pratico de R para ciencias sociais** (2024) — Material didatico
  para iniciantes.

Como adicionar a foto

As fotos ficam em public/imagens/equipe/. Use nomes em minusculas e com hifens.

Para adicionar pelo GitHub:

  1. Acesse public/imagens/equipe/ no repositorio.
  2. Clique em “Add file” → “Upload files”.
  3. Arraste ou selecione a foto.
  4. Faca o commit no seu branch.

No frontmatter, referencie assim:

foto: '/imagens/equipe/ana-silva.jpg'
💡 Dica

Use fotos quadradas ou na proporcao 3:4 (ex: 300x400 px). Prefira .jpg ou .webp. O campo foto e opcional — se omitido, o perfil e exibido sem imagem.

Atualizando a listagem da equipe

Alem de criar os arquivos de perfil, e necessario adicionar o membro na listagem do site.

A listagem principal fica em src/i18n/locales/pt.json (e nos equivalentes en.json e es.json). Procure a secao da equipe e adicione o novo membro.

Adicionando um novo membro (passo a passo)

Prepare a foto

Redimensione para aproximadamente 300x400 px e salve como .jpg. Faca upload para public/imagens/equipe/.

Crie o arquivo em portugues

Crie src/content/membros/nome-do-membro.pt.mdx com o frontmatter completo e a biografia.

Crie as versoes em outros idiomas

Copie o arquivo e ajuste lang, cargo e o texto da biografia para cada idioma (en, es).

Atualize a listagem

Adicione o membro em src/i18n/locales/pt.json, en.json e es.json.

Teste

Rode npm run build para verificar que nao ha erros.