Bem-vindo ao repositório do site oficial do Projeto Didático Vozes da Margarida - I Festival Interclasses de Música. Este projeto foi desenvolvido para a Escola Januário E. de Lima, sob a orientação do Professor Sérgio Araújo, como parte do componente curricular de LPT - Literatura e Produção Textual (2025).
O "Vozes da Margarida" é um festival de música interclasses que visa promover a cultura, a arte e a integração entre os alunos. Este site serve como um hub central para informações, divulgação de mídia (fotos e vídeos) e disponibilização de materiais didáticos relacionados ao evento.
- Design Responsivo e Moderno: Interface "Mobile-First" com estética visual premium, utilizando efeitos de "Glassmorphism" (vidro fosco) e gradientes vibrantes.
- Seção Hero: Apresentação impactante do projeto com banner animado.
- Resumo em Áudio: Player de áudio integrado para ouvir o resumo do projeto.
- Galeria de Vídeos: Player de vídeo para exibir registros do festival.
- Galeria de Fotos: Grade de fotos interativa com momentos marcantes do evento.
- Central de Downloads: Área dedicada para baixar documentos importantes como o Projeto Didático, Slides, Lista de Vencedores e Material de Apoio.
- Navegação Suave: Links de navegação com rolagem suave (smooth scroll) para melhor experiência do usuário.
Este projeto foi construído utilizando tecnologias web modernas e leves, sem necessidade de build tools complexos para facilitar a edição e o deploy.
- HTML5: Estrutura semântica da página.
- Tailwind CSS (via CDN): Framework CSS utilitário para estilização rápida e consistente.
- JavaScript (Vanilla): Lógica para o menu mobile e efeitos de rolagem do cabeçalho.
- Font Awesome: Ícones vetoriais.
- Google Fonts: Tipografia moderna (Fonte 'Outfit').
index.html: Arquivo principal contendo toda a estrutura e conteúdo do site.script.js: Arquivo JavaScript responsável pelas interatividades (menu mobile, scroll header).README.md: Documentação do projeto.
Como o projeto utiliza Tailwind CSS via CDN e não possui dependências de build (como Node.js/NPM obrigatórios para rodar), você pode visualizá-lo facilmente:
- Clone ou baixe este repositório.
- Abra o arquivo
index.htmlem qualquer navegador moderno (Chrome, Firefox, Edge, etc.).
Este projeto é de uso educacional para a Escola Januário E. de Lima. Todos os direitos reservados.
Desenvolvido com 💜 para o Projeto Vozes da Margarida.