mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-13 15:13:07 +00:00
Merge cb1d586083 into bbcd1402dc
This commit is contained in:
Francisco Solla
GitHub
commit
0addf4cf9f
6 changed files with 7377 additions and 0 deletions
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -167,5 +167,8 @@ next-env.d.ts
|
|||
# Briefing Geral de Militância (interno; repo público).
|
||||
/data/briefing-geral-militancia/
|
||||
/docs/research/briefing-geral-militancia/
|
||||
# Redesign do site público — notas internas de programa (repo público).
|
||||
/data/site-redesign/
|
||||
|
||||
# Playwright CLI output (may contain credentials)
|
||||
.playwright-cli/
|
||||
|
|
|
|||
|
|
@ -292,6 +292,10 @@ This file is the living owner of Teqo's visual decisions — a working document,
|
|||
|
||||
**Public campaign archive actions (C233, 2026-09-26).** On campaign-branded public archive/read surfaces, the primary action is campaign red with white text. Kit yellow is an orientation and keyboard-focus signal — hero edge, restrained eyebrow, current-location underline, and high-contrast focus outline — never the competing CTA fill. This keeps one action dominant, separates public campaign expression from Petition Gold, and makes keyboard location unmistakable over both light and dark media surfaces.
|
||||
|
||||
**Public campaign home as editorial evidence (S1, 2026-09-28).** The campaign home uses a mobilization→evidence rhythm: brand-red opening and final participation frame the page; cream/white reading chapters carry principles, dated work and trajectory. Principles are long-form chapters paired with documentary photography (sticky on desktop, inline on mobile/reduced motion), never an equal-card grid. Developed public-work cases use a source-visible two-era record that separates institutional sphere, date and delivery phase. Yellow remains an orientation/focus/source signal, not a competing CTA; on a red field the primary CTA may be white with dark-red ink, while light fields use the canonical red/white action. This pattern replaces the old repeated-card campaign page because it gives authentic photography room, makes attribution auditable and preserves one dominant action in every color context.
|
||||
|
||||
**Embedded support-kit builder (S5, 2026-09-28).** Personalization on the public campaign home is one continuous, progressively disclosed section inside `#cards`, not a numbered wizard or a separate funnel. Name begins the live preview; optional photo and dobradinha appear as inline invitations; a kit tray accumulates only valid pieces and never covers content or focus. Desktop pairs a sticky live preview with the scrolling controls; mobile keeps previews and the tray inline. The full `/cards` studio remains the owner of the six models and deep links. This keeps the action inside the home’s editorial rhythm, reduces modal/context switching, and makes optional inputs feel additive instead of required.
|
||||
|
||||
How rules change:
|
||||
|
||||
- **Decide, then update the owner.** When a better pattern wins — anti-slop review (`design-taste-frontend` / `gpt-taste`), a reference study (`awesome-design-md`), a redesign pass (`redesign-existing-projects`), or implementation judgment — update this file in the **same change** and say why. A pattern that only lives in code or in an agent's head is drift, not design.
|
||||
|
|
|
|||
138
docs/campanha/redesign-site-publico.md
Normal file
138
docs/campanha/redesign-site-publico.md
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
# Programa — Redesign das superfícies públicas (2026-09-28)
|
||||
|
||||
> **Natureza deste documento:** plano **de programa** (não é plano de issue).
|
||||
> Registra o diagnóstico, a matriz de cobertura de rotas, as fatias de entrega,
|
||||
> a reconciliação factual e os riscos. **A partir dele** cada fatia gera seu
|
||||
> `docs/plans/<slug>.md` + Issue quando o design da fatia estiver aprovado.
|
||||
>
|
||||
> **Status:** auditoria concluída (2026-09-28); design da fatia 1 em aprovação
|
||||
> (`docs/plans/site-publico-campanha-home-ui-design.html`).
|
||||
> **Vertentes:** campanha (`campaign-site`) e editorial (`editorial`), com a
|
||||
> separação obrigatória entre mandato e campanha.
|
||||
|
||||
## 1. Objetivo
|
||||
|
||||
Reconstruir a experiência pública de `jorgesolla1313.com.br` como uma
|
||||
experiência **editorial/documental moderna**: tipografia forte, fotografia
|
||||
autêntica, composição variada (nunca grade repetitiva de cards), ritmo de
|
||||
leitura e uma interação-assinatura (capítulos de texto com fotos que mudam,
|
||||
sticky no desktop e inline no mobile). Preservar a identidade de campanha
|
||||
(lockup, vermelho, amarelo como sinal) e os contratos públicos existentes.
|
||||
|
||||
Regras estruturantes: PT-BR em todo conteúdo visível; um CTA primário por
|
||||
página; conversão por WhatsApp; doação **só** link para `apoiar.me/jorgesolla`;
|
||||
sem fonte, não publica; consentimento fail-closed; `hidden`/`isPostVisible`
|
||||
intocados; nada de superfície pública nova que viole o período eleitoral.
|
||||
|
||||
## 2. Matriz de cobertura
|
||||
|
||||
Legenda de ação: **R** = redesenhar; **P** = preservar (só contrato/estilo
|
||||
mínimo); **E** = endpoint não visual (preserve-only); **G** = adição gateada.
|
||||
|
||||
| # | Rota / feature | Dono atual (código) | Fatia | Ação | Critério de aceite |
|
||||
| --- | ------------------------------------------- | ---------------------------------------------------------- | ----- | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
||||
| 1 | `/` | `(frontend)/(home)/page.tsx` + `layout.tsx` | S1 | R | Composição completa aprovada no artefato; seções identidade→princípios→trabalho→trajetória→conteúdo→participação; CTA primário único; vazio/erro/recusa desenhados; assinatura com reduced-motion |
|
||||
| 2 | Shell de campanha (header/footer/nav) | `CampaignPageHeader`, `CampaignLogoLink`, `CampaignFooter` | S1 | R | Um só shell para home/conteúdos/jingles/fotos; alvos ≥44px; identificação eleitoral intacta; "Fotos" condicional preservada |
|
||||
| 3 | `/conteudos` | `conteudos/(catalog)/page.tsx` | S2 | R | Lista/filtros/estados redesenhados; canonical `/conteudos`; `noindex` com 0 peças; skeletons preservados |
|
||||
| 4 | `/conteudos/[slug]` | `conteudos/[slug]/page.tsx` | S2 | R | Detalhe + player + share redesenhados; 404 uniforme; OG `video.other`/`article` |
|
||||
| 5 | `/conteudos/[slug]/midia` | `conteudos/[slug]/midia/route.ts` | S2 | E | Range/streaming, `?download=1` `jorge-solla-1313-<slug>.<ext>`, evento anônimo — intocados |
|
||||
| 6 | `/conteudos/[slug]/frame` | `conteudos/[slug]/frame/route.ts` | S2 | E | Geração/espera do still dentro do orçamento — intocada |
|
||||
| 7 | `/corte/[id]` | `corte/[id]/page.tsx` + `corte/layout.tsx` | S2 | R | `noindex` sempre; crédito de origem; 404 uniforme; share kit preservado |
|
||||
| 8 | `/jingles` | `jingles/page.tsx` | S2 | R | Player/reprodução/download `jorge-solla-1313-<slug>.mp3`; vazio honesto; áudio nunca autoplay |
|
||||
| 9 | `/midia` (referida no brief) | = itens 5/6 (endpoints de mídia) | S2 | E | Registrada como endpoint; não há página `/midia` no app |
|
||||
| 10 | `/artigos` | `artigos/page.tsx` | S3 | R | Landing editorial restilizada; imagem do destaque corrigida; sem chrome de campanha |
|
||||
| 11 | `/[type]` | `[type]/page.tsx` (`[type]/layout.tsx`) | S3 | R | Listagem por tipo restilizada; canonical; `generateStaticParams`/`dynamicParams` preservados |
|
||||
| 12 | `/[type]/[category]` | `[type]/[category]/page.tsx` | S3 | R | Listagem de categoria restilizada; separação editorial mantida |
|
||||
| 13 | `/[type]/[category]/[slug]` | `[type]/[category]/[slug]/page.tsx` | S3 | R | Artigo: JSON-LD `Article`, OG, redirect canônico, ISR `posts` — preservados |
|
||||
| 14 | ShareLink `/[type]` (direct/announcement) | `[type]/page.tsx` branch + `components/shareLink/*` | S3 | R | Redirecionamento instantâneo e página de anúncio restilizadas; poll 30s e OG preservados |
|
||||
| 15 | `/api/share-link/[slug]/live` | `api/share-link/[slug]/live/route.ts` | S3 | E | `{target}` nunca 5xx, `no-store` — intocado |
|
||||
| 16 | `/[type]/evento.ics` | `[type]/evento.ics/route.ts` | S3 | P | Saída `.ics`, nome do arquivo e `Cache-Control` intocados |
|
||||
| 17 | `/privacidade` | `privacidade/page.tsx` | S4 | R | Texto legal intacto; restilo editorial; 404 se `!published` |
|
||||
| 18 | `/mandato-no-whatsapp` | `mandato-no-whatsapp/page.tsx` | S4 | R | Fluxo/form preservados; Consent `whatsapp-inscricao` fail-closed; ≥16px inputs |
|
||||
| 19 | `/abaixo-assinado/[id]` | `abaixo-assinado/[id]/page.tsx` | S4 | R | Assinatura transacional/consent intactos; **bug 500 em id inexistente corrigido (404)**; JSON-LD/pixel preservados |
|
||||
| 20 | Newsletter da home | `CampaignNewsletterSection` + `submitCampaignNewsletter` | S1/S4 | R | Consent `campanha-novidades` fail-closed; pixel Lead preservado; estado de recusa desenhado |
|
||||
| 21 | `/cards` (estúdio) | `(home)/cards/page.tsx` + `components/cards/*` | S5 | R | 6 modelos reais; `?model=` válido; `#cards` da home; nomes de arquivo e telemetria anônima preservados |
|
||||
| 22 | Construtor fluido do kit na home (extensão) | `CardsStudio`/`CardComposer` (dono) | S5 | R | Uma superfície contínua e progressiva na seção `#cards` da home (sem wizard/passos): prévia viva, foto e dobradinha como convites inline, bandeja só com peças válidas, downloads individual/kit; foto nunca sai do browser; `?model=` e `/cards` preservados; sem persistência silenciosa |
|
||||
| 23 | `/fotos` (C233) | `fotos/page.tsx` + `components/fotos/*` | S6 | R | Redesenho preserva o contrato C233 (só `approved`; kill switch `photoAlbum.published`; canal de remoção; vazio honesto) — **aberta por decisão de 28/09/2026** |
|
||||
| 24 | `/fotos/encontre` (C234) | `fotos/encontre/page.tsx` + `api/fotos/selfie` | S7 | R | Redesenho preserva o contrato C234 (`selfieSearchEnabled` fail-closed; Consent por chave; sem score/nome; on-device) — **aberta por decisão de 28/09/2026** |
|
||||
| 25 | `/api/revalidate` | `api/revalidate/route.ts` | — | P | Allowlist de tags intocada |
|
||||
| 26 | `/api/content-events` | `api/content-events/route.ts` | S2 | P | Beacon anônimo: schema, rate-limit, catálogos — intocados |
|
||||
| 27 | `/api/social-feed/sync` | `api/social-feed/sync/route.ts` | — | P | Auth admin + same-origin — intocado |
|
||||
| 28 | Metadados raiz/robots/OG | `(frontend)/layout.tsx`, `robots.ts`, `lib/seo` | S1 | P | Fallbacks e noindex de staging preservados |
|
||||
| 29 | `hidden`/`isPostVisible` | `src/utilities/posts.ts` | S3 | P | Falha fechada; remoção sem deploy — intocados |
|
||||
|
||||
Nenhuma rota da lista do programa fica sem dono. `/midia` e `/frame` são
|
||||
endpoints de mídia da Central (itens 5/6), não páginas.
|
||||
|
||||
## 3. Fatias
|
||||
|
||||
| Fatia | Escopo | Depende | Appetite | Design |
|
||||
| ------ | ----------------------------------------------------------------------------- | ------------------------- | -------- | -------------------------------------------------------------------------- |
|
||||
| **S0** | Auditoria, matriz, plano, 1º pacote de design | — | — | campanha home+shell |
|
||||
| **S1** | Shell de campanha + home (itens 1–2, 20) | S0 | M | `site-publico-campanha-home-ui-design.html` |
|
||||
| **S2** | Central de Conteúdos, cortes, mídia embutida, jingles (3–9, 26) | S1 (shell) | M | artefato próprio por superfície |
|
||||
| **S3** | Editorial: artigos, listas, artigo, share-links, `.ics` (10–16, 29) | S0 | M | artefato próprio |
|
||||
| **S4** | Participação: WhatsApp, abaixo-assinado, privacidade, polish de forms (17–20) | S1 | S/M | artefato próprio |
|
||||
| **S5** | Construtor fluido do kit de apoio na home (21–22) | S1 | M | artefato próprio (seção `#cards`; estúdio `/cards` segue dono dos modelos) |
|
||||
| **S6** | Álbum público C233 (23) — aberto (decisão de 28/09/2026) | S3 (editorial) | S | artefato C233 aprovado (base) |
|
||||
| **S7** | Selfie C234 (24) — aberto (decisão de 28/09/2026) | S6 + ops (flag + Consent) | — | artefato C234 aprovado (base) |
|
||||
|
||||
O núcleo (S1–S5) não depende de S6/S7; bloqueio de uma adição gateada não para
|
||||
o resto. Cada fatia exige: reconciliação factual dos claims que publica,
|
||||
seleção de mídia com status de publicação, estados críticos, testes afetados,
|
||||
changelog e evidência no PR.
|
||||
|
||||
## 4. Reconciliação factual (holds)
|
||||
|
||||
Corpus de referência: `docs/research/briefing-geral-militancia/` (legível) e
|
||||
`data/briefing-geral-militancia/` (ledgers, untracked). Regra: sem fonte
|
||||
(ledger + `sourceUrl` + `sourceDate`), não publica.
|
||||
|
||||
| Claim atual na home | Corpus | Decisão (coordenação, 28/09/2026) |
|
||||
| ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
||||
| "Criou o SAMU 192" | Resgate Médico em Vitória da Conquista (1999–2002) apontado como origem da ideia; criação/implantação no Ministério da Saúde (2003–2005) | **APROVADO** — Solla liderou o piloto municipal e a nacionalização; é justo reivindicar a criação. Peças de contexto podem mostrar a trajetória (Conquista → Ministério) |
|
||||
| "Criou o Brasil Sorridente" | "Assinou as diretrizes da Política Nacional de Saúde Bucal" (2003–2005) | **APROVADO** — liderou a implementação; o texto pode dizer que criou |
|
||||
| "Mais votado do PT-BA em 2022" | Em 2022: 128.968 votos, 78,9% no interior; 14º no estado, mas o **mais votado entre os federais do PT na Bahia** | **APROVADO** — correto no recorte partidário; manter o escopo "do PT-BA" explícito na frase |
|
||||
| "DIAP entre os 40 melhores da Câmara" | Fora do corpus | **CONFIRMADO** pela coordenação — publicar |
|
||||
| "3.333 proposições" / "1.031 discursos" | Fonte do plano: API Dados Abertos/SitaqWeb (13/08/2026) | Manter como no ar; **rechecar** contra a API/SitaqWeb antes do go-live da S1 |
|
||||
| "4 de outubro", "1313", identificação eleitoral | Plano + kit | Manter; reconferir na publicação |
|
||||
|
||||
Decisão humana registrada em 28/09/2026 na revisão do pacote de aprovação
|
||||
(PR #1381). A redação final da fatia continua passando por `solla-comunicacao`;
|
||||
a distinção de esfera (município/estado/União) e de fase (autorizado/pago) do
|
||||
resto do conteúdo permanece.
|
||||
|
||||
## 5. Riscos e bloqueios registrados
|
||||
|
||||
1. **C233/C234 abertas por decisão de 28/09/2026** — são superfícies
|
||||
implementadas e passam a ser redesenho (S6/S7), não adição gateada. Em
|
||||
produção hoje o álbum mostra o vazio honesto (sem foto `approved`) e a selfie
|
||||
depende do flag operacional + Consent; o redesenho preserva os contratos
|
||||
fail-closed. O deploy de produção é aprovação humana.
|
||||
2. **`/abaixo-assinado/1` responde 500 em produção** (id inexistente deveria
|
||||
404). Bug público aberto; entra na S4 com teste de regressão (ou hotfix antes).
|
||||
3. **`/artigos` com imagem de destaque quebrada** em produção (ícone de erro).
|
||||
4. **Home atual:** grade de 6 cards idênticos ("Nossa caminhada") e fotos de
|
||||
cidade genérica no card de Mataripe — alvos do redesign e da curadoria.
|
||||
5. **Corpus de fotos públicas:** `public/*.avif` (hero/colagem) e
|
||||
`public/campaign-kit/` são os ativos publicados; `archivePhoto` não tem foto
|
||||
aprovada em produção (álbum vazio). Fotos de terceiros (Agência Brasil,
|
||||
Bnews, A TARDE) seguem exigindo autorização — não publicar sem ela.
|
||||
|
||||
## 6. Contratos públicos preservados (qualquer fatia)
|
||||
|
||||
URLs/deep links, proxy de mídia same-origin e nomes de download, tag de cache
|
||||
`posts`/`archivePhotos`/etc. e allowlist do revalidate, chaves de consent,
|
||||
`robots`/noindex, JSON-LD, `.ics` e nome de arquivo, comportamento de formulário,
|
||||
telemetria anônima de download, `hidden`/`isPostVisible`, separação
|
||||
mandato/editorial/campanha. Mudança nesses contratos só na fatia que
|
||||
explicitamente a possui e com aprovação registrada.
|
||||
|
||||
## 7. Publicação
|
||||
|
||||
Commits podem conter: copy pública aprovada, proveniência mínima (fonte pública
|
||||
|
||||
- data), planos/decisões de design, mídia aprovada para publicação. Fora do
|
||||
repo (untracked): ledgers, dumps de pesquisa, Q&A interno, inventários de
|
||||
ativos privados, PII e segredos. O design aprovado viaja com o plano; o
|
||||
artefato é a fonte de verdade do port.
|
||||
1
docs/changelog/2026-09-28-redesign-site-publico-s1.md
Normal file
1
docs/changelog/2026-09-28-redesign-site-publico-s1.md
Normal file
File diff suppressed because one or more lines are too long
1133
docs/plans/kit-apoiador-home-ui-design.html
Normal file
1133
docs/plans/kit-apoiador-home-ui-design.html
Normal file
File diff suppressed because it is too large
Load diff
6098
docs/plans/site-publico-campanha-home-ui-design.html
Normal file
6098
docs/plans/site-publico-campanha-home-ui-design.html
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue