Aprende aqui como atualizar os dados dinâmicos do website.
Para atualizar os dados da equipa em Home > Sobre Nós > A nossa equipa
, seja para remover ou adicionar membros da equipa, precisarás de fazer alterações em dois sitios:
src/assets/team
pasta com fotos dos membros da equipasrc/data/team.js
ficheiro com a informação sobre os membros (nome, ocupação, etc...)
Formato da informação do membro:
{
id: <id_unico_no_ficheiro>,
roles: ['<responsabilidade_do_membro>'],
name: '<nome_do_membro>',
company: '<empresa_escola_universidade_etc>',
job: '<ocupação_do_membro>',
social: [
{ linkedin: '<linkedin_link>' },
{ other: '<other_link>' }
],
avatar: '<nome_da_foto_do_membro>'
},
Notas:
- Nos links sociais tens as seguintes opções:
linkedin
,github
,outsystems
,medium
eother
; - Nos roles podes ter
founder
,admin
oumentor
. O mais provável é usar a opçãomentor
; - Alguns campos são opcionais, por exemplo
company
. Convém ter pelo menos o nome e a foto do membro da equipa.
💡 Também podes criar uma issue no nosso repositório, se quiseres reportar uma atualização na equipa. E os maintainers ou contribuidores podem ajudar a atualizar o conteúdo.
Neste momento temos 3 tipos de atividades:
- Media - destaque nos media (exemplo: destaque num artigo de noticias, etc);
- Workshop - um workshops de longa ou curta duração que tenhamos organizado para a nossa comunidade de alunas;
- Evento - um evento onde participamos ou organizamos como comunidade, seja em pessoa ou virtualmente (exemplo: podcast, painel em que os nossos membros participaram a representar a comunidade, etc...)
Estas atividades aparecem em duas páginas do website: Atividades e Parceiros.
Para atualizar as atividades:
src/assets/
- pasta com imagens a usar nas atividadessrc/data/activities/
- pasta com a informação das atividades
Ao adicionar ou remover uma atividade terás de atualizar o ficheiro respectivo:
- src/data/activities/events.js para eventos
- src/data/activities/workshops.js para workshops
- src/data/activities/media.js para destaques nos media
O formato da informação da atividade é o seguinte:
{
id: <id_unico_da_atividade>,
date: '<AAAA-MM-DD>',
title: '<titulo_da_atividade>',
subtitle: '<subtitulo_da_atividade>',
image: `<imagem_que_representa_a_atividade>`,
alt: '<descrição_alternativa_da_imagem_para_efeitos_de_a11y>',
description: '<descrição_da_atividade>',
category: <categoria_da_atividade>,
link: {
url: '<link_url>',
type: <tipo_de_link_externo>
}
}
Notas:
- O campo
id
deverá ser auto-gerado usandoself.crypto.randomUUID()
. Isto facilita a nossa manutenção de conteúdo e segue as boas práticas de web development. - Os campos
category
elink
, geralmente não são necessários para atividades do tipo Workshop - Podes verificar os tipos de categoria e links aqui src/constants/index.js.