Vitral 0.2

Field Notes

A calm, readable blog for one author. The index leads with the latest post and filters the rest by tag; a post has an author line, reading time, a table of contents, likes and a comment form; the about page tells the story with a timeline and ends with a contact form.

BlogPersonalContent

Screens

  1. 1

    Posts

    A featured post and a list filtered by tag

    Open live
    Field Notes: the Posts screen
  2. 2

    Post

    Author, reading time, contents, body and comments

    Open live
    Field Notes: the Post screen
  3. 3

    About

    A bio, a timeline and a contact form

    Open live
    Field Notes: the About screen

What's inside

3 screens and 10 components, wired together with shared state and local navigation.

Features

  • A featured post and a list you can filter by tag
  • Post pages with author, date, reading time and contents
  • Likes, a comment thread and a comment form
  • Previous and next post navigation
  • An about page with a career timeline and a contact form

Screens

Questions

About Field Notes, and about templates in general.

Yes — render it to HTML inside a tp-prose block and it picks up the same type styles as the sample post.