feat: support s-form-page footer link with image (#240)

src/lib/_imports/trumps/s-form-page.css

@@ -30,6 +30,8 @@
   display: flex;
   gap: 1.5em;
   margin-top: var(--global-space--normal);
+  /* In case children are different height (e.g. one has or is an image) */
+  align-items: center;
 
   font-family: var(--global-font-family--sans--cms);
   font-size: var(--global-font-size--small);
@@ -46,3 +48,16 @@
   color: var(--global-color-primary--x-dark);
   font-weight: var(--bold);
 }
+
+/* To allow image inside link wiht a gap between it and text */
+.s-form-page > footer a {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5em;
+}
+
+@media (min-width: 768px) {
+    .s-form-page>footer {
+        align-items: center;
+    }
+}

src/lib/_imports/trumps/s-form-page/_s-form-page--footer.hbs

@@ -0,0 +1,13 @@
+<footer>
+  <a href="https://tacc.utexas.edu/about/security-and-compliance/">
+    Security
+  </a>
+  <a href="https://tacc.utexas.edu/use-tacc/user-policies/">
+    Policies
+  </a>
+  <a href="https://www.nsf.gov/" target="_blank">
+    Funded by:
+    <img src="https://cep.tacc.utexas.edu/static/site_cms/img/org_logos/nsf-logo.svg"
+      alt="NSF" title="National Science Foundation" height="50px">
+  </a>
+</footer>

src/lib/_imports/trumps/s-form-page/s-form-page--login.hbs

@@ -1,11 +1,4 @@
 <div class="s-form-page">
   {{ render '@s-form--login' }}
-  <footer>
-    <a href="https://tacc.utexas.edu/about/security-and-compliance/">
-      Security
-    </a>
-    <a href="https://tacc.utexas.edu/use-tacc/user-policies/">
-      Policies
-    </a>
-  </footer>
+  {{> @s-form-page--footer }}
 </div>

src/lib/_imports/trumps/s-form-page/s-form-page.hbs

@@ -2,12 +2,5 @@
   <form>
     [ form goes here ]
   </form>
-  <footer>
-    <a href="https://tacc.utexas.edu/about/security-and-compliance/">
-      Security
-    </a>
-    <a href="https://tacc.utexas.edu/use-tacc/user-policies/">
-      Policies
-    </a>
-  </footer>
+  {{> @s-form-page--footer }}
 </div>