Skip to content

MUDANCAS-FINAIS.md

Latest commit

 

History

History
266 lines (206 loc) · 6.76 KB

MUDANCAS-FINAIS.md

File metadata and controls

266 lines (206 loc) · 6.76 KB
Raw

Mudanças Finais - Landing Page Vilanova

✅ Melhorias Aplicadas

1. Título "Vilanova" com Destaque

  • ✅ Tamanho aumentado: text-6xl (mobile) / text-7xl (desktop)
  • ✅ Text-stroke aplicado: sombra dupla em Bronze
  • ✅ WebkitTextStroke para contorno sutil
  • Visual: Destaque elegante sem ser exagerado

2. Botão GitHub no Hero

Mobile:

  • ✅ Aparece acima da descrição do projeto
  • ✅ Full-width para fácil toque
  • ✅ Ordem: Título → GitHub → Descrição → Ver Acervo

Desktop:

  • ✅ Lado a lado com "Ver Acervo"

Design do Botão:

  • ✅ Fundo branco com borda preta
  • ✅ Texto preto bold (contraste perfeito)
  • ✅ Hover: inverte (fundo preto, texto branco)
  • ✅ Shadow sutil para destacar
  • ✅ Ícone GitHub bem visível

3. Verso Corrigido e Contextualizado

Antes:

"Quem não calça as sandálias da humildade
torce o pé se correr desalta"
— Os Nonatos, em Oitava

Depois:

"Quem não calça as sandálias da humildade
torce o pé se correr desalta"
— Os Nonatos, em Oitava (São Lourenço da Mata, PE)
Verso sobre humildade na competição poética
  • ✅ Local adicionado
  • ✅ Contexto explicativo

4. Mais Exemplos de Versos Adicionados

Seção "O Que Já Temos":

  • ✅ Cards maiores com contexto
  • ✅ Versos em boxes destacados (background Barro Claro)
  • ✅ Explicação de cada verso

Novos Versos:

  1. "Chega a hora da onça beber água / e quem sofrer da pressão tome remédio"
  2. "Na fornalha não diminui a frágua, / não pretendo levar nem deixar mágoa"

Seção "Desafios":

  • ✅ Segunda citação adicionada (onça beber água)

5. Seção da Websérie Implementada

Nova Seção Completa:

  • ✅ Layout grid 50/50 (player + conteúdo)
  • ✅ YouTube embed do Episódio 1
  • ✅ Background: Gradiente Azul Grego → Verde Carnaúba
  • ✅ Badge "Lei Paulo Gustavo"
  • ✅ Lista de participantes (destaque para Ivanildo)
  • ✅ Diretores e financiamento
  • ✅ Explicação da conexão com o Vilanova
  • ✅ CTAs:
    • "Assistir Playlist Completa" (YouTube)
    • "Ver Transcrições dos 11 Episódios"

Conteúdo:

11 episódios documentando a cantoria de viola 
através da voz dos próprios mestres.

Featuring:
→ Ivanildo Vilanova (que dá nome a este projeto)
→ Raimundo Lira, Zé Viola, Antônio Silva
→ Fabiane Ribeiro, Rafaela Pereira, Minervina Ferreira
→ José Jonas, Fátima Dantas, e mais

Esta websérie foi o combustível que inspirou o Vilanova. 
Ela mostra o problema da preservação — e nós criamos a solução.

6. Links do GitHub Corrigidos

Antes: https://github.com/lucis/vilanova
Depois: http://github.com/lucis/vilanova

Locais atualizados:

  • ✅ Hero (mobile)
  • ✅ Hero (desktop)
  • ✅ Footer → Projeto → GitHub
  • ✅ Footer → Projeto → Roadmap
  • ✅ Footer → Projeto → Contribuir
  • ✅ Footer → Comunidade → Issues
  • ✅ Footer → Comunidade → Discussões

7. Badge "Feito com Deco"

Antes:

  • Cloudflare Workers
  • Powered by Deco

Depois:

  • ✅ "Feito com Deco" (único badge)
  • ✅ Link para: https://docs.deco.cx
  • ✅ Hover state
  • ✅ Abre em nova aba

📐 Estrutura Final da Landing Page

✅ 1. Hero
    - Imagem xilogravura
    - "Vilanova" (grande, com stroke)
    - GitHub button (mobile: acima da descrição)
    - Descrição do projeto
    - CTAs: GitHub + Ver Acervo

