Bem-vindo ao projeto Olhar Fonográfico - Top 100. Este projeto é resultado do trabalho de conclusão de módulo (Adobe Dreamweaver) realizado durante o ano de 2015 no curso "Start - Treinamento em Comunicação Visual" oferecido pela SAGA - School of Art Game and Animation.
-
index: Página inicial que exibe um mural com miniaturas dos álbuns da última até a primeira colocação, proporcionando uma visão geral da classificação.
-
vitrine: Página detalhada para o álbum classificado em uma colocação específica. Contém informações detalhadas sobre o álbum, como a capa, posição no ranking, redes sociais relacionadas e navegação para outros álbuns.
- shuffle: Script JavaScript que cria um array dinâmico de URLs das vitrines (de 1 a 100) e fornece uma função para redirecionar o usuário para um URL aleatório. Essa funcionalidade aprimora a experiência do usuário, permitindo a exploração aleatória dos álbuns.
-
mural: Estilização específica para a página de mural, responsável por exibir as miniaturas dos álbuns de forma organizada. Adapta a exibição para diferentes tamanhos de tela, garantindo uma experiência responsiva.
-
vitrine: Folha de estilo para a página detalhada de um álbum (vitrine). Define o layout e estilo para elementos como a capa do álbum, informações, redes sociais e navegação.
-
Download ou Clone: Faça o download do projeto ou clone o repositório para sua máquina local.
-
Abra os Arquivos HTML: Utilize um navegador da web para abrir os arquivos HTML (
index.html
evitrine1.html
) e visualizar as páginas. -
Exploração do Projeto: Explore as diferentes funcionalidades, como a navegação entre álbuns e a função de embaralhamento, oferecendo uma experiência interativa ao usuário.
Este projeto é aberto a contribuições. Sinta-se à vontade para relatar problemas, sugerir melhorias ou até mesmo contribuir com código. Valorizamos a participação da comunidade!
Para contribuir:
- Fork este repositório (https://github.com/joaogdcarvalho/olhar-fonografico/fork)
- Crie um novo branch para a sua funcionalidade (
git checkout -b feature/novaFuncionalidade
) - Realize os commits das suas alterações (
git commit -am 'Adicionando nova funcionalidade'
) - Faça o push para o seu branch (
git push origin feature/novaFuncionalidade
) - Crie um novo Pull Request
Agradecemos por escolher o Olhar Fonográfico - Top 100. Aproveite a experiência musical!