Improve XRP Developer templates

- better responsive design
- move breadcrumbs into nav-header
- proper terms & privacy policy links
- add "Related Projects" to index

tool/template-index.html

@@ -18,18 +18,34 @@
 {% block breadcrumbs %}{% endblock %}
 
 {% block main %}
-  <div class="container">
-    <h2>XRP Ledger Documentation Table of Contents</h2>
-  </div>
   <div class="container build-index">
+    <aside class="related-projects">
+      <h3>Related Projects</h3>
+      <div class="project">
+        <p><a class="client-portal-link" href="https://clients.ripple.com/">
+          <img class="project-icon" src="assets/img/RippleNet-condensed.svg" />
+          <span class="project-name">Ripple Client Portal</span>
+          <span class="login-required">(login required)</span>
+        </a></p>
+        <p>For financial institutions using Ripple's proprietary solutions to send money globally.</p>
+      </div>
+      <div class="project">
+        <p><a class="interledger-link" href="https://interledger.org/">
+            <img class="project-icon" src="assets/img/ilp_logo.svg" />
+            <span class="project-name">Interledger</span>
+        </a></p>
+        <p>An open protocol suite for connecting all forms of digital money.</p>
+    </aside>
+
+    <h2>XRP Ledger Documentation Table of Contents</h2>
     <div class="row">
       <div class="col-md-8">
         {% for cat in categories %}
           <ul>
-          <li class="top"><h5><a class="dev_heading" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a></h5></li>
+              <li class="top"><h5><a class="dev_heading" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a></h5></li>
             {% for page in pages %}
               {% if page.category == cat and page.name != category and not page.toc_omit %}
-                <li><a href="{{ page.html }}">{{ page.name }}</a></li>
+              <li><a href="{{ page.html }}">{{ page.name }}</a></li>
               {% endif %}
             {% endfor %}
           </ul>