Vitral 0.2

Field Notes

Um blog calmo e legível, de um único autor. O índice abre com o post mais recente e filtra os demais por tag; um post tem linha de autor, tempo de leitura, sumário, curtidas e um formulário de comentário; a página sobre conta a história com uma linha do tempo e termina num formulário de contato.

BlogPessoalConteúdo

Telas

  1. 1

    Posts

    Um post em destaque e uma lista filtrada por tag

    Abrir ao vivo
    Field Notes: a tela Posts
  2. 2

    Post

    Autor, tempo de leitura, sumário, texto e comentários

    Abrir ao vivo
    Field Notes: a tela Post
  3. 3

    Sobre

    Uma bio, uma linha do tempo e um formulário de contato

    Abrir ao vivo
    Field Notes: a tela Sobre

O que tem dentro

3 telas e 10 componentes, ligados por estado compartilhado e navegação local.

Recursos

  • Um post em destaque e uma lista que pode ser filtrada por tag
  • Páginas de post com autor, data, tempo de leitura e sumário
  • Curtidas, uma thread de comentários e um formulário de comentário
  • Navegação para o post anterior e o próximo
  • Uma página sobre com a linha do tempo da carreira e um formulário de contato

Telas

Perguntas

Sobre o Field Notes e sobre templates em geral.

Sim — renderize-o para HTML dentro de um bloco tp-prose e ele herda os mesmos estilos de texto do post de exemplo.