clean up to latest copy for all pages excluding calculator

dactyl-config.yml

@@ -261,6 +261,15 @@ pages:
             - en
             - ja
 
+# "Contribute" page ---------------------------------------------------------------
+    -   name: Contribute
+        html: contribute.html
+        template: template-contribute.html
+        sidebar: disabled
+        targets:
+            - en
+            - ja
+
 # "Build" funnel ---------------------------------------------------------------
     -   name: Build
         funnel: Build
@@ -6179,13 +6188,7 @@ pages:
             - ja
 
 
-    -   name: Contribute
-        funnel: Contribute
-        html: contribute.html
-        template: template-contact.html
-        targets:
-            - en
-            - ja
+    
 # --------------- end "Docs" section -------------------------------------------
 # Use Cases: removing these, to be finished later ------------------------------
     # -   md: use-cases/use-cases.md

styles/_content.scss

@@ -122,6 +122,10 @@ td:nth-child(1) {
   box-sizing: border-box;
   justify-content: center;
   align-items: center;
+  border-radius: 8px;
+  &-50 {
+    flex-basis: calc(50% - 30px);
+  }
 }
 @media (max-width: 768px) { 
   .square {

styles/_font.scss

@@ -58,6 +58,12 @@ a:hover {
 .bold {
   font-weight: bold;
 }
+.text-large {
+  font-size: 1.125rem;
+}
+.text-smallest {
+  font-size: 0.625rem;
+}
 
 /* Japanese language font override ------------------------------------------ */
 

styles/_helpers.scss

@@ -1,4 +1,10 @@
 /* HEIGHT AND WIDTH HELPERS */
+.h32 {
+	height: 32px;
+}
+.w32 {
+	width: 32px;
+}
 .h36 {
 	height: 36px;
 }
@@ -8,6 +14,9 @@
 .w40 {
 	width: 40px;
 }
+.w44 {
+	width: 44px;
+}
 .w48 {
 	width: 48px;
 }
@@ -112,3 +121,6 @@
 .ls-none {
 	list-style: none;
 }
+.no-wrap {
+	white-space: nowrap;
+}

styles/_marketing.scss

@@ -53,6 +53,7 @@
 	}
 }
 
+
 /* COMPONENTS */
 .border-green {
 	border: 1px solid $primary;
@@ -320,3 +321,13 @@
 	left: 0;
 	top: 302px;
 }
+
+#page-uses-top {
+
+}
+
+#table-overview {
+	td:nth-child(1){
+		width: 40%;
+	}
+}

tool/template-contribute.html

@@ -19,30 +19,35 @@
   <div class="container my-40 marketing-wrapper">
     <section class="row mb-50">
       <div class="col-md-5">
-        <h6 class="text-primary mb-4">{% trans %}Contribute to XRPL.org{% endtrans %}</h6>
-        <h1 class="mb-10">{% trans %}How to Suggest Changes to the Site{% endtrans %}</h1>
+        <div class="d-flex flex-column-reverse justify-content-end">
+          <h1 class="mb-10">{% trans %}Join the Conversation{% endtrans %}</h1>
+          <h6 class="text-primary mb-4">{% trans %}Find Your Voice{% endtrans %}</h6>
+        </div>
         <p>{% trans %}Thank you for your interest in contributing to XRPL.org.{% endtrans %}</p>
         <p>{% trans %}This website was created for the community and is meant to be a living, breathing source of truth for XRP resources.{% endtrans %}</p>
-				<p>{% trans %}If you’d like to recommend new content, please fill out the form or submit your changes in GitHub.{% endtrans %}</p>
+				<p>{% trans %}If you'd like to recommend new content or provide feedback, see these community resources:{% endtrans %}</p>
+      </div>
+      <div class="col-md-6 offset-md-1 mb-10">
+        <div class="d-flex flex-wrap w-100">
+          <a class="square square-50 d-flex card-b" href="#">
+            <img class="mw-100" src="./img/exchanges/coinbase.png">
+          </a>
+          <a class="square square-50 d-flex card-b" href="#">
+            <img class="mw-100" src="./img/exchanges/binance.png">
+          </a>
         </div>
-      <div class="col-md-6 offset-md-1">
-        <form id="contact-form" method="post" action="contact-form-handler.php">
-        	<label class="text-primary bold h6" for="name">Name*</label>
-        	<input type="text" name="name" placeholder="Your Name" required>
-        	<label class="text-primary bold h6 mt-4" for="email">Email*</label>
-        	<input type="email" name="email" placeholder="Your Email" required>
-        	<label class="text-primary bold h6 mt-4" for="message">Message*</label>
-        	<textarea name="message" placeholder="Message" required name="message"></textarea>
-        	<input type="submit" class="form-control submit mt-4" value="Submit">
-        </form>
       </div>
     </section>
 
     <section class="row mb-50">
-      <div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">
-        <img class="mw-100 mb-10" src="./img/marketing/impact-democratizing-payments@2x.png">
+      <div class="col-md-6 offset-md-1 order-2 mb-10">
+        <div class="d-flex flex-wrap w-100">
+          <a class="square square-50 d-flex card-b" href="#">
+            <img class="mw-100" src="./img/exchanges/coinbase.png">
+          </a>
         </div>
-      <div class="col-md-6 offset-md-1 order-2 order-md-1">
+      </div>
+      <div class="col-md-5 order-1">
         <h2 class="mb-10 h1">{% trans %}For Developers{% endtrans %}</h2>
         <p class="mb-10 normal">{% trans %}Contributing to the developer portal of XRPL.org is a great way to learn about the XRP Ledger.{% endtrans %}</p>
         <p>{% trans %}You may also be interested in learning about Interledger Protocol (ILP), which, along with the XRP Ledger, is another part of the Xpring developer ecosystem.{% endtrans %}</p>
@@ -57,7 +62,6 @@
 
 
 {% block endbody %}
-<script src="https://www.google.com/recaptcha/api.js"></script>
 <script type="application/javascript">
   gtag('config', 'UA-157720658-3', {'content_group1': 'Hub Pages'});
 </script>

tool/template-explore-businesses.html

@@ -46,60 +46,60 @@
       </section>
 
       <section class="row mb-50">
-        <h6 class="section-marker">Businesses Using XRP</h6>
+        <h6 class="section-marker">{% trans %}Businesses Using XRP{% endtrans %}</h6>
         <div class="col-md-5 mb-20 card-b">
           <img class="mw-100" src="./img/businesses/bitgo.png">
