edits to the history page, calculator, and wallets page

styles/_marketing.scss

@@ -307,4 +307,16 @@
 	background-image: url(../../img/backgrounds/bg-overview-top.png);
 	background-repeat: no-repeat;
 	background-position: right 0;
+}
+
+#page-history-bg {
+	background-image: url(../../img/backgrounds/bg-history-mid.png);
+	background-repeat: no-repeat;
+	background-position: right 60%;
+}
+
+#page-history-top {
+	position: absolute;
+	left: 0;
+	top: 302px;
 }

tool/template-calculator.html

@@ -20,7 +20,7 @@
         <section class="row mb-49">
           <h6 class="section-marker">Sustainability</h6>
           <div class="col-sm-4">
-            <img src="../assets/img/green-graphic.png" class="mw-100">
+            <img src="./img/green-graphic.png" class="mw-100">
           </div>
           <div class="col-sm-8">
             <h3 class="h1 mb-4 mt-12">How Green Is Your Currency?</h3>
@@ -69,38 +69,38 @@
               <div class="d-viz d-viz-1">
                 <ul class="d-sm-flex justify-content-between p-0">
                   <li class="d-output d-crypto active" data-comp="kWh" data-type="btc">
-                    <img src="../assets/img/Portugal.png" class="mw-100">
+                    <img src="./img/Portugal.png" class="mw-100">
                     <div class="dot"></div>
                     <p>Bitcoin</p>
                     <h5 id="kWh-btc"></h5>
                     <p>kWh</p>
                   </li>
                   <li class="d-output d-crypto active" data-comp="kWh" data-type="eth">
-                    <img src="../assets/img/Portugal.png" class="mw-100">
+                    <img src="./img/Portugal.png" class="mw-100">
                     <p>Ethereum</p>
                     <h5 id="kWh-eth"></h5>
                     <p>kWh</p>
                   </li>
                   <li class="d-output d-cash" data-comp="kWh" data-type="pap">
-                    <img src="../assets/img/Portugal.png" class="mw-100">
+                    <img src="./img/Portugal.png" class="mw-100">
                     <p>Cash</p>
                     <h5 id="kWh-pap"></h5>
                     <p>kWh</p>
                   </li>
                   <li class="d-output d-crypto d-credit d-cash active" data-comp="kWh" data-type="xrp">
-                    <img src="../assets/img/Portugal.png" class="mw-100">
+                    <img src="./img/Portugal.png" class="mw-100">
                     <p>XRP</p>
                     <h5 id="kWh-xrp"></h5>
                     <p>kWh</p>
                   </li>
                   <li class="d-output d-credit" data-comp="kWh" data-type="vsa">
-                    <img src="../assets/img/Portugal.png" class="mw-100">
+                    <img src="./img/Portugal.png" class="mw-100">
                     <p>Visa</p>
                     <h5 id="kWh-vsa"></h5>
                     <p>kWh</p>
                   </li>
                   <li class="d-output d-credit" data-comp="kWh" data-type="mst">
-                    <img src="../assets/img/Portugal.png" class="mw-100">
+                    <img src="./img/Portugal.png" class="mw-100">
                     <p>Mastercard</p>
                     <h5 id="kWh-mst"></h5>
                     <p>kWh</p>
@@ -181,37 +181,37 @@
               </thead>
               <tbody>
                 <tr>
-                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="../assets/img/Bitcoin@2x.png"></div>Bitcoin</td>
+                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/Bitcoin@2x.png"></div>Bitcoin</td>
                   <td class="fs-6 ta-right">700<span class="dblue">.0000</span><span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">700<span class="dblue">.0000</span><span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">700<span class="dblue">.0000</span><span class="ratio"> KWh/tx</span></td>
                 </tr>
                 <tr>
-                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="../assets/img/Ethereum@2x.png"></div>Ethereum</td>
+                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/Ethereum@2x.png"></div>Ethereum</td>
                   <td class="fs-6 ta-right">30<span class="dblue">.0000</span><span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">30<span class="dblue">.0000</span><span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">30<span class="dblue">.0000</span><span class="ratio"> KWh/tx</span></td>
                 </tr>
                 <tr>
-                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="../assets/img/XRP-Mark@2x.png"></div>XRP</td>
+                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="h36" src="./img/XRP-Mark@2x.png"></div>XRP</td>
                   <td class="fs-6 ta-right">0.0079<span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.0079<span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.0079<span class="ratio"> KWh/tx</span></td>
                 </tr>
                 <tr>
-                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="../assets/img/Visa@2x.png"></div>Visa</td>
+                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/Visa@2x.png"></div>Visa</td>
                   <td class="fs-6 ta-right">0.0008<span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.0008<span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.0008<span class="ratio"> KWh/tx</span></td>
                 </tr>
                 <tr>
-                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="../assets/img/MasterCard@2x.png"></div>Mastercard</td>
+                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/MasterCard@2x.png"></div>Mastercard</td>
                   <td class="fs-6 ta-right">0.0006<span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.0006<span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.0006<span class="ratio"> KWh/tx</span></td>
                 </tr>
                 <tr>
-                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="../assets/img/paper-money@2x.png"></div>Paper</td>
+                  <td class="fs-5-5 bold"><div class="w48 mr-3 text-center d-inline-block"><img class="w40" src="./img/paper-money@2x.png"></div>Paper</td>
                   <td class="fs-6 ta-right">0.044<span class="dblue">0</span><span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.044<span class="dblue">0</span><span class="ratio"> KWh/tx</span></td>
                   <td class="fs-6 ta-right">0.044<span class="dblue">0</span><span class="ratio"> KWh/tx</span></td>

tool/template-explore-wallets.html

@@ -20,11 +20,11 @@
   <div class="container my-40 marketing-wrapper">
 
     <section class="row mt-40 mb-40">
-      <div class="col-sm-4 mb-10">
+      <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>
-      <div class="col-sm-6 offset-sm-1">
+      <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>
       </div>

tool/template-learn-history.html

@@ -16,7 +16,9 @@
 {% block breadcrumbs %}{% endblock %}
 
 {% block main %}
-  <div class="container my-40 marketing-wrapper">
+  <div id="page-history-bg">
+    <div class="container my-40 marketing-wrapper">
+      <img id="page-history-top" src="./img/backgrounds/bg-history-top.png">
       <section class="row mt-40 mb-40">
         <div class="col-sm-4 mb-10">
           <h6 class="text-primary mb-4">{% trans %}XRP’s Origin{% endtrans %}</h6>
@@ -81,6 +83,7 @@
         </div>
       </section>
     </div>
+  </div>
 {% endblock %}