Structure page content with sections

nummi/account/templates/account/account_form.html

@@ -10,13 +10,19 @@
 {% block h2 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
 {% block tables %}
     {% if not form.instance|adding %}
-        <h3>{% translate "Statements" %}</h3>
-        {% include "statement/statement_table.html" %}
-        <h3>{% translate "Transactions" %}</h3>
-        {% include "transaction/transaction_table.html" %}
+        <section>
+            <h3>{% translate "Statements" %}</h3>
+            {% include "statement/statement_table.html" %}
+        </section>
+        <section>
+            <h3>{% translate "Transactions" %}</h3>
+            {% include "transaction/transaction_table.html" %}
+        </section>
         {% if history %}
-            <h3>{% translate "History" %}</h3>
-            {% include "history/plot.html" %}
+            <section>
+                <h3>{% translate "History" %}</h3>
+                {% include "history/plot.html" %}
+            </section>
         {% endif %}
     {% endif %}
 {% endblock %}

nummi/category/templates/category/category_form.html

@@ -9,10 +9,14 @@
 {% endblock %}
 {% block h2 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
 {% block tables %}
-    <h3>{% translate "Transactions" %}</h3>
-    {% include "transaction/transaction_table.html" %}
+    <section>
+        <h3>{% translate "Transactions" %}</h3>
+        {% include "transaction/transaction_table.html" %}
+    </section>
     {% if history %}
-        <h3>{% translate "History" %}</h3>
-        {% include "history/plot.html" %}
+        <section>
+            <h3>{% translate "History" %}</h3>
+            {% include "history/plot.html" %}
+        </section>
     {% endif %}
 {% endblock %}

nummi/main/templates/main/index.html

@@ -12,36 +12,46 @@
           type="text/css">
 {% endblock %}
 {% block body %}
-    <h2>{% translate "Accounts" %}</h2>
-    <p>
-        {% for acc in accounts %}
-            <a class="big-link" href="{{ acc.get_absolute_url }}">{{ acc.icon|remix }}{{ acc }}</a>
-        {% empty %}
-            {% translate "No account" %}
-        {% endfor %}
-    </p>
+    <section>
+        <h2>{% translate "Accounts" %}</h2>
+        <p>
+            {% for acc in accounts %}
+                <a class="big-link" href="{{ acc.get_absolute_url }}">{{ acc.icon|remix }}{{ acc }}</a>
+            {% empty %}
+                {% translate "No account" %}
+            {% endfor %}
+        </p>
+    </section>
     {% if transactions %}
-        <h2>{% translate "Transactions" %}</h2>
-        {% include "transaction/transaction_table.html" %}
+        <section>
+            <h2>{% translate "Transactions" %}</h2>
+            {% include "transaction/transaction_table.html" %}
+        </section>
     {% endif %}
     {% if categories %}
-        <h2>{% translate "Categories" %}</h2>
-        {% spaceless %}
-            <p>
-                {% for cat in categories %}
-                    <a class="big-link" href="{{ cat.get_absolute_url }}">{{ cat.icon|remix }}{{ cat }}</a>
-                {% empty %}
-                    {% translate "No category" %}
-                {% endfor %}
-            </p>
-        {% endspaceless %}
+        <section>
+            <h2>{% translate "Categories" %}</h2>
+            {% spaceless %}
+                <p>
+                    {% for cat in categories %}
+                        <a class="big-link" href="{{ cat.get_absolute_url }}">{{ cat.icon|remix }}{{ cat }}</a>
+                    {% empty %}
+                        {% translate "No category" %}
+                    {% endfor %}
+                </p>
+            {% endspaceless %}
+        </section>
     {% endif %}
     {% if statements %}
-        <h2>{% translate "Statements" %}</h2>
-        {% include "statement/statement_table.html" %}
+        <section>
+            <h2>{% translate "Statements" %}</h2>
+            {% include "statement/statement_table.html" %}
+        </section>
     {% endif %}
     {% if history %}
-        <h2>{% translate "History" %}</h2>
-        {% include "history/plot.html" %}
+        <section>
+            <h2>{% translate "History" %}</h2>
+            {% include "history/plot.html" %}
+        </section>
     {% endif %}
 {% endblock %}

nummi/statement/templates/statement/statement_form.html

@@ -19,9 +19,13 @@
 {% endblock %}
 {% block tables %}
     {% if not form.instance|adding %}
-        <h3>{% translate "Categories" %}</h3>
-        {% category_plot transactions %}
-        <h3>{% translate "Transactions" %} ({{ form.instance.sum|pmvalue }} / {{ form.instance.diff|pmvalue }})</h3>
-        {% include "transaction/transaction_table.html" %}
+        <section>
+            <h3>{% translate "Categories" %}</h3>
+            {% category_plot transactions %}
+        </section>
+        <section>
+            <h3>{% translate "Transactions" %} ({{ form.instance.sum|pmvalue }} / {{ form.instance.diff|pmvalue }})</h3>
+            {% include "transaction/transaction_table.html" %}
+        </section>
     {% endif %}
 {% endblock %}

nummi/transaction/templates/transaction/transaction_form.html

@@ -16,7 +16,9 @@
 {% endblock %}
 {% block tables %}
     {% if not form.instance|adding %}
-        <h3>{% translate "Invoices" %}</h3>
-        {% include "transaction/invoice_table.html" %}
+        <section>
+            <h3>{% translate "Invoices" %}</h3>
+            {% include "transaction/invoice_table.html" %}
+        </section>
     {% endif %}
 {% endblock %}