-          <h3 class="my-10 h4">Asset Custody</h3>
-          <p>BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems.</p>
+          <h3 class="my-10 h4">{% trans %}Asset Custody{% endtrans %}</h3>
+          <p>{% trans %}BitGo provides custodial and non-custodial asset holdings for digital assets including XRP. BitGo's enterprise-level security empowers businesses to integrate digital currencies like XRP into new and existing financial systems.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b offset-md-1">
           <img class="mw-100" src="./img/businesses/bitpay.png">
-          <h3 class="my-10 h4">Payment Processing</h3>
-          <p>BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.</p>
+          <h3 class="my-10 h4">{% trans %}Payment Processing{% endtrans %}</h3>
+          <p>{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b">
           <img class="mw-100" src="./img/businesses/coil.png">
-          <h3 class="my-10 h4">Web Monetization</h3>
-          <p>Coil provides an alternative to the status quo of paid advertisements with web monetization. Coil's web monetization uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRP Ledger's payment channels provide an ideal system for settling these micropayments at high speed and low cost.</p>
+          <h3 class="my-10 h4">{% trans %}Web Monetization{% endtrans %}</h3>
+          <p>{% trans %}Coil provides an alternative to the status quo of paid advertisements with web monetization. Coil's web monetization uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRP Ledger's payment channels provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b offset-md-1">
           <img class="mw-100" src="./img/businesses/forte.png">
-          <h3 class="my-10 h4">Online Gaming</h3>
-          <p>Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world.</p>
+          <h3 class="my-10 h4">{% trans %}Online Gaming{% endtrans %}</h3>
+          <p>{% trans %}Forte offers an unprecedented set of easy-to-use tools and services for game developers to integrate blockchain technology into their games, to unlock new economic and creative opportunities for gamers across the world.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b">
           <img class="mw-100" src="./img/businesses/exodus.png">
-          <h3 class="my-10 h4">Wallets and Apps</h3>
-          <p>Exodus offers wallets and applications for securing, managing and exchanging crypto.</p>
+          <h3 class="my-10 h4">{% trans %}Wallets and Apps{% endtrans %}</h3>
+          <p>{% trans %}Exodus offers wallets and applications for securing, managing and exchanging crypto.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b offset-md-1">
           <img class="mw-100" src="./img/businesses/raised-in-space.png">
-          <h3 class="my-10 h4">Music</h3>
-          <p>Raised in Space is a music/tech investment group focused on raising the value of music, innovating across the entire value chain of the music industry.</p>
+          <h3 class="my-10 h4">{% trans %}Music{% endtrans %}</h3>
+          <p>{% trans %}Raised in Space is a music/tech investment group focused on raising the value of music, innovating across the entire value chain of the music industry.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b">
           <img class="mw-100" src="./img/businesses/ripple.png">
-          <h3 class="my-10 h4">On-Demand Liquidity</h3>
-          <p>Ripple powers instant, lower-cost settlement of cross-border payments using XRP to source liquidity on demand. XRP is ideally suited for global payments because it's quicker, less costly, and more scalable than any other digital asset.</p>
+          <h3 class="my-10 h4">{% trans %}On-Demand Liquidity{% endtrans %}</h3>
+          <p>{% trans %}Ripple powers instant, lower-cost settlement of cross-border payments using XRP to source liquidity on demand. XRP is ideally suited for global payments because it's quicker, less costly, and more scalable than any other digital asset.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b offset-md-1">
           <img class="mw-100" src="./img/businesses/towo-labs.png">
-          <h3 class="my-10 h4">Infrastructure</h3>
-          <p>Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier.</p>
+          <h3 class="my-10 h4">{% trans %}Infrastructure{% endtrans %}</h3>
+          <p>{% trans %}Towo Labs was founded in 2019, to develop XRP Ledger and Interledger infrastructures and make non-custodial crypto management easier.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b">
           <img class="mw-100" src="./img/businesses/xrplorer.png">
-          <h3 class="my-10 h4">Security</h3>
-          <p>Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.</p>
+          <h3 class="my-10 h4">{% trans %}Security{% endtrans %}</h3>
+          <p>{% trans %}Xrplorer offers services and tools that help prevent and combat fraudulent activity on the XRPL as well as custom APIs and analytics that supplement the XRPL APIs where they are not enough.{% endtrans %}</p>
         </div>
         <div class="col-md-5 mb-20 card-b offset-md-1">
           <img class="mw-100" src="./img/businesses/xrpl-labs.png">
-          <h3 class="my-10 h4">Applications</h3>
-          <p>From cold storage to apps for signing transactions, XRPL Labs is dedicated to building software on the XRP Ledger.</p>
+          <h3 class="my-10 h4">{% trans %}Applications{% endtrans %}</h3>
+          <p>{% trans %}From cold storage to apps for signing transactions, XRPL Labs is dedicated to building software on the XRP Ledger.{% endtrans %}</p>
         </div>
         <div class="w-100"></div>
         <div class="col-md-4 offset-md-6">
-          <p style="font-size: 10px;">Disclaimer: XRPL.org does not endorse or recommend any wallets or exchanges, or make any representations with respect to wallets. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology.</p>
+          <p class="text-smallest">{% trans %}Disclaimer: XRPL.org does not endorse or recommend any wallets or exchanges, or make any representations with respect to wallets. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology.{% endtrans %}</p>
         </div>
       </section>
 

tool/template-explore-exchanges.html

@@ -19,20 +19,20 @@
 <div id="page-exchanges-bg">
   <div class="container my-40 marketing-wrapper">
     <section class="row mt-40 mb-40">
-      <div class="col-sm-4 mb-10">
-        <h3 class="text-primary mb-4 h6">XRP Exchanges</h3>
-        <h1 class="mb-18">XRP Is Traded on More Than 100 Markets and Exchanges Worldwide</h1>
+      <div class="col-sm-4 mb-10 d-flex flex-column-reverse justify-content-end">
+        <h1 class="mb-18">{% trans %}XRP Is Traded on More Than 100 Markets and Exchanges Worldwide{% endtrans %}</h1>
+        <h3 class="text-primary mb-4 h6">{% trans %}XRP Exchanges{% endtrans %}</h3>
       </div>
       <div class="col-sm-6 offset-sm-1">
-        <h2 class="mt-12 mb-10">Exchanges are where people trade currencies.</h2>
-        <p>There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).</p>
-        <p>Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates. Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.</p>
-        <p>Custodial exchanges manage a user’s private keys, and publish centralized order books of buyers and sellers. Non-custodial exchanges, also known as decentralized exchanges, do not manage a user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain.</p>
+        <h2 class="mt-12 mb-10">{% trans %}Exchanges are where people trade currencies.{% endtrans %}</h2>
+        <p>{% trans %}There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).{% endtrans %}</p>
+        <p>{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates. Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}</p>
+        <p>{% trans %}Custodial exchanges manage a user’s private keys, and publish centralized order books of buyers and sellers. Non-custodial exchanges, also known as decentralized exchanges, do not manage a user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p>
       </div>
     </section>
 
     <section class="mb-50 row">
