Modificações 07/04/2020
- Imagem_covid-19, retirada da div class="artigo"
- Largura da div class="artigo" alterada para 90 % para o texto se adequar melhor a tela ao ser minimizado
- Adicionado sombreado na div class= "barra"
- Inserido botões de fonte
- Inserido botões de categoria
- Mudança do titulo do artigo para preto
- largura das imagemns modificadas para 100% para ocuparem todo o espaço da tag figura
- Modificação na barra_autor
Modificações 14/04/2020
- animação dos emojis ao passar em cima , não consegui fazer com que eles movam, quando o mouse é passado em cima do botão
- botões das reações ficam azuis quando pressionados, no entanto quando clicado em outra parte da tela ele perde a cor de background novamente (necessita corrigir isso)
- Largura do figure alterado para 100% e inserido margin-left;0px, para que o figure se adeque melhor ao texto
- removido altura da imagem covid-19, para que se adeque melhor visualmente ao minimizar a tela
- alterado o tamanho da fonte do figcaption
- inserido alt nas imagens
Modificações 16/04/2020
- imgs de lupa e seta substituídos por icons, o código origianl foi apenas comentado
- inserção de itens do comentario que estão abaixo dos botões de reações(necesita corrigir implementação)
- animação dos emojis agora é realizado quando o mouse está sobre o botão e não apenas na imagem
Modificações 18/04/2020
- Removido das @médias as div{100%}, pois modificam a estrutura dos botões de reações ao minimizar a tela
- inseridos itens de coméntário 2
- corrigidos posicionamento dos itens de coméntario 1, para que apresente de forma semelhate ao minimizar a tela
Modificações 20/04/2020 -Removido o: .reactions buttom:active do arquivo style.css, pois não estava fazendo efeito nemhum
- Removido as bordas outiline dos botões de reações
- Mudado a cor do texto e borda dos botões para um tom um pouco mais escuro: #2e87e7
- Inserido textarea
Modificações 22/04/2020
- Inserido itens do textarea
- Mudado a cor do backgaround color do a (link), ao passar o mouse para branco;
- Inserido border radius de 5px para arredondar os cantos, portanto mais parecida com a original, das classes: .save-image:active e img-share: active
- alteardo a cor de borda do save-image:active, de para #1087ff para rgba(52,144,220,0.5) e aumentado espessura da borda de 1px para 3px
- Alterado cor de borda do share-buttom :active, de rgb(82,144,220,.5 )para rgba(52,144,220,0.5) e aumentado espessura da borda de 1px para 3px
- removido box-sozing:borderbox do save-image e img-share e adicionado padding de 3px;
- alteardo a cor de borda do share-buttom:active, de para #1087ff para rgba(52,144,220,0.5) e aumentado espessura da borda de 1px para 3px
- Aumentado a espessura da borda de de 1px para 3px e inserido cor de borda rgba(52,144,220,0.5) do comment-buttom:active
- Estilização da classe .voltar removida, pois não estava causando efeito nenhum;
Modificações 23/04/2020
- Feito o ajuste no Veja também
- Adicionado um botão de Publicar no text area com hover e active
Modificações 24/04/2020
- Inseridos icons de inciar sessão (ainda não implementados)
Modificaçãoes 26/04/2020
- implementação dos icons de iniciar sessão
- iniciado form do resgistre=se no discus;