Skip to content

☢️ • Repositório contendo um projeto front-end de uma página-web sobre o anime "Cyberpunk Edgerunners". Desenvolvido no VSCode, utilizando HTML, CSS e JavaScript.

License

Notifications You must be signed in to change notification settings

juletopi/Pagina_Cyberpunk-Edgerunners

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Licence-badge

PaginaCyberpunkEdgerunners-pic

Página Cyberpunk Edgerunners ☢️

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


Como contribuir   •   Issues   •   Discussions

🖼️ Imagens da página

Modo de tela para dispositivos Desktop 💻

WebPageDesktopView

Modo de tela para Smartphones 📱

WebPageMobileView

📝 Descrição do Projeto

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.

⚙️ Funcionalidades

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.

👩‍💻 Tecnologias Utilizadas

HTML-badge CSS-badge HTML-badge

🤝 Contribuições

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.


👤 Autor



Feito com 💛 por Juletopi.