Adding donation info

theme/assets/stylesheets/extra.css

@@ -65,7 +65,7 @@
     --pg-blue: #74b9f1;
     --pg-green: #72cd75;
     --pg-blue-gray: #9ab2bc;
-    --pg-viridian: #40826d;
+    --pg-viridian: #36d1a0;
     --md-footer-bg-color--dark: var(--md-default-bg-color);
 }
 
@@ -523,3 +523,10 @@ path[d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-
     width: 100%;
     padding: 1em !important;
 }
+
+/* Footer text links */
+html .md-footer-meta.md-typeset a.mdx-footer__link {
+    /* color: var(--md-primary-fg-color--light); */
+    border-bottom: .05rem dotted var(--md-default-fg-color--light);
+    text-decoration: none;
+}

theme/partials/copyright.html

@@ -19,25 +19,32 @@
   FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
   IN THE SOFTWARE.
 -->
-{% set copyright = config.extra.privacy_guides.footer %}
+{% set footer = config.extra.privacy_guides.footer %}
 
 <!-- Copyright information -->
 <div class="md-copyright">
-  {% if copyright %}
+  {% if footer %}
     <div class="md-copyright__highlight" title="This version of Privacy Guides was built on {{ build_date_utc.strftime('%B %d, %Y at %I:%M%p') }}">
-      {{ copyright.intro }}
-      <br />
-      {{ copyright.note }}
-      <br />
       <a href='/license'>
-        {% for icon in copyright.license %}
+        {% for icon in footer.license %}
           <span class="twemoji">{% include ".icons/" ~ icon ~ ".svg" %}</span>
         {% endfor %}
       </a>
-      {{ copyright.copyright.date }} {{ copyright.copyright.author }}
-      <a href='#__consent'>
-        {{ copyright.analytics }}
+      {{ footer.copyright.date }}
+      <a href="{{ 'about/contributors' | url }}">
+        {{ footer.copyright.author }}
       </a>
+
+      <a href='#__consent' class="mdx-footer__link">
+        {{ footer.analytics }}
+      </a>
+
+      <br>
+
+      <a href="{{ 'about/donate' | url }}" class="mdx-footer__link">
+        {{ footer.donate }}
+      </a>
+      {{ footer.note }}
     </div>
   {% endif %}
 </div>