Tenho usado uma instância do Discourse para gerenciar projetos de clientes há algum tempo e decidi enriquecê-la com mais conteúdo público, compartilhar estudos de caso e recursos. Isso ainda está em andamento (apenas estilizado para Desktop, a maioria dos tópicos tem conteúdo mínimo), mas sinto que já olhei para isso por tempo demais para fazer bons julgamentos.
Seria ótimo ouvir alguns comentários:
em geral: É intuitivo? Faz sentido o que compartilho? Você acha que devo compartilhar algo mais ou definir destaques diferentes?
editar: reescrevi este componente para resolver os problemas mencionados do lado técnico: Um componente de layout central que uso é um fluxo modificado de barra lateral/cabeçalho. O objetivo é mostrar apenas uma barra de navegação principal por vez, seja o cabeçalho ou a barra lateral. O componente simples está em Manuel Kostka / Discourse / Helpers / Sidebar Flow · GitLab e eu adotei duas abordagens para construir o fluxo:
re-declarar o cabeçalho acima da barra lateral como transparente e atribuir uma grade para alinhar o alternador da barra lateral e o logotipo com a largura da barra lateral
usar um hack de estilo para estender o fundo da barra lateral (declarar uma drop-shadow de página inteira e, em seguida, limitá-la com um clip-path)
Eu escolhi essa abordagem porque até agora obtive a animação mais agradável, mantendo as animações de slide padrão. Portanto, é apenas a barra lateral deslizando, seu fundo estendido para a esquerda e para o cabeçalho, e o cabeçalho transparente fica sobre ela.
As desvantagens que vejo é que re-declarar o cabeçalho como uma grade não funciona bem com outros componentes que são renderizados no cabeçalho. E eu ainda não encontrei uma maneira de fazer o hack de clip-path funcionar no Safari. Então, ficaria curioso se alguns dos magos do CSS aqui tivessem ideias melhores!
Talvez renomear para “login do cliente”? E eu também consideraria movê-lo para o cabeçalho. Atualmente, ele está no espaço mais proeminente do seu site, quase como o CTA principal.
Abrir o menu faz a página inteira pular, removendo os dois primeiros elementos. Isso parece um pouco intuitivo?
Abrir o menu em “sobre” e “tópicos” na verdade remove todo o conteúdo:
Eu também tive essa expectativa, embora tenha feito sentido que fosse para acesso de clientes assim que cliquei nele.
O outro feedback do Bas também está correto, mas, em geral, gosto deste layout e consigo imaginar que conjuntos específicos de usuários e casos de uso o considerariam muito acolhedor.
Sim, é de fato o cta principal, já que a plataforma era inteiramente para que os clientes fizessem login para gerenciamento de projetos. Talvez eu precise repensar a ideia de adicionar uma vitrine pública a ela. Ou pelo menos como organizar os dois aspectos.
Destina-se apenas a incluir projetos que implementei. Eu acho que ficaria claro se eu os vinculasse a algum tópico de estudo de caso para cada um.
Ambos são devido ao hack de CSS com clip-path que mencionei e que ainda não funciona no Safari.
No geral, provavelmente ainda é muito experimental para usar. Talvez eu devesse tentar trabalhar o fluxo da barra lateral em um tema dedicado primeiro. Afinal, esse é o principal desafio de implementação que quero resolver aqui: construir um layout de tela inteira que não prenda a barra lateral na borda esquerda da janela, mas tenha um fluxo mais fluido.
