Rascunho para discussão (01/09/2026). Nada aqui é definitivo; as decisões estão em 03-decisoes-abertas.md.
Mapa do site (proposta)#
Home ─┬─ MODO MEMORIAL (imersivo, parallax, ~10 min — "sentir")
├─ A JORNADA (timeline horizontal + vídeo PiP — o coração do site; toggle Mapa)
├─ A ENTREVISTA (player completo + transcrições verbatim/revisada)
├─ AS PESSOAS (a família, pessoa a pessoa — P01–P11 + a árvore)
├─ O ARQUIVO (catálogo D01–D19 navegável, com os scans)
├─ O QUE NÃO SABEMOS (Marisha, o "Aser Hersz", a foto de 1938… — a busca continua)
├─ FAÇA PELA SUA FAMÍLIA (o guia: a pesquisa com IA, passo a passo — ver 05-guia-pesquisa.md)
└─ ℹ SOBRE (o método, as convenções, os créditos, as fontes)
1 · A Jornada (timeline horizontal) — o coração#
Estrutura em capítulos (âncoras de navegação, mapeadas do arco):
Kalisz 1914–39 · A guerra e a fuga 1939 · URSS 1940–43 · O exército 1943–45 · O retorno 1945 · Alemanha 1945–46 · Paris 1946–47 · Brasil 1947–50 · Epílogo
Mecânica proposta:
- Scroll horizontal (trackpad/setas/arrastar); em mobile, vira vertical — mesma estrutura.
- Escala do tempo distorcida por capítulo (1939–47 merece 70–80% do espaço; 1914–39 comprime). Alternativa: régua uniforme com "zoom" por capítulo — a decidir (03, nº 7).
- Duas trilhas paralelas: em cima, a vida dele; embaixo, o mundo (a invasão, os dez trens, a anistia, Lenino, Kielce, o Decreto 7.967). A trilha de baixo pode ser ligada/desligada.
Filtros por natureza (a taxonomia do projeto, com cores/ícones fixos):
-
ENTREVISTA— o que ele conta (sempre com o timestamp clicável) -
DOCUMENTO— o que os papéis provam (com o scan) -
HISTÓRIA— o contexto -
INFERÊNCIA— as deduções, sempre visualmente distintas - Filtros secundários: por pessoa (Hersz, Regina, Marjem, Szyja, Majer, Frania, os tios) e por lugar (Kalisz, Białystok, Sibéria, Tashkent, Majdanek, Lublin/Annopol, Paris, Santos…)
-
- Evento → painel que desliza da direita (a timeline permanece visível; bottom-sheet no mobile): título, o parágrafo do que se sabe, a(s) foto(s), a citação dele (com botão ▶ que puxa o vídeo), as fontes com grau (//), links "saiba mais" (contexto) e "ver no arquivo" (D##).
- O Mapa (escopo aprovado; provável v3): visão geográfica alternativa — a rota Kalisz → Białystok → norte da Rússia → Sibéria → Tashkent → Lenino → Lublin/Majdanek → Kalisz → Baviera → Paris → Santos → São Paulo, animada, com os mesmos eventos plotados; toggle timeline ⇄ mapa no topo da Jornada.
2 · O vídeo PiP e a sincronização (ideia-chave do Flavio)#
- Player flutuante (canto), sempre disponível na Jornada; expande para a página A Entrevista.
- Clique no evento → seek para o timestamp (o índice cruzado do catálogo já mapeia ~35 pontos; a linha do tempo tem ~60 timestamps de eventos — o dataset existe).
- Sincronização reversa ("modo escuta"): com o vídeo tocando, a timeline rola sozinha e acende o evento correspondente; a transcrição, se aberta, faz highlight do bloco atual (via os tempos do SRT/WebVTT).
- Legendas: o SRT (convertido a WebVTT) como track do player.
3 · A Entrevista (a página das transcrições)#
- Abas Verbatim ("como ele falava") e Revisada ("para ler") — com o aviso curto do método e link para o "como ler" completo.
- Cada turno com timestamp clicável (→ seek). Busca no texto. As marcações
[?]com tooltip ("por que não chutamos"). - As 5 fitas como âncoras; o índice temático (03-indice) como menu lateral.
4 · Modo Memorial (tela cheia, parallax)#
Uma narrativa curada de ~10–14 telas, scroll suave, cada tela = uma imagem grande + poucas palavras + (opcional) a voz dele em trechos curtos. Rascunho de sequência:
- A foto de 1938 (a família inteira) — "KALISZ 25-7-1938"
- Kalisz: a loja, Herz na porta (foto que ele mesmo tirou)
- A guerra: o recado ao pai na retirada; [05:42]
- A despedida: "Como eu vou fazer? Vou deixar tudo isso aqui?" [34:12]
- O trem: "todo o trem começando a gritar 'água'" [40:45]
- A costura que salva: a mentira do alfaiate [62:05]
- Majdanek: "E meus pais, minha e toda a família morreram lá." [55:43] — tela sóbria, sem parallax
- A vizinha: a carroça, o zelador [86:48]
- Nuremberg do portão; a medalha da qual "sobrou só papel" [90:13]
- A ficha DP de 1946: destino desejado — Palestina
- O Groix: a linha 29 da lista, Santos, seis dias antes dos 33 anos
- Clara: a foto do casamento, 03/06/1950
- "O quinto milagre" (o título do epílogo): a árvore florescendo — como uma vida salva na guerra gerou uma família. No público, os números; na área da família, os nomes.
- A última frase, dele : "E se Deus quiser, ainda tem muita coisa em frente." [135:58] — e o convite: explorar a jornada / assistir à entrevista
Regras do modo: telas de morte sem efeito lúdico (parallax pausa); música — provavelmente não (decisão 03, nº 11); botão "pular para a jornada" sempre visível.
5 · As Pessoas#
Cartões por pessoa (de dados-biograficos.md + P01–P11): foto/recorte quando houver, datas documentadas, "o que ele disse sobre" (citações), "o que os arquivos dizem", grau de certeza. Frania e Majer com destaque de "nomes recuperados" — a história de como cada nome voltou. A árvore: geração viva apenas na área da família (decisão nº 1).
6 · O Arquivo#
O catálogo como galeria navegável: cada D## com o scan (zoom), a ficha de proveniência, a ligação com as falas ("a voz dele"), e download quando os termos da fonte permitirem. Filtros: por tipo, por década, por arquivo de origem (Arolsen, YV, USHMM, JDC, AP Kalisz, Museu da Imigração…).
7 · O Que Não Sabemos#
A página mais honesta: Marisha (a pergunta de 80 anos), o "Aser Hersz" aguardando cópia, a posição 3 da foto de 1938, "Kronstadt", os tenaim sem tradução — cada uma com o estado da busca. Atualizada a cada rodada de pesquisa. É também onde um parente distante que chegar via Google (se público) encontraria o convite para contato.
Detalhes transversais#
- Tipografia grande, contraste alto — o site será usado por gente de 8 a 90 anos.
- Mobile-first de verdade: a família vai abrir do WhatsApp.
- Tudo estático e leve (fora o vídeo): sem login para a área pública; a área da família com proteção simples (decisão nº 1).
- Idiomas: estrutura preparada para PT + EN/HE (decisão nº 2).
- Impressão: cada painel/pessoa com CSS de impressão decente (avós imprimem).