Merge pull request #1087 from ripple/xrpl-grants-banner

XRPL Grants banner

styles/_landings.scss

@@ -181,8 +181,24 @@
   a.card:hover h3 {
     text-decoration: underline;
   }
+
 }
 
+// Alert banners
+.alert-info {
+  color: white;
+  background-color: $blue-700;
+  border-width: 0;
+
+  a {
+    text-decoration: underline;
+    color: white;
+
+    &:hover {
+      color: $gray-200;
+    }
+  }
+}
 // ad-hoc callout for NFT standards
 .highlight-subcard {
   margin: 1.5rem 0;

tool/template-base.html

@@ -84,6 +84,7 @@
   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
   <!-- End Google Tag Manager (noscript) -->
 
+  <div class="alert alert-info text-center collapse show" id="grantsbanner">{% trans %}Fund your XRPL project with a developer grant. Learn more at <a href="https://xrplgrants.org/?utm_medium=referral&utm_source=xrpl&utm_campaign=banner&utm_content=learn-more">XRPLGrants.org</a>{% endtrans %}</div>
   {% include 'template-top-nav.html' %}
 
   <div class="container-fluid" role="document" id="main_content_wrapper">

tool/template-home.html

@@ -13,7 +13,8 @@
 {% block bodyclasses %}no-sidebar{% endblock %}
 {% block mainclasses %}landing{% endblock %}
 
-{% block breadcrumbs %}{% endblock %}
+{% block breadcrumbs %}
+{% endblock %}
 
 {% block main %}
   <div class="container marketing-wrapper">