Site Phlex

Building content pages with Front Matter could look like this:

# ./app/content/pages/index.phlex.html
LandingPage(
  title: "Get it now"
){
  Hero {
    Title { @title }
    Subtitle { "It's the best thing you'll ever get." }
    button(class: "btn btn-primary") { "Sign up" }
  }
  section {
    h2 { "Features" }
    Markdown {
      <<~MARKDOWN
      Here's everything you get:

      * A thing that goes "Ping!"
      * A bunch of extra batteries
      * A thing that goes "Boom!"
      MARKDOWN
    }
  }
}