Adição de links e fix design Seção UnB Ciência(Raio da borda; Navigation; Tipografia; Sombra...)

[luisfilipe3]

Descrição

Esta issue é dedicada a solucionar problemas design encontrados na seção do carroussel UnB Ciência #117 e ao mesmo tempo consertar o bug das colunas não abrirem nenhum link ou página nem redirecionarem o usuário para a página desejada que seria a UnB Ciência, ao clicar na imagem/coluna o usuário é redirecionado para o topo da página atual equivalente a continuar na mesma página e não visitar o site da UnB Ciência. Para os problemas de design está o distanciamento do esperado pelo design da seção em várias partes: Raios de bordas incorretos com o desenhado no Figma; Falta de setas para navegação; Pontos de navegação inesperados de acordo com o Figma; Tipografia: sublinhamento indevido; Ajuste de sombra.

Tarefas

Etapas necessárias para resolução do problema:

• [x] Melhorar o design da seção UnB Ciência para ficar rente ao design apresentado no Figma pela equipe de Design da Revista DARCY
• [x] Atualizar Raio da borda para 0
• [x] Atualizar Navegação: Inserir setas, modificar tamanho e retirar pontos não desejados segundo o design
• [x] Atualizar Tipografia e retirar a sublinhação
• [x] Atualizar a Sombra reajustando a vertical (4), horizontal (4), desfocar (4), espalhamento(1) e opacidade de 25%.
• [x] Atualizar a falta de links e inserir links na imagem, título e botão(está parecendo um texto normal mas é um botão com fundo transparente).
• [x] Inserção de links em todas colunas da seção UnB Ciência de forma sem perder a atenção do usuário para o site da revista(abrir em nova aba)
• [x] Trocar a seção antiga da UnB Ciência pela nova atualizada no design e implementações como links
• [x] Implantar novas seções em todos os posts que tenham uma seção da UnB Ciência - 29 Posts
• [x] Implantar novas seções em todos as páginas que tenham uma seção da UnB Ciência - 7 Páginas

Critérios de Aceitação

• [x] Ajustes das seções que necessitam de atualizações no design para ter um aspecto mais agradável
• [x] Mostrar o resultado final nos comentários através de capturas de tela do conteúdo no site atualizado(Mudança já aplicada e finalizada) como uma forma de versionamento por imagens para futura comparação.
• [x] Design com fidelidade ao apresentado no Figma pela equipe de Design da Revista DARCY

Recursos

GIMP Captura de Tela Elementor WordPress Figma YouTube

[luisfilipe3]

Seção UnB Ciência antes das alterações

Seção UnB Ciência depois das alterações e inclusão de links

[luisfilipe3]

Atualização, tinha cores pouco perceptíveis que deveriam ser atualizadas, como por exemplo o fundo das formas retangulares. Cor substituída nos fundos: A cor #FBFBFC(uma cor branca mais voltada para o cinza) foi alterada e atualizada para #FFFFFF(uma cor branca absoluta), caso seja possível abaixar sua tela ou mudar o ângulo de visão seria possível ver a diferença. Também é possível ver a diferença de acordo com o tipo de luminosidade de tela e de visualização do monitor

Antes da alteração

Após alteração