-      <h5 class="ml-3 mb-3">Top Exchanges:</h5>
+      <h5 class="ml-3 mb-3">{% trans %}Top Exchanges, according to CryptoCompare (as of August 2020):{% endtrans %}</h5>
       <div class="w-100"></div>
       <div class="d-flex flex-wrap w-100">
         <a class="square d-flex card-b" href="#">
@@ -67,7 +67,7 @@
         </a>
       </div>
       <div class="w-100"></div>
-      <p class="col-sm-4 offset-sm-8 mt-16" style="font-size: 10px;">Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.</p>
+      <p class="col-sm-4 offset-sm-8 mt-16 text-smallest">{% trans %}Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p>
     </section>
 
   </div>

tool/template-explore-wallets.html

@@ -20,18 +20,18 @@
   <div class="container my-40 marketing-wrapper">
 
     <section class="row mt-40 mb-40">
-      <div class="col-sm-3 mb-10">
-        <h3 class="text-primary mb-4 h6">XRP Wallets</h3>
-        <h1 class="mb-18">Options for Storing XRP</h1>
+      <div class="col-sm-3 mb-10 d-flex flex-column-reverse justify-content-end">
+        <h1 class="mb-18">{% trans %}Options for Storing XRP{% endtrans %}</h1>
+        <h3 class="text-primary mb-4 h6">{% trans %}XRP Wallets{% endtrans %}</h3>
       </div>
       <div class="col-sm-7 offset-sm-1">
-        <h2 class="mt-12 mb-10">Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: custodia and non-custodial.</h2>
-        <p>Custodial wallets manage a user's private key, which allows the wallet to withdraw crypto currency on a user's behalf. Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send crypto currency on the user's behalf.</p>
+        <h2 class="mt-12 mb-10">{% trans %}Digital wallets are pieces of software that allow people to send, receive and store cryptocurrencies, including XRP. There are two types of digital wallets: custodial and non-custodial.{% endtrans %}</h2>
+        <p>{% trans %}Custodial wallets manage a user's private key, which allows the wallet to withdraw cryptocurrency on a user's behalf. Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send cryptocurrency on the user's behalf.{% endtrans %}</p>
       </div>
     </section>
 
     <section class="mb-50 row">
-      <h5 class="ml-3 mb-3">XRPL Trusted Exchanges:</h5>
+      <h5 class="ml-3 mb-3">{% trans %}XRPL Trusted Exchanges:{% endtrans %}</h5>
       <div class="w-100"></div>
       <div class="d-flex flex-wrap w-100 mb-10">
         <a class="square d-flex card-b" href="#">
@@ -47,7 +47,7 @@
           <img class="mw-100" src="./img/wallets/harbor-wallet.png">
         </a>
       </div>
-      <h5 class="ml-3 mb-3">Hardware Exchanges:</h5>
+      <h5 class="ml-3 mb-3">{% trans %}Hardware Exchanges:{% endtrans %}</h5>
       <div class="d-flex flex-wrap w-100">
         <a class="square d-flex card-b" href="#">
           <img class="mw-100" src="./img/wallets/trezor.png">
@@ -60,7 +60,7 @@
         </a>
       </div>
       <div class="w-100"></div>
-      <p class="col-sm-4 offset-sm-8 mt-16" style="font-size: 10px;">Disclaimer: XRPL.org does not endorse or recommend any wallets or make any representations with respect to wallets or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.</p>
+      <p class="col-sm-4 offset-sm-8 mt-16 text-smallest">{% trans %}Disclaimer: XRPL.org does not endorse or recommend any wallets or make any representations with respect to wallets or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices.{% endtrans %}</p>
     </section>
 
   </div>

tool/template-home.html

@@ -22,7 +22,9 @@
       <h6 class="section-marker" id="home-hero-marker">{% trans %}Scroll Down{% endtrans %}</h6>
       <img class="mw-100" src="./img/graphics/home-hero-graphic.svg">
       <div class="col-md-6 mx-auto text-center my-5">
-        <h1 class="mb-18">{% trans %}The Best Digital Asset for Payments{% endtrans %}</h1>
+        <h1 class="mb-18">{% trans %}XRP: The Best Digital Asset for Payments{% endtrans %}</h1>
+        <a href="#" class="btn btn-clear inline-block mr-4">{% trans %}Learn More{% endtrans %}</a>
+        <a href="#" class="btn btn-clear inline-block">{% trans %}Build with XRP{% endtrans %}</a>
       </div>
     </section>
 
@@ -32,8 +34,8 @@
       <div class="row mb-20 ml-0 mr-0">
         <div class="col-lg-4 offset-lg-2">
           <p class="text-green bold">{% trans %}What is XRPL.org?{% endtrans %}</p>
-          <h2 class="mb-10">{% trans %}A Community-Driven Resource for All Things XRP and XRP Ledger.{% endtrans %}</h2>
-          <p>{% trans %}Whether you’re a developer building on XRPL or just getting acquainted with blockchain and digital assets, XRPL.org is your source for technical information, reference materials, tools and all things XRP.{% endtrans %}</p>
+          <h2 class="mb-10">{% trans %}A Community-Driven Resource for All Things XRP and XRP Ledger{% endtrans %}</h2>
+          <p>{% trans %}Whether you’re a developer building on the XRP Ledger (XRPL) or just getting acquainted with blockchain and digital assets, XRPL.org is your source for technical information, reference materials, tools and all things XRP.{% endtrans %}</p>
         </div>
       </div>
 
@@ -67,8 +69,8 @@
         <div class="col-lg-4 offset-lg-1">
           <p class="text-green bold">{% trans %}What is XRP?{% endtrans %}</p>
           <h2 class="mb-10">{% trans %}A Digital Asset Built for Payments{% endtrans %}</h2>
