» Visualize a página web clicando aqui «
"Use ctrl + click para abri-la numa nova janela!"
• Repositório do projeto de uma página-web sobre o anime "Cyberpunk Edgerunners",
feito no VSCode e com as linguagens de HTML, CSS e JavaScript.
A página foi inicialmente criada como parte da primeira avaliação para a disciplina de Tópicos Especiais em Tecnologia e utilizando apenas HTML e CSS. Clique aqui para ir ao repositório com o código original.
No entanto, continuei trabalhando nela como um projeto pessoal de onde havia parado anteriormente, expandindo-a e adicionando mais conteúdo à página, além de fazer experimentos com JavaScript.
A página tem como foco representar o anime Cyberpunk Edgerunners, produzido pelo estúdio de animação japonês Studio Trigger e inspirado no jogo Cyberpunk 2077, da desenvolvedora polonesa CD Projekt Red. A página aborda diversos aspectos do anime como Trilha Sonora, Personagens, Sobre o Jogo e Onde Assistir o anime.
A página inclui as seguintes principais funcionalidades:
- Barra de navegação dinâmica no canto superior que "se esconde e aparece" conforme o usuário navega pela página. Disponível apenas para dispositivos desktop.
- Barra de progresso horizontal logo abaixo da barra de navegação que mede o progresso de navegação do usuário pela página. Disponível para dispositivos desktop, tablet e smartphone.
- Seções dedicadas para a trilha sonora, personagens, sobre o jogo e onde assistir o anime.
- Vídeos embed do youtube ativadas por uma modal na seção da Trilha Sonora.
- Botão de "voltar ao topo" que faz o usuário voltar ao topo da página de forma suave. Disponível apenas para dispositivos desktop.
- Responsividade para diferentes tamanhos de tela.
Todas as contribuições ao projeto são bem vindas!
Se você deseja contribuir para este projeto, há várias maneiras de fazer isso. Você pode:
- Reportar bugs ou problemas;
- Propor novos recursos ou melhorias;
- Corrigir problemas através de pull requests;
- Ajudar a melhorar a documentação;
- Compartilhar o projeto com outras pessoas.
Para saber mais sobre como contribuir, consulte o guia de contribuição CONTRIBUTING.md.
|
