Apresentação de artigos não está bem esteticamente

[peterturguniev]

A listagem de artigos, pautas e outros elementos foi feita por mim, o que significa zero preocupação com a parte estética. Seria preciso alguém com mais sensibilidade para alterar os CSS e até o código se for o caso. Em ClientApp/components/ShowArticleRef.tsx é um exemplo claro.

[eduardosoareszup]

O legal seria se algum design fizesse um esboço para termos ideia do que seguir. Porque senão corre o risco de fazermos e acharmos legal, mas o restante das pessoas não e acabar tendo o trabalho jogado fora.

Outra alternativa seria colocar alguma plataforma para nos inspirarmos.

Por exemplo: Artigos estilo as matérias do G1 só que nas cores do Visão Libertária.

@peterturguniev você tem alguma plataforma em mente para nos basearmos?

[alexandresanlim]

@peterturguniev na minha visão, o site/blog por completo precisa de um bom redesign, pq não usar bootstrap?
com certeza daria pra deixar bem mais bonito.

[pedromtcosta]

O design e o código dos React Components em si são independentes, mas se extraíssemos alguns deles para subcomponentes menores, seria bem mais fácil de trabalhar em um redesign. Um bom exemplo disso é o menu header, que atualmente tem todo seu código dentro de um único componente, acredito que ele deveria ser separado em um componente para o menu, outro para os links principais e depois mais um para os sublinks.

[vital-edu]

Se for para usar um framework de componentes, seria melhor usar o MaterialUI que, na minha opinião, é uma opção melhor por ser feito em React e permitir uma fácil customização.

[josercarmo]

Se der tempo, posso tentar alterar, eu fiz esse na Universidade onde trabalhei. Eventos
Na verdade podemos até testar esse mesmo que está ai, pois isso é um webcomponent(responsivo) feito em Polymer.
https://github.com/joserochadocarmo/ufg-eventos

Na verdade a Universidade tem um CMS próprio, seria possível fazer todo esse site com ela, pois já há dezenas de features. Mas se o problema fosse CMS, eu sei que vcs teriam a disposição wordpress, joomla...
CMS da Universidade:
https://github.com/cercomp/weby
Lista de todos os portais criados, mais de 300..
https://portais.ufg.br/

[peterturguniev]

Pessoal, estou implementando conforme indicações acima. Daqui a pouco subo o código.

[brunofranciscojs]

Tentei organizar melhor a visualização das categorias dentro dos artigos, ao invés de deixá-los em lista coloque in-line como no preview e adicionei um background!

Coloquei um pouco de border radius na featured image e translatei um pouco para a direita, e adicionei um leve boxshadow amarelo também

Sugeriria a fonte ubuntu no site todo, acho que ela é bem libertária e bem bonita

Esse seria o código:

`.tags{
display: flex;
}

.tags li{
margin-right: 2px;
list-style: none;
color: #fecb16
}

.tags li{
background: #fecb16;
padding: 0 10px;
}

.td-post-featured-image img{
box-shadow: 0 0 60px rgba(254,203,22,.3);
border-radius: 8px;
transform: translateX(5%)
}
`

se achar legal aplica ele