-          <p class="mb-4">{% trans %}XRP is the native digital asset on the XRP Ledger—an open-source, permissionless and decentralized blockchain technology that can settle transactions in 3-5 seconds.{% endtrans %}</p>
-          <p class="mb-4">{% trans %}Using XRP is the best way to move money around the world; the fuel for our growing digital economy.{% endtrans %}</p>
+          <p class="mb-4">{% trans %}XRP is a digital asset built for payments. It is the native digital asset on the XRP Ledger—an open-source, permissionless and decentralized blockchain technology that can settle transactions in 3-5 seconds.{% endtrans %}</p>
+          <p class="mb-4">{% trans %}It is the best way to move money around the world; the fuel for our growing digital economy.{% endtrans %}</p>
           
           <a href="#" class="btn btn-clear mr-4">{% trans %}Learn about XRP{% endtrans %}</a>
           <a href="#" class="arrow-link mt-4 text-green d-block"><span class="text-white">{% trans %}XRP History{% endtrans %}</span></a>
@@ -83,7 +85,7 @@
       <div class="col-md-6 col-lg-4 mb-10">
         <div class="card rounded hc" id="hc-1">
           <h5 class="mb-12 h2">{% trans %}Uses of XRP{% endtrans %}</h5>
-          <p>{% trans %}XRP is helping solve previously unsolvable problems for people and industries around the world, and is the only digital asset with a commercial use case.{% endtrans %}</p>
+          <p>{% trans %}XRP is helping solve previously unsolvable problems for people and industries around the world, and is one of the only digital assets with a commercial use case.{% endtrans %}</p>
           <a href="" class="arrow-link mt-12 text-white">{% trans %}Explore Uses{% endtrans %}</a>
       </div>
       </div>
@@ -97,7 +99,7 @@
       <div class="col-md-6 col-lg-4 mb-10">
         <div class="card rounded hc" id="hc-3">
           <h5 class="mb-12 h2">{% trans %}Real-World Impact{% endtrans %}</h5>
-          <p>{% trans %}With its real-world utility and inherently green design, XRP will help ensure a more sustainable future for our planet and global economy.{% endtrans %}</p>
+          <p class="pb-lg-4">{% trans %}With its real-world utility and inherently green design, XRP helps ensure a more sustainable future for our planet and global economy.{% endtrans %}</p>
           <a href="" class="arrow-link mt-12 text-white">{% trans %}Explore Impact{% endtrans %}</a>
         </div>
       </div>

tool/template-learn-history.html

@@ -63,7 +63,7 @@
               <div class="timeline-content">
                 <h4 class="mb-10">{% trans %}2013 OpenCoin Rebranded to Ripple Labs{% endtrans %}</h4>
                 <p>{% trans %}At the outset of the company, OpenCoin set out to revolutionize the global financial system. Despite the revolutionary ideals of many of Bitcoin’s early believers, Larsen never thought blockchain technology should be used to overthrow the existing financial system. He believed that history’s most transformative innovations have always relied on the great ideas that came before them—not disrupting them.{% endtrans %}</p>
-                <p>{% trans %}In early conversations with potential customers, the team was asked about the differences between the Ripple project and OpenCoin company. Because the community widely adopted calling the digital asset by its currency code “XRP,”  company leaders decided to rebrand the company to Ripple Labs, which has been shortened over time to “Ripple.”{% endtrans %}</p>
+                <p>{% trans %}In early conversations with potential customers, the team was asked about the differences between the Ripple project and OpenCoin company.{% endtrans %}</p>
                 <p>{% trans %}Today, the company uses XRP and the XRP Ledger for liquidity management in its cross-border payments business. Ripple also remains a stakeholder and contributor to the broader XRP community.{% endtrans %}</p>
               </div>
             </div>

tool/template-learn-impact.html

@@ -32,20 +32,23 @@
       </section>
     </div>
 
-    <img class="mb-30" src="./img/marketing/hero-impact.png" id="hero-impact" />
+    <img class="mb-30" src="./img/impact/hero-impact.png" id="hero-impact" />
 
     <div class="container mb-20">
       <section class="row mb-50">
-        <h6 class="section-marker">{% trans %}Global Payments{% endtrans %}</h6>
+        <h6 class="section-marker">{% trans %}Creating Economic Opportunity{% endtrans %}</h6>
         <div class="col-md-4 offset-md-1 mb-10">
-          <img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
+          <img class="mw-100" src="./img/impact/impact-democratizing-payments@2x.png">
         </div>
         <div class="col-md-6 offset-md-1">
           <h2 class="mb-10">{% trans %}Democratizing Global Payments{% endtrans %}</h2>
-          <h5 class="mb-10 normal">{% trans %}For the 23 million people immigrating worldwide, sending and receiving money across borders is an expensive, unreliable and complex endeavor.{% endtrans %}</h5>
+          <h5 class="mb-10 normal">{% trans %}For the more than <a href="#">272 million migrants</a> worldwide, sending and receiving money across borders is expensive, unreliable and complex.{% endtrans %}</h5>
           <div class="mb-10 row">
-            <p class="col-md">{% trans %}XRP and the XRP Ledger are changing that. The technology has been adopted by financial institutions around the world. They use it to source liquidity for international transactions, and because of the unprecedented efficiency it offers, they’re able to both bring down costs and improve services.{% endtrans %}</p>
-            <p class="col-md">{% trans %}This means the millions of people worldwide who need to move money across borders can do so more affordably and reliably than ever before.{% endtrans %}</p>
+            <div class="col-md">
+              <p>{% trans %}XRP and the XRP Ledger are changing that.{% endtrans %}</p>
+              <p>{% trans %}The technology has been adopted by financial institutions around the world. They use it to source liquidity for international transactions, and because of the unprecedented efficiency it offers, they’re able to both bring down costs and improve services.{% endtrans %}</p>
+            </div>
+            <p class="col-md">{% trans %}This means hundreds of  millions of people worldwide who need to move money safely and securely across borders can do so more affordably and reliably than ever before.{% endtrans %}</p>
           </div>
           <a href="#" class="btn btn-clear">{% trans %}Learn More{% endtrans %}</a>
         </div>
@@ -54,7 +57,7 @@
       <section class="row mb-50">
         <h6 class="section-marker">{% trans %}Future of Finance{% endtrans %}</h6>
         <div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">
