O Canela é um tema para o Flarum 2 inspirado no tema Horizon do Discourse: uma barra lateral com seções que você recolhe e personaliza, a lista de discussões em colunas, uma linha do tempo ao lado de cada discussão, perfis com capa e resumo e um menu do usuário com abas. Se você gosta da experiência de um fórum Discourse mas quer continuar no Flarum, ele foi feito para você.
É um projeto não oficial, inspirado no Discourse Horizon e sem nenhum vínculo com o Discourse nem aprovação dele.
Não há paleta para configurar. O tema inteiro sai da cor primária que você já definiu no Flarum, no modo claro e no escuro, então ele combina com a sua marca desde o primeiro minuto. E cada parte dele pode ser ligada ou desligada no painel de administração.
O fórum que você está lendo já roda o Canela: tudo o que aparece aqui é o tema em ação.
A lista de discussões
Recentes, Em alta, Novos, Não lidos e Melhores ficam logo acima da lista, com contadores ao vivo em Novos e Não lidos. Melhores filtra por dia, semana, mês, trimestre, ano ou desde sempre. Cada linha mostra quem participou, as respostas, as visualizações e a última atividade, e os números ganham cor conforme a discussão esquenta. A equipe tem seleção em massa, e todo mundo pode dispensar o que já leu.
A página de tags mostra cada tag como um cartão com a descrição e as tags filhas, e a página de cada tag abre com um destaque na cor dela.
A barra lateral é sua
Links da comunidade, tags, tags secundárias, links personalizados, canais do chat e mensagens, cada um na sua seção. As seções lembram se estão recolhidas, e cada membro escolhe quais tags aparecem. No rodapé ficam o seletor de modo claro, escuro e automático, a paleta de alto contraste, o botão de nova discussão e os atalhos de teclado.
Discussões
Uma linha do tempo ao lado dos posts, com o progresso da leitura e um atalho para o primeiro post não lido, um mapa da discussão com visualizações, curtidas e participantes, a solução aceita logo abaixo do primeiro post, reações, um menu de compartilhar, marcadores, discussões sugeridas no fim e pequenos posts de ação para cada mudança.
As enquetes usam a grade de enquete do Discourse, com as barras de resultado e o total de votos em destaque ao lado.
Clique num avatar e o cartão do usuário abre com a capa, o status, a bio e um filtro para ver só os posts daquela pessoa na discussão.
Perfis
Capa, título, status com emoji, local, site e aniversário, e um resumo com estatísticas, melhores respostas, melhores discussões, posts mais curtidos e mais. Atividade e emblemas ganham uma aba cada.
O diretório de usuários ordena os membros por curtidas, posts, visitas e tempo de leitura, em qualquer período.
O editor
Encaixado na parte de baixo da tela, como no Discourse, com a tag principal e as tags opcionais no cabeçalho, um modo Markdown com a prévia formatada ao lado do texto, seletor de emoji, autocompletar de #tag, rascunhos e a opção de responder como uma discussão vinculada.
Enquanto você digita o título, aparecem as discussões parecidas, e assim menos perguntas são feitas duas vezes.
Notificações e o menu do usuário
Um menu só, com abas para tudo: todas as notificações, respostas, curtidas, mensagens, marcadores, fila de revisão, chat e o seu perfil.
Busca
Um campo de busca no cabeçalho e uma página de busca completa, com abas para discussões, posts, tags e usuários, ordenação e filtros avançados por autor, tag, situação, data e mais.
Atalhos de teclado
Pressione ? em qualquer página. j e k percorrem a lista, c inicia uma discussão, r responde, e g seguido de uma letra leva a qualquer página.
Chat
Com o ramon/chat instalado, o chat ganha a cara do chat do Discourse: os canais podem ficar na barra lateral, o menu do usuário ganha uma aba Chat, e as mensagens, as threads e o editor seguem o tema.
Modo escuro
Claro, escuro e automático para cada membro, além de uma paleta de alto contraste. A paleta escura também sai da sua cor primária.
No celular
A barra lateral vira uma gaveta, a lista se empilha em cartões e o editor ocupa a tela inteira.
E mais
- Marcadores com nome e um lembrete que volta como notificação
- Emblemas e níveis de confiança, com uma página de emblemas
- Página Sobre com a equipe e as estatísticas do site, e páginas de grupos
- Histórico de edições, versão para impressão e tamanho do texto nas preferências
- Banner de avisos, páginas de entrar e de cadastro, contagem de visualizações
- Cliques em links externos contados por post
Administração
Tudo vira um cartão no painel de administração, agrupado por área e com busca, com uma descrição ao lado de cada opção. Desligou um recurso? Ele sai do fórum de verdade, não fica só escondido.
Extensões compatíveis
O Canela adapta estas extensões ao visual do Discourse. Todas são opcionais, e as opções delas no painel de administração só são liberadas quando a extensão está habilitada.
- flarum/tags, flarum/likes, flarum/mentions, flarum/subscriptions, flarum/sticky, flarum/lock, flarum/flags, flarum/approval, flarum/emoji
- flarum/messages: caixas de mensagens no perfil, arquivo e reações, como as mensagens pessoais do Discourse
- flarum/realtime: a atividade nova desliza para o topo da lista, sem banner para clicar
- fof/best-answer: solução aceita abaixo do primeiro post, como o discourse-solved
- fof/reactions: resumo de emojis na barra do post, como o discourse-reactions
- fof/polls: a grade de enquete do Discourse
- fof/drafts: rascunhos no editor, na barra lateral e no perfil
- fof/upload: progresso do envio no editor
- fof/links: links personalizados como uma seção da barra lateral
- fof/discussion-thumbnail: miniaturas na lista
- fof/pages: abas extras na página Sobre
- fof/follow-tags, fof/formatting, fof/terms, fof/oauth, fof/split, fof/merge-discussions, fof/ignore-users
- ramon/chat: no estilo do chat do Discourse, com os canais na barra lateral
- ramon/verified: selos de verificado nos posts, nos cartões e nos perfis
- ramon/marketplace: páginas da loja e uma seção Loja na barra lateral
- linkrobins/wiki: a wiki no estilo do tema
- forumaker/profile-cover: a capa dele no perfil e no cartão do usuário
- ernestdefoe/wardrobe: seletor de tema no rodapé da barra lateral
Usa uma extensão que não fica bem com o Canela? Estou aberto a deixar mais extensões compatíveis: é só pedir.
Requisitos
Instalação
composer require ramon/canela
php flarum migrate
php flarum cache:clear
Habilite o Canela na página de Extensões. Os lembretes dos marcadores e os emblemas diários usam o agendador do Flarum, então coloque o php flarum schedule:run no cron para rodar a cada minuto.
Atualização
composer update ramon/canela --with-dependencies
php flarum migrate
php flarum cache:clear
Idiomas
O tema já vem em inglês, português do Brasil e japonês. Os textos do core e das extensões vêm dos pacotes de idioma do Flarum.
Links
Créditos
Feito por Ramon Guilherme. Inspirado no tema Horizon do Discourse. O Canela é um projeto não oficial, sem vínculo com o Discourse nem aprovação dele.
Licença
MIT.
Comente!
Opiniões, dúvidas, relatos de bugs e ideias são muito bem-vindos. Abra uma discussão na tag Canela com o que você achou, ou use Suporte, Bugs e Sugestões. Eu leio tudo e respondo por lá.
