Adicionar uma barra de navegação a todos os modelos

Quero mostrar uma barra de navegação em todas as páginas. No PHP, eu escreveria a barra de navegação e a incluiria nas outras páginas. Tentei incluir ou estender o modelo da barra de navegação nos outros modelos, mas não funcionou. Ele exibe apenas "Esta é a página inicial". Como faço para incluir corretamente a barra de navegação em todos os modelos?

layout.html

<!doctype html>
<html>
    <body>
        {% block navbar %}
            <style>
                body {
                    margin: 0;
                    padding: 0;
                }

                div{
                    background: #333;
                    color: #f9f9f9;
                    width: 100%;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                }
            </style>

            <div>NAVBAR</div> 
        {% endblock %}

        {% block content %}
        {% endblock %}
    </body>
</html>

index.html

This is the home page.
{% extends "layout.html" %}

{% block navbar %} {% endblock %}

{% block content %}
    <h1>This is the homepage!</h1>
{% endblock %}

questionAnswers(3)

yourAnswerToTheQuestion