-          <img class="mw-100" src="./img/marketing/impact-democratizing-payments@2x.png">
+          <img class="mw-100" src="./img/impact/impact-building-future@2x.png">
         </div>
         <div class="col-md-6 offset-md-1 order-2 order-md-1">
           <h2 class="mb-10">{% trans %}Building for the Future{% endtrans %}</h2>
@@ -68,30 +71,30 @@
       </section>
 
       <section class="row mb-50">
-        <h6 class="section-marker">{% trans %}Digital Assets{% endtrans %}</h6>
+        <h6 class="section-marker">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h6>
           <div class="col-md-4 offset-md-1 mb-10">
-            <img class="mw-100" src="./img/marketing/impact-crypto-strengths@2x.png">
+            <img class="mw-100" src="./img/impact/impact-crypto-strengths@2x.png">
           </div>
           <div class="col-md-6 offset-md-1">
             <h2 class="mb-10">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h2>
+            <h5 class="mb-10 normal">{% trans %}Each digital asset has different strengths that make it ideal for various use cases today.{% endtrans %}</h5>
             <div class="row mb-10">
               <div class="col-md">
-                <p>{% trans %}Each digital asset and blockchain technology has different strengths that make them ideal for various use cases today.{% endtrans %}</p>
                 <p>{% trans %}Bitcoin is recognized broadly as a store of value and Ether (ETH) for use in smart contracts.{% endtrans %}</p>
-              <p class="col-md">
-                <p>{% trans %}XRP is optimal for transacting—it’s fast, cheap, scalable and energy-efficient. It was designed this way; to be ideal for use in global payments.{% endtrans %}</p>
+                <p>{% trans %}XRP is optimal for transacting—it’s fast, cheap, scalable and energy-efficient. It was designed for use in global payments.{% endtrans %}</p>
+              </div>
+              <div class="col-md">
                 <p>{% trans %}And, the same characteristics that make it ideal for payments mean it’s also better for our environment. XRP is green by nature.{% endtrans %}</p>
             </div>
           </div>
       </section>
 
       <section class="row mb-20">
-        <h6 class="section-marker">{% trans %}Sustainability{% endtrans %}</h6>
+        <h6 class="section-marker">{% trans %}What Makes XRP and the XRP Ledger Green?{% endtrans %}</h6>
         <div class="col-md-4 mb-10">
-          <img class="mw-100 mt-20" src="./img/marketing/green-graphic@2x.png">
+          <img class="mw-100 mt-20" src="./img/green/green-graphic@2x.png">
         </div>
         <div class="col-md-8">
-          <h3 class="h2 mb-9">{% trans %}What Makes XRP and XRPL Green?{% endtrans %}</h3>
           <h5 class="mb-10 normal">{% trans %}Most currency today—whether digital or physical—is not environmentally friendly. The potential for long-term impact on our planet could hold startling consequences.{% endtrans %}</h5>
           <div class="row mb-10">
             <div class="col-md">
@@ -99,7 +102,7 @@
               <p>{% trans %}Other digital assets, like Bitcoin, rely on a different mechanism to both validate transactions and create new coins. This “proof-of-work” algorithm requires “mining.” Mining is an incredibly energy-intensive process for validating transactions that consumes more energy in a year than entire countries.{% endtrans %}</p>
             </div>
             <div class="col-md">
-              <p>{% trans %}Cash also leaves a substantial carbon footprint, and the environmental impact goes beyond energy consumption—deforestation, water pollution and more factor into the equation.{% endtrans %}</p>
+              <p>{% trans %}Cash also leaves a substantial carbon footprint, and the environmental impact goes beyond energy consumption—eutrophication (due to waste), photochemical ozone creation, greenhouse gas emissions and more factor into the equation.{% endtrans %}</p>
               <p>{% trans %}Adopting XRP more broadly will help limit this waste and ensure a sustainable future for our planet and global economy.{% endtrans %}</p>
             </div>
           </div>

tool/template-learn-overview.html

@@ -20,50 +20,50 @@
   <div class="container marketing-wrapper">
       <section class="row mb-50">
         <div class="col-md-6 mb-10">
-          <h6 class="text-primary mb-4">Using XRP</h6>
-          <h1 class="mb-18">Your Questions About XRP, Answered.</h1>
+          <h6 class="text-primary mb-4">{% trans %}XRP Overview{% endtrans %}</h6>
+          <h1 class="mb-18">{% trans %}Your Questions About XRP, Answered.{% endtrans %}</h1>
         </div>
         <div class="w-100"></div>
         <div class="col-md-8">
-          <h2 class="mb-8">What is XRP?</h2>
+          <h2 class="mb-8">{% trans %}What is XRP?{% endtrans %}</h2>
           <div class="row">
-            <p class="col">XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.</p>
-            <p class="col">Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset.</p>
+            <p class="col">{% trans %}XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.{% endtrans %}</p>
+            <p class="col">{% trans %}Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset.  {% endtrans %}</p>
           </div>
         </div>
       </section>
 
       <section class="row mb-50">
-        <h6 class="section-marker">Benefits</h6>
+        <h6 class="section-marker">{% trans %}Benefits{% endtrans %}</h6>
         <div class="col-sm-12 col-lg-10 mt-14">
-            <table>
+            <table id="table-overview">
               <thead>
                 <tr>
-                  <td class="bold"></td>
-                  <td class="bold">XRP</td>
-                  <td class="bold">Bitcoin</td>
+                  <td class="bold h4">{% trans %}Benefits{% endtrans %}</td>
+                  <td class="bold text-large"><img class="h36 mr-2" src="./img/icons/bw-xrp.png">{% trans %}XRP{% endtrans %}</td>
+                  <td class="bold text-large"><img class="h36 mr-2" src="./img/icons/bw-bitcoin.png">{% trans %}Bitcoin{% endtrans %}</td>
                 </tr>
               </thead>
               <tbody>
                 <tr>
-                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/fast.png"></div>Fast</td>
-                  <td class="">3-5 seconds to settle</td>
-                  <td class="">500 seconds to settle</td>
+                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block no-wrap"><img class="h32" src="./img/icons/fast.png"></div>{% trans %}Fast{% endtrans %}</td>
+                  <td class="">{% trans %}3-5 seconds to settle{% endtrans %}</td>
+                  <td class="">{% trans %}500 seconds to settle{% endtrans %}</td>
                 </tr>
                 <tr>
