[NOTÍCIAS] Criar single

[daphnemartinsba]

• [x] Criar estrutura
• [x] Aplicar layout
• [x] Componente de redes sociais
• [x] Listagem de notícias Layout: https://www.figma.com/proto/ZVvIybXICJvCLB7sVbEWY5/M%C3%ADdia-NINJA-UI-V2?type=design&node-id=1-12861&t=OGZiRncasaOS3AhD-0&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=1%3A10525

[caio-ascava]

**1. Ícone do Facebook, canto superior esquerdo, está diferente do Figma;

2. Ícone de lista, canto superior direito, está maior que Figma.**

**1. Falta adicionar horário e ícone relógio

2. Falta adicionar os ícones (Instagram, Facebook, Whatsapp, Twitter e compartilhar)** DEV: Figma:

**1. No DEV apresenta um texto diferente do título anunciado. Mas no Figma, este subtítulo não existe.

2. A entrevista completa, não foi possível validar pois na base DEV não há estas informações.** DEV: Figma:

Essa é uma dúvida minha, pois quando eu minimizo a tela do computador e ajusto o tamanho dela, as palavras juntam na barra de separação. Mas eu acredito que elas deveriam permanecer centralizadas, sendo necessário arrastar a tela para visualizar as demais.

Cor do plano de fundo no Figma está #F5F5F5 (cinza bem claro) e no Dev está branco.

[daphnemartinsba]

• [x] Alterar cor da fonte do título para #262626

• [x] Alterar cor da fonte do nome do autor para #000000

• [x] Background da página deve ser f5f5f5: atualmente o menu está como #f5f5f5, menu deve estar com a cor #848484

• [x] Adequar ícones de compartilhamento no corpo do texto ao do figma

• ícones do dev:

• ícones do figma:

• [x] Sub títulos da notícia: alterar lineheight para 162.5% ou 26px:

• [ ] 1366 e 1920: imagem do corpo do texto deve ser alinhada ao corpo do texto, no dev ela está maior. Ex: https://dev.midianinja.org/hacklab/teste-single-noticias-com-tematica-lgbtqia-escritora-daphne-zanelato-desafia-padroes-com-marteus/

• [x] Adequar ícones de compartilhamento do fim da página aos do figma:

• no dev:
  

• no figma:

• [x] Retirar um separador do fim do texto, após ícones de compartilhamento (caso o comentário do facebook permaneça aí ele será readicionado)

• [x] Alterar lineheight para 26px ou 162.5% título de notícias relacionadas

• [x] thumbs de notícias relacionadas devem direcionar para os posts das notícias

• [x] alterar line height para 18.85px

• [x] Inserir anúncio no meio do texto:

• [x] 1366: adequar posição das thumbs

[daphnemartinsba]

• Retornos na issue #48