✅ 2. O Que É Repente
    - Definição enciclopédica
    - 6 características fundamentais
    - Citação: "Quem não calça as sandálias..." (corrigida)
    - Contexto histórico (1830, Urgulino do Sabugi)
    - Referências bibliográficas

✅ 3. Os Cantadores
    - Transmissão geracional
    - 3 cards: Ivanildo, Fabiane, José Jonas
    - Foto histórica de peleja

✅ 4. Desafios da Preservação
    - 3 problemas reais
    - 2 citações de mestres (Raimundo + Os Nonatos)

✅ 5. Como o Vilanova Organiza
    - Timeline com 6 itens
    - Status badges coloridos

✅ 6. O Que Já Temos
    - 4 estatísticas
    - 2 cards com versos (contextualizados)
    - Box com mais 2 versos

✅ 7. Por Que "Vilanova"?
    - Homenagem a Ivanildo
    - Foto do violeiro
    - Link para Dicionário MPB

✅ 8. Entre Cordas e Poesia (NOVA!)
    - YouTube embed
    - Lista de participantes
    - Explicação da conexão
    - CTAs para playlist e transcrições

✅ Footer
    - 4 colunas de links (todos funcionais)
    - Badge: "Feito com Deco" (com link)

🎨 Melhorias de Design

Versos Agora Aparecem em Boxes Destacados:

bg-[#E8D4B0] /* Barro Claro */
padding: 16px
rounded
italic text

Contexto Explicativo:

Cada verso agora tem:

  • Local onde foi cantado
  • Tipo de estilo
  • Breve explicação do significado

Contraste Melhorado:

  • ✅ Botão GitHub: branco/preto (máximo contraste)
  • ✅ Links do footer com hover state
  • ✅ Text em boxes sempre legível

🎥 Seção da Websérie

Elementos:

  • YouTube Embed: Episódio 1 (responsivo 16:9)
  • Badge: "Lei Paulo Gustavo" (Verde Carnaúba)
  • Participantes: Lista destacada com Ivanildo em primeiro
  • Conexão: Explica que a websérie inspirou o projeto
  • Transcrições: Menciona que transcrevemos os 11 episódios

CTAs:

  1. "Assistir Playlist Completa" → YouTube
  2. "Ver Transcrições dos 11 Episódios" → (futuro /entre-cordas-e-poesia)

📊 Estatísticas Atuais

  • 4+ Repentes transcritos
  • 3 Estilos catalogados
  • 11 Episódios de websérie transcritos
  • 100% Open Source

🔗 Links Corretos

GitHub (todos atualizados):

  • Hero: http://github.com/lucis/vilanova
  • Footer: http://github.com/lucis/vilanova
  • Issues: http://github.com/lucis/vilanova/issues
  • Discussions: http://github.com/lucis/vilanova/discussions

Externos:

  • Deco Docs: https://docs.deco.cx
  • YouTube Playlist: https://www.youtube.com/watch?v=ULbBggbGpB8&list=PLngiJpynwciFIwyrG_EiOW-sKm1tRXSGU
  • Dicionário MPB: https://dicionariompb.com.br/artista/ivanildo-vilanova/

🚀 Servidor Rodando

🌐 Preview: https://localhost-aa14baa7.deco.host
📍 Local: http://localhost:8787/

Mudanças aplicadas com hot reload:

  • ✅ Título com stroke
  • ✅ GitHub button mobile (acima da descrição)
  • ✅ Botão branco/preto (contraste)
  • ✅ Verso corrigido com contexto
  • ✅ Mais exemplos de versos
  • ✅ Seção da websérie
  • ✅ Links do GitHub corrigidos
  • ✅ Badge "Feito com Deco"

✨ Resultado Final

A landing page agora tem:

  • ✅ Design respeitoso e cultural
  • ✅ Tom enciclopédico (Câmara Cascudo)
  • ✅ Exemplos reais de versos com contexto
  • ✅ Homenagem bem integrada
  • ✅ Websérie devidamente apresentada
  • ✅ CTAs claros e honestos
  • ✅ Mobile-first perfeito
  • ✅ Links corretos
  • ✅ Alto contraste

Pronta para o mundo! 🎵