{% include "header.html" with title="Domotica" %}

<ul class="list">
{% for group in groups %}
<li>
    <a href="{% url 'lightgroup' group %}" data-transition="slide-in">
        {{ group }}
    </a>
    <span class="chevron"></span>
</li>
{% endfor %}
<li>
    Alle lichten
    <a id="all_off" class="button-negative">Alles uit</a>
</li>
</ul>

{% include "footer.html" %}

{% include "header.html" with title="Lights" %}

<ul class="list">
{% for group in groups %}
<li>
    <a href="{% url 'lightgroup' group %}" data-transition="slide-in">
        {{ group }}
    </a>
    <span class="chevron"></span>
</li>
{% endfor %}
<li>
    Alle lichten
    <a id="all_off" class="button-negative">Alles uit</a>
</li>
</ul>

{% include "footer.html" %}

Use 'Lights' as the title for the light groups page
Use 'Lights' as the title for the light groups page

The intention is to have the title reflect what we've selected at the
bottom.
