Add new footer blocks and variables

Author: querkmachine

src/styles/page-template/block-areas/index.njk

@@ -97,6 +97,25 @@ stylesheets:
   </div>
 {%- endblock %}
 
+{% block footerStart -%}
+  <div class="app-annotate-block">
+    <span class="app-annotate-block__label">block: footerStart</span>
+  </div>
+{%- endblock %}
+
+{% block footerEnd -%}
+  <div class="app-annotate-block">
+    <span class="app-annotate-block__label">block: footerEnd</span>
+  </div>
+{%- endblock %}
+
+{% block govukFooter -%}
+  <div class="app-annotate-block">
+    <span class="app-annotate-block__label">block: govukFooter</span>
+    {{ super() }}
+  </div>
+{%- endblock %}
+
 {% block bodyEnd -%}
   <div class="app-annotate-block">
     <span class="app-annotate-block__label">block: bodyEnd</span>

src/styles/page-template/index.md

@@ -163,6 +163,41 @@ To change the components that are included in the page template by default, set
     <tr class="govuk-table__row">
       <td class="govuk-table__cell">footer</td>
       <td class="govuk-table__cell">Block</td>
+      <td class="govuk-table__cell">
+        Override the <code>&lt;footer&gt;</code> element and the <code>govukFooter</code>, <code>footerStart</code>, and <code>footerEnd</code> blocks.
+      </td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">footerAttributes</td>
+      <td class="govuk-table__cell">Variable</td>
+      <td class="govuk-table__cell">
+        Add HTML attributes to the <code>&lt;footer&gt;</code> element.
+      </td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">footerClasses</td>
+      <td class="govuk-table__cell">Variable</td>
+      <td class="govuk-table__cell">
+        Add a class to the <code>&lt;footer&gt;</code> element.
+      </td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">footerEnd</td>
+      <td class="govuk-table__cell">Block</td>
+      <td class="govuk-table__cell">
+        Add custom HTML at the end of the <code>&lt;footer&gt;</code> element.
+      </td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">footerStart</td>
+      <td class="govuk-table__cell">Block</td>
+      <td class="govuk-table__cell">
+        Add custom HTML at the start of the <code>&lt;footer&gt;</code> element.
+      </td>
+    </tr>
+    <tr class="govuk-table__row">
+      <td class="govuk-table__cell">govukFooter</td>
+      <td class="govuk-table__cell">Block</td>
       <td class="govuk-table__cell">
         Override the default <a class="govuk-link" href="/components/footer/">Footer component</a>.
       </td>