Add statement links to footer

src/_includes/global/footer.njk

@@ -16,6 +16,7 @@
         padding: 1rem 1rem 3rem 1rem;
         text-align: center;
         display: grid;
+        gap: 0.3em;
     }
 
     .footer p {
@@ -25,10 +26,13 @@
     .footer__links {
         justify-self: center;
         list-style: none;
+        text-align: center;
         margin: 0;
         padding: 0;
         display: flex;
-        gap: 0.7em;
+        column-gap: 0.5em;
+        flex-wrap: wrap;
+        justify-content: center;
     }
 
     .footer__links li:not(:last-child)::after {

src/_includes/main/footer.njk

@@ -5,6 +5,7 @@
 
     {% set currentUrl %}{{ page.url }}{% endset %}
     <ul class="footer__links">
+        <li><a href="/feed.xml">RSS</a></li>
         <li><a
             {% if currentUrl === "/sitemap/" %}aria-current="page"{% endif %}
             href="/sitemap/
@@ -13,7 +14,12 @@
             {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %}
             href="/changelogs/"
         >Changelogs</a></li>
-        <li><a href="/feed.xml">RSS</a></li>
+        {%- for statement in collections.statements -%}
+            <li><a
+                {% if entry.url == page.url %}aria-current="page"{% endif %}
+                href="{{ statement.url }}"
+            >{{ statement.data.title }}</a></li>
+        {%- endfor -%}
     </ul>
 {% endblock %}