title: Add a nav bar to all templates
body: <p>I want to show a nav bar on every page.  In PHP, I would write the nav bar then include it on the other pages.  I tried to include or extend the nav bar template into the other templates, but it didn't work.  It only outputs "This is the home page."  How do I correctly include the nav bar in every template?</p>
  
  <p><code>layout.html</code></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;body&gt;
          {% block navbar %}
              &lt;style&gt;
                  body {
                      margin: 0;
                      padding: 0;
                  }
  
                  div{
                      background: #333;
                      color: #f9f9f9;
                      width: 100%;
                      height: 50px;
                      line-height: 50px;
                      text-align: center;
                  }
              &lt;/style&gt;
  
              &lt;div&gt;NAVBAR&lt;/div&gt; 
          {% endblock %}
  
          {% block content %}
          {% endblock %}
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>index.html</code></p>
  
  <pre class="lang-html prettyprint-override"><code>This is the home page.
  {% extends "layout.html" %}
  
  {% block navbar %} {% endblock %}
  
  {% block content %}
      &lt;h1&gt;This is the homepage!&lt;/h1&gt;
  {% endblock %}
  </code></pre>