Esta é uma landing page interativa desenvolvida como parte de um projeto da faculdade Mackenzie, com o objetivo de conscientizar sobre o crescente problema do lixo eletrônico (e-lixo) e seu impacto no meio ambiente e na saúde.
A página "A Montanha Digital Invisível" explora o ciclo de vida dos eletrônicos, a composição do lixo eletrônico, seus impactos ambientais e as soluções para o descarte correto. O conteúdo é apresentado de forma visual e interativa para engajar o visitante.
- Single Page Layout: Navegação fluida em uma única página com scroll.
- Tema Escuro/Claro: Botão para alternar entre os modos de visualização.
- Gráficos Interativos: Visualização de dados sobre a geração e composição do e-lixo (usando Chart.js).
- Animações: Elementos que surgem na tela conforme o usuário rola a página (usando AOS).
- Design Responsivo: Adaptável para visualização em desktops, tablets e smartphones.
O projeto foi construído utilizando tecnologias web modernas:
- HTML5: Para a estrutura semântica do conteúdo.
- Tailwind CSS: Para a estilização rápida e responsiva.
- JavaScript (ES6+): Para a interatividade, como a lógica dos gráficos e a troca de tema.
- Chart.js: Biblioteca para a criação dos gráficos.
- AOS (Animate On Scroll): Biblioteca para as animações de scroll.
Como este é um projeto front-end estático, não há necessidade de instalação de dependências ou de um servidor complexo.
- Clone o repositório (se estiver usando Git):
git clone <URL_DO_REPOSITORIO>
- Navegue até a pasta do projeto.
- Abra o arquivo
index.html: Basta abrir o arquivoindex.htmldiretamente no seu navegador de preferência (Google Chrome, Firefox, etc.).
E pronto! A página será carregada.
Desenvolvido por Gabriel Neman Silva, Nicolas Gonçalves Santos e Cainan Tomim Machado.