O formato de página usado foi o Single Page e a estrutura básica usada nela é:
- Menu fixo;
- Hero image;
- Seção Sobre;
- Seção Habilidades;
- Seção Portfólio;
- Seção Contatos; e
- Footer.
Foi usado row e col do framework Bootstrap para disponibilizar as informações num formato de grid conforme pode se observar na imagem abaixo.
O framework ajudou a otimizar o tempo na criação da estrutura básica sem precisar usar diretamente o CSS para isso deixando a cargo deste as peculiaridades e as características expecíficas do projeto.
Contudo, foi sentido uma certa dificuldade na implementação das particularidades do projeto, principalmente no que tange a troca de cor que o framework usa por padrão devido ao mesmo usar o !important em seu CSS interno.
De modo a contornar isso foi utilizado esse !important para que as cores escolhidas fossem renderizadas em tela conforme demostrado na imagem abaixo.
A escolha de uso do glassmorphism foi para poder usar o que foi aprendido durante as aulas além de dar uma melhorada na estilização.
Foi escolhido o tem escuro para construir o portfólio primeiro por gosto pessoal e depois para dar uma sobriedade e não cansar a visão. Para o tema escuro utilizou-se para isso uma escala de tons de cinza. Além do uso de tons de verde e azul para, respectivamente, botões e links.
Para os ícones, utiliozou-se Font Awesome.