-                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/low-cost.png"></div>Low Cost</td>
-                  <td class="">$0.0002/transaction</td>
-                  <td class="">$0.50/transaction</td>
+                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block no-wrap"><img class="w32" src="./img/icons/low-cost.png"></div>{% trans %}Low Cost{% endtrans %}</td>
+                  <td class="">{% trans %}$0.00002/transaction{% endtrans %}</td>
+                  <td class="">{% trans %}$0.50/transaction{% endtrans %}</td>
                 </tr>
                 <tr>
-                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/icons/scalable.png"></div>Scalable</td>
-                  <td class="">1500 transaction per second</td>
-                  <td class="">3 transactions per second</td>
+                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block no-wrap"><img class="w44" src="./img/icons/scalable.png"></div>{% trans %}Scalable{% endtrans %}</td>
+                  <td class="">{% trans %}1500 transaction per second{% endtrans %}</td>
+                  <td class="">{% trans %}3 transactions per second{% endtrans %}</td>
                 </tr>
                 <tr>
-                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/icons/sustainable.png"></div>Sustainable</td>
-                  <td class="">Environmentally sustainable (negligible energy consumption)</td>
-                  <td class="">0.3% of global energy consumption</td>
+                  <td class="bold"><div class="w48 mr-3 text-center d-inline-block no-wrap"><img class="w48" src="./img/icons/sustainable.png"></div>{% trans %}Sustainable{% endtrans %}</td>
+                  <td class="">{% trans %}Environmentally sustainable (negligible energy consumption){% endtrans %}</td>
+                  <td class="">{% trans %}0.3% of global energy consumption{% endtrans %}</td>
               </tbody>
             </table>
           </div>
@@ -71,73 +71,73 @@
     
 
       <section class="row mb-50">
-        <h6 class="section-marker">Digital Cryptocurrency</h6>
-        <div class="col-lg-8 order-1 order-md-2 mb-10">
-          <img class="mw-100" src="./img/green/green-graphic.png">
+        <h6 class="section-marker">{% trans %}Finite Supply of XRP {% endtrans %}</h6>
+        <div class="col-lg-6 offset-lg-1 order-1 order-lg-2 mb-10">
+          <img class="mw-100" src="./img/graphics/overview-supply.png">
         </div>
-        <div class="col-lg-4 order-2 order-md-1">
-          <p>XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions.</p>
-          <p>Unlike Bitcoin, there is a finite amount of XRP. All XRP is already in existence today—100 billion in total.</p>
-          <a href="#" class="btn btn-clear">History of XRP</a>
+        <div class="col-lg-4 order-2 order-lg-1">
+          <p>{% trans %}XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions.{% endtrans %}</p>
+          <p>{% trans %}Unlike Bitcoin, there is a finite amount of XRP. All XRP is already in existence today—100 billion in total.{% endtrans %}</p>
+          <a href="#" class="btn btn-clear">{% trans %}History of XRP{% endtrans %}</a>
         </div>
       </section>
       
       <section class="row mb-50">
-        <h6 class="section-marker">XRP Ledger</h6>
+        <h6 class="section-marker">{% trans %}XRP Validators{% endtrans %}</h6>
         <div class="col-md-4">
-          <h2>How Does the XRP Ledger Work?</h2>
+          <h2>{% trans %}How Does the XRP Ledger Work?{% endtrans %}</h2>
         </div>
         <div class="col-md-4">
-          <p>The XRP Ledger stands on open-source technologies on which anyone can build. The XRP Ledger is maintained by a global “XRP Community”—a diverse set of participants composed of software engineers, server operators and validators.</p>
-          <p>The XRP Ledger uses a consensus protocol, in which validators come to an agreement on the order of XRP transactions every 3-5 seconds. This agreement serves as the final and irreversible settlement.</p>
+          <p>{% trans %}The XRP Ledger stands on open-source technologies on which anyone can build. The XRP Ledger is maintained by a global “XRP Community”—a diverse set of participants composed of software engineers, server operators and validators.{% endtrans %}</p>
+          <p>{% trans %}The XRP Ledger uses a consensus protocol, in which validators come to an agreement on the order of XRP transactions every 3-5 seconds. This agreement serves as the final and irreversible settlement.{% endtrans %}</p>
         </div>
         <div class="col-md-4">
