# 00 — Visão geral

## Objetivo
Microsite **single-page** institucional para apresentação do projeto científico
**RESILIENCE** (*Residential Energy-Efficiency Strategies Incorporating Lifecycle
Sustainability and Circular Economy*).

## Âmbito
- Uma só página com navegação por âncoras e scroll suave.
- Idioma **obrigatoriamente inglês** (conteúdo). UI e copy em inglês.
- Visual institucional + moderno, alinhado com o design system do INESCC
  (https://www.inescc.pt/) — paleta navy/azul, alto contraste, cantos suaves.
- Responsivo (mobile-first).
- **Empacotado em Docker** para funcionamento independente e isolado (sem
  dependências no host). Ver [06-deployment.md](./06-deployment.md).

## Fontes de verdade (`input_files/`)
- `Notas Site.docx` — conteúdo textual canónico (título, equipa, datas, custos,
  código, beneficiários, sinopse, work plan, indicadores). Ver [03-content.md](./03-content.md).
- `cronograma.png` — base visual do componente de cronograma (Gantt) do Work Plan.

## Secções obrigatórias (hierarquia)
1. **Header** — nome do projeto + navegação (Home, Work plan, Indicadores).
2. **Hero** — nome, descrição, equipa, datas, project code, suporte financeiro.
3. **Objetivos e contributo** — Goal + pontos-chave de contributo (cartões/ícones).
4. **Work plan** — cartões por tarefa; hover (desktop) / clique (mobile) revela cronograma.
5. **Indicadores** — journals, conferências, dissertações; cartões clicáveis com detalhe.
6. **Footer** — logos/cartões dos parceiros (beneficiários) + suporte financeiro.

## Critérios de aceitação (resumo)
- `npm install` + `npm run dev` arrancam sem erros.
- Sem erros de TypeScript (`tsc --noEmit` / `npm run build` limpo).
- Âncoras principais (#home, #work-plan, #indicators) acessíveis e funcionais.

Detalhe em [05-acceptance.md](./05-acceptance.md).
