Este projeto teve como objetivo criar uma página web coesa, que entregasse conteúdo de forma clara, atraente e suficientemente descritiva, fazendo uso de artifícios de imagem, vídeos, listas e links externos 🔗 que redirecionam para conteúdo auxiliar.
Através deste projeto, foram exploradas as pseudo-classes para sinalização de conteúdo navegável (:hover) e também propriedades que tornam a página responsiva aos diferentes tamanhos de tela (como
min e max-width). Também foram criadas variáveis nas CCS no intuito de facilitar futuras atualizações na paleta de cores do projeto e JavaScript (especificamente funções play() e pause para desenvolver um painel próprio para controle da música de fundo da página.
Note
Também houve uma atenção especial dedicada as tags semânticas (como <article>, <nav> e <aside>) do HTML, visando acessibilidade da página web.
This project's goal was to create a cohesive webpage, delivering content in an attractive, sufficiently decriptive and straightforward fashion, through the use of images, videos, lists and external links 🔗 that redirect the user to related content.
Through it, properties such as pseudo-classes signaling browsable content (:hover) and responsive-related properties that make the page adaptable to a range of different screen sizes (such as
min and max-width) were explored. Also, CSS variables were created as a means of quickly updating the page's color palette whenever needed and the play() and pause JavaScript functions for the creation of a custom control panel for the page's background music.
Note
Special attention was directed towards semantics in HTML (such as <article>, <nav> and <aside>), aiming at making the page as accessible as possible.