-          <p>Transactions are executed in a deterministic order to prevent double spending and malicious activity. Unlike other blockchains, transaction fees are destroyed as part of transaction execution. The XRP Ledger adjusts fees in near real time to respond to network conditions, with the twin goals of maximizing transaction throughput while keeping transaction fees as low as possible.</p>
-          <p>All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed as soon as validators reach a quorum.</p>
+          <p>{% trans %}Transactions are executed in a deterministic order to prevent double spending and malicious activity. Unlike other blockchains, transaction fees are destroyed as part of transaction execution. The XRP Ledger adjusts fees in near real time to respond to network conditions, with the twin goals of maximizing transaction throughput while keeping transaction fees as low as possible.{% endtrans %}</p>
+          <p>{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed as soon as validators reach a quorum.{% endtrans %}</p>
         </div>
         <div class="w-100 mb-20"></div>
         <div class="col-lg-6">
           <img class="mw-100" src="./img/graphics/validator.png">
         </div>
         <div class="col-lg-5 offset-lg-1">
-          <h4 class="mb-10">Anyone can operate a validator; currently, over 150 validators are active on the ledger, operated by  universities, exchanges, businesses and individuals.</h4>
-          <a href="#" class="btn btn-clear">Get Technical</a>
+          <h4 class="mb-10">{% trans %}Anyone can operate a validator; currently, over 150 validators are active on the ledger, operated by  universities, exchanges, businesses and individuals.{% endtrans %}</h4>
+          <a href="#" class="btn btn-clear">{% trans %}Get Technical{% endtrans %}</a>
         </div>
       </section>
 
       <section class="row mb-50">
-        <h6 class="section-marker">Trading</h6>
+        <h6 class="section-marker">{% trans %}Internet of Value{% endtrans %}</h6>
         <div class="col-lg-6">
-          <h2 class="mb-10">Why Is XRP Useful?</h2>
-          <p class="mb-10 normal h4">Market participants use XRP as a high-speed, cost-efficient and reliable trading collateral. This means seizing arbitrage opportunities, servicing margin calls and managing general trade inventory in real time.</p>
+          <h2 class="mb-10">{% trans %}Why Is XRP Useful?{% endtrans %}</h2>
+          <h5 class="mb-10 normal h4">{% trans %}XRP is fast, low-cost, sustainable and scalable. It is the key to fueling growth and realizing the true potential of our global economy—the Internet of Value.{% endtrans %}</h5>
         </div>
         <div class="w-100 mt-20"></div>
         <div class="col-md-4">
-          <h4>Businesses</h4>
-          <p class="my-10">Many businesses are building on the XRP Ledger, pursuing powerful use cases in micropayments, gaming, web monetization and more. Additionally, Ripple, the technology company, is focused on building a network and infrastructure that leverages XRP to power faster, more affordable cross-border payments around the world.</p>
-          <a href="#" class="text-white bold arrow-link">More About Businesses</a>
+          <h4>{% trans %}Businesses{% endtrans %}</h4>
+          <p class="my-10">{% trans %}Many businesses are building on the XRP Ledger, pursuing powerful use cases in micropayments, gaming, web monetization and more. Additionally, Ripple, the technology company, is focused on building a network and infrastructure that leverages XRP to power faster, more affordable cross-border payments around the world.{% endtrans %}</p>
+          <a href="#" class="text-white bold arrow-link">{% trans %}More About Businesses{% endtrans %}</a>
         </div>
         <div class="col-md-4">
-          <h4>Individuals</h4>
-          <p class="my-10">Individual consumers can use XRP to move different currencies around the world. For example, through the PayID solution, anyone can use XRP—or any currency, be it fiat or digital assets—to easily make purchases across any payments network.</p>
-          <a href="#" class="text-white bold arrow-link">More About Uses</a>
+          <h4>{% trans %}Individuals{% endtrans %}</h4>
+          <p class="my-10">{% trans %}Individual consumers can use XRP to move different currencies around the world. For example, through the PayID solution, anyone can use XRP—or any currency, be it fiat or digital assets—to easily make purchases across any payments network.{% endtrans %}</p>
+          <a href="#" class="text-white bold arrow-link">{% trans %}More About Uses{% endtrans %}</a>
         </div>
         <div class="col-md-4">
-          <h4>Developers</h4>
-          <p class="my-10">By building on the XRP Ledger, developers can easily integrate payments into their products—seamlessly putting money at the center of their applications. Projects like the Xpring developer platform are making it easier for developers to leverage XRP.</p>
-          <a href="#" class="text-white bold arrow-link">More About Developers</a>
+          <h4>{% trans %}Developers{% endtrans %}</h4>
+          <p class="my-10">{% trans %}By building on the XRP Ledger, developers can easily integrate payments into their products—seamlessly putting money at the center of their applications. Projects like the <a href="#">Xpring developer platform</a> are making it easier for developers to leverage XRP.  {% endtrans %}</p>
+          <a href="#" class="text-white bold arrow-link">{% trans %}More About Developers{% endtrans %}</a>
         </div>
       </section>
 
       <section class="mb-50">
-        <h6 class="section-marker">Internet of Value</h6>
+        <h6 class="section-marker">{% trans %}Internet of Value{% endtrans %}</h6>
         <div class="row mb-40">
           <div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10">
             <img class="mw-100" src="./img/overview/fast.png">
           </div>
           <div class="col-md-4 offset-md-1 order-2 order-md-1">
-            <h2 class="mb-10">Fast</h2>
-            <p>XRP transactions settle faster than on any other blockchain—in 3-5 seconds.</p>
+            <h2 class="mb-10">{% trans %}Fast{% endtrans %}</h2>
+            <p>{% trans %}The XRP Ledger settles transactions faster than any other blockchain—in 3-5 seconds.{% endtrans %}</p>
           </div>
         </div>
         <div class="row mb-30">
@@ -145,8 +145,8 @@
             <img class="mw-100" src="./img/overview/low-cost.png">
           </div>
           <div class="col-md-4 offset-md-2">
-            <h2 class="mb-10">Low Cost</h2>
-            <p>XRP transactions cost a fraction of a penny ($0.0002) – much less than other cryptocurrencies and average fiat payments.</p>
+            <h2 class="mb-10">{% trans %}Low Cost{% endtrans %}</h2>
+            <p>{% trans %}XRP transactions cost a fraction of a penny ($0.0002)—much less than other cryptocurrencies and average fiat payments.{% endtrans %}</p>
           </div>
         </div>
         <div class="row mb-30">
@@ -154,8 +154,8 @@
             <img class="mw-100" src="./img/overview/scalable.png">
           </div>
           <div class="col-md-4 offset-md-1  order-2 order-md-1">
-            <h2 class="mb-10">Scalable</h2>
-            <p>The XRP Ledger can handle up to 1,500 transactions per second.</p>
+            <h2 class="mb-10">{% trans %}Scalable{% endtrans %}</h2>
+            <p>{% trans %}The XRP Ledger can handle up to 1,500 transactions per second.{% endtrans %}</p>
           </div>
         </div>
         <div class="row mb-30">
@@ -163,8 +163,8 @@
             <img class="mw-100" src="./img/overview/sustainable.png">
           </div>
           <div class="col-md-4 offset-md-2">
-            <h2 class="mb-10">Sustainable</h2>
-            <p>XRP transactions settle without the enormous and unsustainable energy costs associated with proof-of-work (or mining).</p>
+            <h2 class="mb-10">{% trans %}Sustainable{% endtrans %}</h2>
+            <p>{% trans %}XRP transactions settle without the enormous and unsustainable energy costs associated with proof-of-work (or mining).{% endtrans %}</p>
           </div>
         </div>
         <div class="row mb-20">
@@ -172,55 +172,68 @@
             <img class="mw-100" src="./img/overview/real.png">
           </div>
           <div class="col-md-4 offset-md-1 order-2 order-md-1">
-            <h2 class="mb-10">Real</h2>
-            <p>XRP is one of the only digital assets with a proven, real-world use case: cross-border payments. </p>
+            <h2 class="mb-10">{% trans %}Real{% endtrans %}</h2>
+            <p>{% trans %}XRP is one of the only digital assets with a proven, real-world use case: cross-border payments.{% endtrans %}</p>
           </div>
         </div>
         <div class="text-center">
-          <a href="#" class="btn btn-clear">Explore Uses</a>
+          <a href="#" class="btn btn-clear">{% trans %}Explore Uses{% endtrans %}</a>
         </div>
       </section>
 
       <section class="mb-50">
-        <h6 class="section-marker">Trading</h6>
+        <h6 class="section-marker">{% trans %}Trading{% endtrans %}</h6>
         <div class="row">
-          <div class="col-md-4 offset-md-2 order-1 order-md-2 mb-10">
-            <img class="mw-100" src="./img/overview/real.png">
+          <div class="col-md-6 order-1 order-md-2 mb-10">
+            <div class="d-flex flex-wrap w-100">
+              <a class="square square-50 d-flex card-b" href="#">
+                <img class="mw-100" src="./img/exchanges/coinbase.png">
+              </a>
+              <a class="square square-50 d-flex card-b" href="#">
+                <img class="mw-100" src="./img/exchanges/binance.png">
+              </a>
+              <a class="square square-50 d-flex card-b" href="#">
+                <img class="mw-100" src="./img/exchanges/bitstamp.png">
+              </a>
+              <a class="square square-50 d-flex card-b" href="#">
+                <img class="mw-100" src="./img/exchanges/kraken.png">
+              </a>
+            </div>
           </div>
           <div class="col-md-5 order-2 order-md-1">
-            <h2 class="mb-10">How Is XRP Used in Trading?</h2>
-            <p>XRP is traded on more than 140 markets and exchanges worldwide.</p>
-            <p>XRP’s low transaction fees, reliability and high speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—seizing arbitrage opportunities, servicing margin calls and managing general trading inventory in real time.</p>
-            <p>Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.</p>
-            <a href="#" class="mt-10 btn btn-clear">Find Out More</a>
+            <h2 class="mb-10">{% trans %}How Is XRP Used in Trading?{% endtrans %}</h2>
+            <p>{% trans %}XRP is traded on more than 140 markets and <a href="/exchanges">exchanges</a> worldwide.{% endtrans %}</p>
+            <p>{% trans %}XRP’s low transaction fees, reliability and high speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—seizing arbitrage opportunities, servicing margin calls and managing general trading inventory in real time.{% endtrans %}</p>
+            <p>{% trans %}Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet.{% endtrans %}</p>
+            <a href="#" class="mt-10 btn btn-clear">{% trans %}Find Out More{% endtrans %}</a>
           </div>
         </div>
       </section>
 
       <section class="mb-50">
-        <h6 class="section-marker">Ripple vs. XRP</h6>
+        <h6 class="section-marker">{% trans %}Ripple vs. XRP{% endtrans %}</h6>
         <div class="row">
           <div class="col-md-4 offset-md-1 mb-10">
             <img class="mw-100 mt-10" src="./img/overview/xrp-text-logo.png">
           </div>
           <div class="col-md-5 offset-md-1">
-            <h2 class="mb-10">What Is the Relationship Between Ripple and XRP?</h2>
-            <p>Ripple is a technology company that makes it easier to build a high-performance, global payments business through its platform, RippleNet. XRP is a digital asset independent of this, and is used in Ripple’s On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions. </p>
-            <a href="#" class="mt-10 btn btn-clear">Visit Ripple's Website</a>
+            <h2 class="mb-10">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
+            <p>{% trans %}Ripple is a technology company that makes it easier to build a high-performance, global payments business through its platform, RippleNet. XRP is a digital asset independent of this, and is used in Ripple’s On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions.{% endtrans %}</p>
+            <a href="#" class="mt-10 btn btn-clear">{% trans %}Visit Ripple's Website{% endtrans %}</a>
           </div>
         </div>
       </section>
 
       <section class="mb-50">
-        <h6 class="section-marker">XRP Community</h6>
+        <h6 class="section-marker">{% trans %}XRP Community{% endtrans %}</h6>
         <div class="row">
           <div class="col-md-6 offset-md-1 order-1 order-md-2 mb-10">
             <img class="mw-100" src="./img/overview/xrp-community.png">
           </div>
           <div class="col-md-5 order-2 order-md-1">
-            <h2 class="mb-10">XRPL.org: For the Community, by the Community</h2>
-            <p>XRPL.org is a community-driven resource for all things XRP and XRP Ledger (XRPL). If you’d like to suggest additional information around XRP, you can suggest changes here.</p>
-            <a href="#" class="mt-10 btn btn-clear">Suggest Changes</a>
+            <h2 class="mb-10">{% trans %}XRPL.org: For the Community, by the Community{% endtrans %}</h2>
+            <p>{% trans %}XRPL.org is a community-driven resource for all things XRP and XRP Ledger (XRPL). If you’d like to suggest additional information around XRP, you can suggest changes here.{% endtrans %}</p>
+            <a href="#" class="mt-10 btn btn-clear">{% trans %}Suggest Changes{% endtrans %}</a>
           </div>
         </div>
       </section>

tool/template-learn-uses.html

@@ -16,18 +16,23 @@
 {% block breadcrumbs %}{% endblock %}
 
 {% block main %}
-  <div class="container my-40 marketing-wrapper">
-    <section class="row mb-50">
+  <div class="my-40 marketing-wrapper">
+    <div class="container">
+      <section class="row mb-20">
         <div class="col-md-4 d-flex flex-column-reverse justify-content-end">
           <h1 class="mb-10">{% trans %}The Best Way to Move Money Around the World{% endtrans %}</h1>
           <h6 class="text-primary mb-4">{% trans %}Using XRP{% endtrans %}</h6>
         </div>
         <div class="col-md-6 offset-md-1">
           <h2 class="mt-12 mb-10">{% trans %}XRP and the XRP Ledger are used to power innovative technology across the payments space.{% endtrans %}</h2>
-        <p>{% trans %}Lorem ipsum dolor sit amet, consectetur adipiscing elit. In egestas maximus ligula, id tincidunt odio condimentum ac. Pellentesque vulputate felis lacus, id imperdiet elit tristique id. Ut sapien lorem, finibus id auctor eu, volutpat finibus nisi. {% endtrans %}</p>
+          <p>{% trans %}From cross-border payments to web monetization, businesses and developers around the world are leveraging the XRP Ledger and its native digital asset, XRP—a faster, cheaper and greener currency.{% endtrans %}</p>
         </div>
       </section>
+    </div>
 
+    <img class="mb-40" src="./img/backgrounds/bg-uses-top.png" id="page-uses-top" />
+
+    <div class="container mb-20">
     <section class="row mb-50">
       <h6 class="section-marker">{% trans %}Cross-Border payments{% endtrans %}</h6>
       <div class="col-md-4 offset-md-1 order-1 order-md-2 mb-10">