Adicionar formatos de numeração às notas de rodapé

Ao criar notas de rodapé no editor do meu site, elas aparecem assim na prévia:

mas assim

na postagem. Isso é… proposital? É um comportamento configurável?

Também seria bom ter a capacidade de optar por notas de rodapé numeradas, em estilos diferentes, como [1] ou 1 ou , ou até mesmo a sequência tradicional *, †, ‡, §, ‖, ¶, ou comumente usada * ** *** ****.

O plugin OP diz que o do é expansão inline e pode ser controlado por esta configuração:

1 curtida

Ah, obrigado. Eu perdi totalmente isso, embora esteja bem ali.

O que eu realmente quero, no entanto, é o comportamento numerado com expansão inline e, possivelmente, com uma coisa expansível de "notas de rodapé" na parte inferior.

3 curtidas

Isso seria ótimo. Acho que o botão de reticências atrapalha bastante o texto e eu preferiria muito um sobrescrito. No painel de pré-visualização do editor, a nota de rodapé numerada aparece na parte inferior e os dois rótulos (inline e nota de rodapé no rodapé) parecem ser hiperlinks um para o outro - mas isso pode ser apenas a referência label() no código do programa. A “nota de rodapé na parte inferior” (que deveria ser um caso de falar redundantemente, mas não é porque misturamos Nota Inline e Nota de Rodapé com esta função) usa até um caractere de retorno↩︎’ como âncora do link.

Não tenho uma instalação do Discourse para testar as configurações, mas espero que desativar display_footnotes_inline produza a nota de rodapé padrão da APA.

A nota inline tem seu lugar e não há consenso em dscuss.python.org sobre qual é preferível entre inline e nota de rodapé. Eu gosto de ambos e gostaria de tê-los, mas as notas inline deixam a desejar. Aqui está uma lista que montei durante a discussão:

  1. PRÓ: conveniente; clique para mostrar.
    CONTRA: você não pode simplesmente clicar novamente para ocultar. É necessário mover o mouse antes de clicar (felizmente, o software é altamente mutável).
    NOTA DE RODAPÉ: A nota de rodapé renderizada na pré-visualização da mensagem/postagem tem hiperlinks que parecem poder ser usados para pular rápida e convenientemente para a nota e de volta ao corpo. A própria nota usa até um caractere de “retorno” para o hiperlink.

  2. PRÓ: conveniente; leia a nota in situ e siga em frente.
    CONTRA: visualmente obstrutivo em sua implementação atual.
    O gráfico do botão de reticências contrasta significativamente com o texto circundante e não é estético (felizmente, o software é altamente mutável - você vê o tema). As reticências poderiam ser muito menores e ainda assim servir ao seu propósito.
    NOTA DE RODAPÉ: O sobrescrito da nota de rodapé é sutil, especialmente com o texto do hiperlink de baixo contraste no Tema Escuro.

  3. PRÓ: bom para notas suplementares curtas.
    CONTRA: passagens longas sobrepõem o texto e perturbam a orientação do leitor dentro do parágrafo. Pode ser visualmente chocante.
    NOTA DE RODAPÉ: Como as notas de rodapé são efetivamente um apêndice, elas podem ser longas sem perturbar o “fluxo” do leitor pelo corpo.
    NOTA DE RODAPÉ: A nota de rodapé apresentada em um fundo limpo/claro com margens ao redor é uma apresentação mais suave (menos barulhenta) do que a nota pop-up sobreposta ao texto do corpo da mensagem/postagem.

1 curtida

Um pouco atrasado na festa, mas para exibir os números em vez das elipses (enquanto você ainda mostra a nota em uma dica), você pode usar um pequeno trecho de CSS:

.cooked.inline-footnotes {
  counter-reset: foot-note;
}

.inline-footnotes a.expand-footnote {
  text-decoration: none !important;
  font-size: 0.77em;
  vertical-align: super;
  min-height: unset;
  border: 1px solid var(--primary-medium);
  padding: 0 0.4em;
  vertical-align: super;
}

.inline-footnotes a.expand-footnote:before {
    counter-increment: foot-note;
    content: counter(foot-note);
}

.inline-footnotes a.expand-footnote svg {
  display: none;
}

/* tudo abaixo é uma personalização extra */

#footnote-tooltip {
  border: 1px solid var(--primary-medium);
}

#footnote-tooltip #arrow:before {
  border-top: 1px solid var(--primary-medium);
  border-left: 1px solid var(--primary-medium);
}

#footnote-tooltip[data-popper-placement^=bottom]>#arrow {
  top: -6px !important;
}

O resultado se parece com isto:

8 curtidas

Uau, muito legal @iamntz, com certeza vou usar isso :slight_smile:

2 curtidas

Ótimo trabalho. Eu o implantei no meu fórum e funciona incrível!

2 curtidas