Add Font Awesome attribution footer

website/core/Footer.js

@@ -80,18 +80,32 @@ class Footer extends React.Component {
           </div>
         </section>
 
-        <a
+        <section className="attribution">
-          href="https://code.facebook.com/projects/"
+          <a
-          target="_blank"
+            href="https://code.facebook.com/projects/"
-          rel="noreferrer noopener"
+            target="_blank"
-          className="fbOpenSource">
+            rel="noreferrer noopener"
-          <img
+            className="fbOpenSource">
-            src={`${this.props.config.baseUrl}img/oss_logo.png`}
+            <img
-            alt="Facebook Open Source"
+              src={`${this.props.config.baseUrl}img/oss_logo.png`}
-            width="170"
+              alt="Facebook Open Source"
-            height="45"
+              width="170"
-          />
+              height="45"
-        </a>
+            />
+          </a>
+          <a
+            href="https://fontawesome.com/license/free"
+            target="_blank"
+            rel="noreferrer noopener"
+            className="fbOpenSource">
+            <img
+                src={`${this.props.config.baseUrl}img/fa-logo.svg`}
+                alt="Fontawesome (Free)"
+                width="170"
+                height="45"
+            />
+          </a>
+        </section>
         <section className="copyright">{this.props.config.copyright}</section>
       </footer>
     );

website/static/css/custom.css

@@ -40,6 +40,13 @@ dd {
     opacity: 0.6;
 }
 
+.nav-footer .attribution {
+    display: flex;
+    justify-content: space-between;
+    margin: 0 auto 1em;
+    max-width: 1080px;
+}
+
 .splashLogo {
     display: block;
     margin: 0;

website/static/img/fa-logo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 944 153" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path d="M131.575,107.153c0,2.137 -1.832,3.052 -3.969,3.968c-8.547,3.664 -17.706,7.022 -27.475,7.022c-13.737,0 -20.148,-8.548 -36.633,-8.548c-11.906,0 -24.422,4.274 -34.497,8.853c-0.61,0.305 -1.221,0.305 -1.831,0.611l0,23.201c0,6.381 -4.807,10.379 -10.074,10.379c-5.801,0 -10.38,-4.579 -10.38,-10.379l0,-111.732c-3.968,-3.053 -6.716,-7.937 -6.716,-13.432c0,-9.464 7.632,-17.096 17.096,-17.096c9.463,0 17.095,7.632 17.095,17.096c0,5.495 -2.442,10.379 -6.716,13.432l0,9.463c1.23,-0.409 17.52,-8.547 34.191,-8.547c19.459,0 29.12,8.242 37.855,8.242c11.6,0 24.422,-8.242 27.475,-8.242c2.442,0 4.579,1.831 4.579,3.968l0,71.741Z" style="fill:#ececec;fill-rule:nonzero;"/><text x="170.315px" y="111.967px" style="font-family:'ArialMT', 'Arial', sans-serif;font-size:118px;fill:#ececec;">Font <tspan x="432.704px 509.277px 594.493px " y="111.967px 111.967px 111.967px ">Awe</tspan>some</text></svg>