title: How do Jade blocks work - Jade
body: <p>I am trying to use a <code>Jade</code> block and my content is not displaying.  Here is my <code>index.jade</code>:</p>
  
  <pre><code>//index.jade
  extends ../includes/layout
  
  block main-content
    section.content
      div(ng-view)
  </code></pre>
  
  <p>It is adding the <code>layout</code> file like I expect.  Here is that file:</p>
  
  <pre><code>//layout.jade
  doctype html
  html
    head
      link(href="/favicon.ico", rel="shortcut icon",type="image/x-icon")
      link(rel="stylesheet", href="/css/bootstrap.css")
      link(rel="stylesheet", href="/vendor/toastr/toastr.css")
      link(rel="stylesheet", href="/css/site.css")
    body(ng-app="app")
      h1 Hello Worldd
      include scripts
  </code></pre>
  
  <p>But it does not include my <code>main.jade</code>:</p>
  
  <pre><code>// main.jade
  h1 This is a Partial
  h2 {{ myVar }}
  </code></pre>
  
  <p>or any of the code after it.  This is my first time using <code>Jade</code> so I am struggling.  Also, what is the <code>-content</code> for when you are including a <code>block</code>?  Thanks.</p>