OLHAR FONOGRÁFICO - TOP 100

Visão Geral

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.

Estrutura do Projeto

Layouts Principais das Páginas

• 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.

Recursos JavaScript

• 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.

Folhas de Estilo

• 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.

Como Executar o Projeto

1. Download ou Clone: Faça o download do projeto ou clone o repositório para sua máquina local.

2. Abra os Arquivos HTML: Utilize um navegador da web para abrir os arquivos HTML (index.html e vitrine1.html) e visualizar as páginas.

3. 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.

Contribuições

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:

1. Fork este repositório (https://github.com/joaogdcarvalho/olhar-fonografico/fork)
2. Crie um novo branch para a sua funcionalidade (git checkout -b feature/novaFuncionalidade)
3. Realize os commits das suas alterações (git commit -am 'Adicionando nova funcionalidade')
4. Faça o push para o seu branch (git push origin feature/novaFuncionalidade)
5. Crie um novo Pull Request

Agradecemos por escolher o Olhar Fonográfico - Top 100. Aproveite a experiência musical!