Clube Amplexo Educação — Website Oficial

Site oficial do Clube Amplexo Educação, com versões em Português e Inglês, páginas institucionais e de premiações, além de metadados completos para SEO e compartilhamento em redes sociais.

Páginas do Projeto

Seção	PT-BR	EN-US
Home	/	/en/
Escola Azul	/escola-azul/	/en/escola-azul/
Premiações	/premiacoes/	/en/premiacoes/
Competições	/competicoes/	/en/competicoes/
ACSL	/acsl/	/en/acsl/

Recursos Principais

• Tema claro/escuro com persistência em localStorage.
• Navegação responsiva com menu mobile.
• Layout bilíngue (PT-BR e EN-US) com canonical e hreflang.
• Galeria com lightbox nas seções com imagens.
• Vídeos incorporados do YouTube.
• Efeitos visuais (glitch, cyber grid, reveal on scroll).
• Contadores animados nas seções de estatísticas.
• Metadados Open Graph e Twitter Card configurados por página.

SEO e Thumb de Compartilhamento

Cada página pública possui metadados de compartilhamento com imagem dedicada:

• og:image
• og:image:secure_url
• og:image:alt
• twitter:card=summary_large_image
• twitter:image
• twitter:image:alt

As thumbs sociais foram padronizadas com:

• dimensões 1200x630
• formato JPEG
• nomes curtos e legíveis
• pasta dedicada assets/images/og/

Arquivos com metadados de thumb configurados:

• index.html
• en/index.html
• escola-azul/index.html
• en/escola-azul/index.html
• premiacoes/index.html
• en/premiacoes/index.html
• competicoes/index.html
• en/competicoes/index.html
• acsl/index.html
• en/acsl/index.html

Observação: após alterar imagem/meta de compartilhamento, algumas plataformas podem manter cache da prévia por um período.

Padronização de Nomes de Imagens

Os arquivos em assets/images/ seguem o padrão:

• letras minúsculas
• palavras separadas por hífen
• remoção de sufixos aleatórios/hash no fim do nome
• manutenção da extensão original (jpg, jpeg, png, webp, svg)
• nomes de screenshot no formato screenshot-YYYYMMDD-HHMMSS
• nomes de WhatsApp no formato whatsapp-YYYYMMDD-HHMMSS

Para aplicar a padronização em lote e atualizar referências automaticamente:

node scripts/normalize-image-filenames.js --dry-run
node scripts/normalize-image-filenames.js

Observação: o script não altera arquivos em reports/, .git/ e node_modules/.

Estrutura de Pastas

amplexoedu.com/
|-- index.html
|-- escola-azul/
|   |-- index.html
|-- premiacoes/
|   |-- index.html
|-- competicoes/
|   |-- index.html
|-- acsl/
|   |-- index.html
|-- en/
|   |-- index.html
|   |-- escola-azul/
|   |   |-- index.html
|   |-- premiacoes/
|       |-- index.html
|   |-- competicoes/
|       |-- index.html
|   |-- acsl/
|       |-- index.html
|-- css/
|   |-- styles.css
|   |-- escola-azul.css
|   |-- premiacoes.css
|   |-- competicoes.css
|   |-- acsl.css
|-- js/
|   |-- main.js
|-- assets/
|   |-- images/
|-- reports/
|-- package.json
`-- LICENSE

Desenvolvimento Local

Pré-requisitos:

• Node.js 18+ e npm

Instalação:

npm install

Subir servidor local:

npm run serve:local

URL local:

• http://127.0.0.1:4173/

Auditoria (Lighthouse)

Executar auditoria completa (PT + EN):

npm run audit:lighthouse

Relatórios gerados em:

• reports/lighthouse-pt.html
• reports/lighthouse-en.html

Tecnologias

• HTML5 semântico
• CSS3 (sem framework)
• JavaScript Vanilla
• Google Fonts (Outfit)

Contato

Canal	Informação
E-mail geral	amplexoedu@gmail.com
E-mail pedagógico	pedagogico@amplexoedu.com
WhatsApp	+55 (11) 9 1100-9793
Instagram	https://www.instagram.com/amplexoedu
YouTube	https://www.youtube.com/@Amplexoeducacao
LinkedIn	https://www.linkedin.com/company/amplexo-educa%C3%A7%C3%A3o/

Licença

Este repositório utiliza licença proprietária.

Consulte o arquivo LICENSE para termos completos de uso, restrições e contato para autorização formal.