📋 ÉBAN Blueprint - Estrutura de Arquivos

🎯 Renomeação dos Arquivos

Para organizar o projeto, renomeie os arquivos conforme abaixo:

Estrutura Final do Projeto:

eban-blueprint-demo/
│
├── index.html                      ← Nova página explicativa (use index-explicativo.html)
├── ebanapp.html                    ← App principal (renomear eban-complete-final.html)
├── dashboard-institutional.html    ← Dashboard (já existe)
├── observatory-social.html         ← Observatório (já existe)
├── Logo.png                        ← Logotipo ÉBAN
├── README.md
└── LICENSE

---

📝 Passos para Atualizar o Repositório

1️⃣ Renomear no GitHub

Opção A - Via Interface Web:

1. Clique no arquivo eban-complete-final.html
2. Clique no ícone de lápis (✏️ Edit)
3. No nome do arquivo, mude para ebanapp.html
4. Scroll down e clique em "Commit changes"

Opção B - Via Git:

git mv eban-complete-final.html ebanapp.html
git commit -m "Rename main app to ebanapp.html"
git push

2️⃣ Substituir index.html

1. Faça backup do index.html atual (se necessário)
2. Delete o index.html atual
3. Faça upload do novo index-explicativo.html
4. Renomeie para index.html

---

🌐 URLs Finais (GitHub Pages)

Após as alterações, suas páginas estarão disponíveis em:

https://eban-prog.github.io/eban-blueprint-demo/
https://eban-prog.github.io/eban-blueprint-demo/ebanapp.html
https://eban-prog.github.io/eban-blueprint-demo/dashboard-institutional.html
https://eban-prog.github.io/eban-blueprint-demo/observatory-social.html

---

📦 Arquivos para Download

Nesta sessão você tem:

1. index-explicativo.html → Página inicial explicativa completa
2. eban-complete-final.html → App principal (renomear para ebanapp.html)
3. eban-logo.png → Logotipo (já está no repositório como Logo.png)

---

✨ Características do Novo Index

O novo index.html inclui:

✅ Hero Section - Apresentação impactante do projeto ✅ Features - 6 cards com funcionalidades principais ✅ Demos - Links para as 3 aplicações (ebanapp, dashboard, observatory) ✅ Values - Valores éticos do projeto ✅ About - Explicação detalhada do problema e solução ✅ Tech Stack - Tecnologias utilizadas ✅ Footer - Links e informações de contato ✅ Responsivo - Funciona perfeitamente em mobile

---

🎨 Estrutura das 3 Aplicações

🤝 ebanapp.html

• Para: Care providers e trabalhadores da linha de frente
• Função: Registrar casos, gerenciar consentimento, proteger privacidade
• Features: Welcome, Stories, Trust & Consent, Impact, Privacy Shield

📊 dashboard-institutional.html

• Para: Organizações e gestores de programas
• Função: Monitorar métricas, alocar recursos, supervisionar equipes
• Features: Analytics, resource allocation, team oversight

🔍 observatory-social.html

• Para: Pesquisadores e policy makers
• Função: Analisar dados anônimos, identificar padrões sistêmicos
• Features: Data analysis, insights, advocacy tools

---

🚀 Próximos Passos

1. ✅ Fazer as renomeações no repositório
2. ✅ Substituir o index.html
3. ✅ Testar todos os links
4. ✅ Verificar se GitHub Pages está ativo
5. ✅ Compartilhar o link: https://eban-prog.github.io/eban-blueprint-demo/

---

💡 Dicas

• O novo index é totalmente standalone (não precisa de arquivos externos)
• Todos os links apontam corretamente para as 3 aplicações
• O design é profissional e explicativo
• Funciona perfeitamente em mobile e desktop
• SEO otimizado com meta tags

---

📞 Suporte

Se precisar de ajustes ou tiver dúvidas, pode perguntar!

✊🏾 ÉBAN — Making care visible through ethical data