Fix up footer

dactyl-config.yml

@@ -245,7 +245,7 @@ pages:
         html: xrp-overview.html
         parent: xrp-ledger-overview.html
         top_nav_grouping: XRP
-        top_nav_name: About XRP
+        top_nav_name: XRP Overview
         sidebar: disabled
         targets:
             - en
@@ -3720,12 +3720,13 @@ pages:
             - ja
 
 # "Community" tab --------------------------------------------------------------
-    -   name: Community
+    -   name: Contribute
         html: contribute.html
         parent: index.html
         template: page-community.html.jinja
         sidebar: disabled
         blurb: Join the conversation
+        top_nav_name: Community
         top_nav_hero_image: assets/img/icons/contribute.svg
         targets:
             - en

styles/_footer.scss

@@ -1,11 +1,20 @@
 /* Footer ------------------------------------------------------------------- */
 
 .xrpl-footer {
-  padding: 7.5rem 3rem;
-  background-image: url(../img/backgrounds/footer.svg);
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: bottom right;
+  padding: 7.5rem 2.5rem;
+
+  @include media-breakpoint-up(lg) {
+    background-image: url(../img/backgrounds/footer.svg);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: bottom right;
+  }
+
+  @include media-breakpoint-down(md) {
+    .col-lg:not(:first-child) {
+      margin-top: 4rem;
+    }
+  }
 
   h5 {
     font-size: 1rem;
@@ -21,5 +30,11 @@
   .absolute-bottom-footer {
     font-size: 10px;
     line-height: 1rem;
+
+    @include media-breakpoint-down(md) {
+      .copyright-license {
+        margin-top: 3rem;
+      }
+    }
   }
 }

template/component-footer.html.jinja

@@ -17,10 +17,10 @@
 
   <section class="container-fluid mt-20 absolute-bottom-footer">
 
-    <div class="d-md-flex">
+    <div class="d-lg-flex">
       <a href="{% if target.prefix %}{{target.prefix}}{% else %}/{% endif %}" class="footer-brand"><img src="{{currentpage.prefix}}assets/img/XRPLedger_DevPortal-white.svg" class="logo"  height="24" alt="{{target.display_name}}" /></a>
       <span class="flex-grow-1">&nbsp;</span>
-      <div>&copy; 2021 XRP Ledger. <a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">{% trans %}Open Source.{% endtrans %}</a>
+      <div class="copyright-license">&copy; 2021 XRP Ledger. <a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">{% trans %}Open Source.{% endtrans %}</a>
       </div>
     </div><!-- /.absolute_bottom_footer -->