From 02998d8c165866e30d7682a3baf75431be14db91 Mon Sep 17 00:00:00 2001
From: Will Barton <william.barton@cfpb.gov>
Date: Mon, 1 Jul 2024 13:18:19 -0400
Subject: [PATCH] Templates

---
 cfgov/v1/jinja2/v1/includes/rich-text/footnote.html |  1 +
 cfgov/v1/jinja2/v1/layouts/_footnotes.html          | 13 +++++++++++++
 cfgov/v1/jinja2/v1/layouts/layout-1-3.html          |  1 +
 cfgov/v1/jinja2/v1/layouts/layout-2-1.html          |  1 +
 cfgov/v1/jinja2/v1/layouts/layout-full.html         |  1 +
 5 files changed, 17 insertions(+)
 create mode 100644 cfgov/v1/jinja2/v1/includes/rich-text/footnote.html
 create mode 100644 cfgov/v1/jinja2/v1/layouts/_footnotes.html

diff --git a/cfgov/v1/jinja2/v1/includes/rich-text/footnote.html b/cfgov/v1/jinja2/v1/includes/rich-text/footnote.html
new file mode 100644
index 0000000000..c99d73bfbd
--- /dev/null
+++ b/cfgov/v1/jinja2/v1/includes/rich-text/footnote.html
@@ -0,0 +1 @@
+<a href="#footnote-{{ index }}" id="footnote-source-{{ index }}"><sup>{{ index }}</sup></a>
diff --git a/cfgov/v1/jinja2/v1/layouts/_footnotes.html b/cfgov/v1/jinja2/v1/layouts/_footnotes.html
new file mode 100644
index 0000000000..2f88979974
--- /dev/null
+++ b/cfgov/v1/jinja2/v1/layouts/_footnotes.html
@@ -0,0 +1,13 @@
+{% if page and page.footnotes_list %}
+  <div class="m-full-width-text">
+    <h2>Footnotes</h2>
+    <ol>
+        {% for footnote in page.footnotes_list %}
+        <li id="footnote-{{ loop.index }}">
+          {{ footnote.text | richtext }}
+          <a href="#footnote-source-{{ loop.index }}" aria-label="Back to content">↩</a>
+        </li>
+        {% endfor %}
+    </ol>
+  </div>
+{% endif %}
diff --git a/cfgov/v1/jinja2/v1/layouts/layout-1-3.html b/cfgov/v1/jinja2/v1/layouts/layout-1-3.html
index 20bf97c29d..7186c2f308 100644
--- a/cfgov/v1/jinja2/v1/layouts/layout-1-3.html
+++ b/cfgov/v1/jinja2/v1/layouts/layout-1-3.html
@@ -26,6 +26,7 @@
                 <div class="u-layout-grid__main"
                         id="content__main">
                     {% block content_main scoped -%}{%- endblock %}
+                    {% include 'v1/layouts/_footnotes.html' %}
                 </div>
             {% endblock %}
         </div>
diff --git a/cfgov/v1/jinja2/v1/layouts/layout-2-1.html b/cfgov/v1/jinja2/v1/layouts/layout-2-1.html
index 80a165c415..15339295c3 100644
--- a/cfgov/v1/jinja2/v1/layouts/layout-2-1.html
+++ b/cfgov/v1/jinja2/v1/layouts/layout-2-1.html
@@ -20,6 +20,7 @@
             {% block body_content scoped %}
                 <div class="u-layout-grid__main">
                     {% block content_main scoped -%}{%- endblock %}
+                    {% include 'v1/layouts/_footnotes.html' %}
                 </div>
                 <aside class="u-layout-grid__sidebar">
                     {% block content_sidebar scoped -%}{%- endblock %}
diff --git a/cfgov/v1/jinja2/v1/layouts/layout-full.html b/cfgov/v1/jinja2/v1/layouts/layout-full.html
index 7d0599a103..860509c938 100644
--- a/cfgov/v1/jinja2/v1/layouts/layout-full.html
+++ b/cfgov/v1/jinja2/v1/layouts/layout-full.html
@@ -21,6 +21,7 @@
                 {# content__main_modifiers block is only used by the homepage #}
                 <div class="u-layout-grid__main {% block content_main_modifiers -%}{%- endblock %}">
                     {% block content_main scoped -%}{%- endblock %}
+                    {% include 'v1/layouts/_footnotes.html' %}
                 </div>
             {% endblock %}
         </div>