diff --git a/assets/js/calculator/carbon-calculator.js b/assets/js/calculator/carbon-calculator.js
index 18433ed746..0b8453645a 100644
--- a/assets/js/calculator/carbon-calculator.js
+++ b/assets/js/calculator/carbon-calculator.js
@@ -206,5 +206,14 @@ $(document).ready(function(){
       inputs_offset.addClass('offset');
       $(this).text('Hide Inputs');
     }
-  })
+  });
+
+  $(document).on('click', 'a[href^="#"]', function(event) {
+    event.preventDefault();
+
+    $('html, body').animate({
+      scrollTop: $($.attr(this, 'href')).offset().top - 80
+    }, 800);
+  });
+  
 });
diff --git a/assets/pdf/xrpl-sustainability-methodology-2020.pdf b/assets/pdf/xrpl-sustainability-methodology-2020.pdf
new file mode 100644
index 0000000000..86a3ddc887
Binary files /dev/null and b/assets/pdf/xrpl-sustainability-methodology-2020.pdf differ
diff --git a/tool/template-calculator.html b/tool/template-calculator.html
index f0fe05738a..23c33d4fc4 100644
--- a/tool/template-calculator.html
+++ b/tool/template-calculator.html
@@ -48,7 +48,7 @@
   <div class="container" id="calculator">
     <div class="col-sm-5 mt-20 mb-30 offset-sm-4">
       <h3 class="mb-4">{% trans %}How Does XRP Compare to Other Currencies?{% endtrans %}</h3>
-      <a href="#" class="text-green arrow-link bold">{% trans %}Learn more about the methodology{% endtrans %}</a>
+      <a href="./assets/pdf/xrpl-sustainability-methodology-2020.pdf" target="_blank" class="text-green arrow-link bold">{% trans %}Learn more about the methodology{% endtrans %}</a>
     </div>
   </div>
 
@@ -83,7 +83,7 @@
                 </a>
               </div>
           </div>
-          <a href="#" class="text-white arrow-link bold mt-4 d-block">{% trans %}Learn more about the methodology{% endtrans %}</a>
+          <a href="./assets/pdf/xrpl-sustainability-methodology-2020.pdf" target="_blank" class="text-white arrow-link bold mt-4 d-block">{% trans %}Learn more about the methodology{% endtrans %}</a>
         </div>
       </div>