ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 03:35:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Visual polish (incomplete)

Browse Source
This commit is contained in:
mDuo13
2018-04-27 18:07:19 -07:00
parent 86335771bb
commit 3e1619bf5c
4 changed files with 190 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
assets/css/devportal.css
View File

@@ -4,17 +4,6 @@ body {
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
} }
/* Images should not exceed the main column */
.content img {
max-width: 100%;
height: auto;
}
/* But badge images shouldn't be resized */
.content img.dactyl_badge {
width: initial;
}
td { td {
border: 1px solid #dbdde2; border: 1px solid #dbdde2;
padding: 0.2em; padding: 0.2em;
@@ -24,8 +13,17 @@ th {
padding: 0.2em; padding: 0.2em;
} }
/* Reduce external link icon size */
.fa.fa-external-link:before {
font-size: 80%;
}
/* Top navigation ----------------------------------------------------------- */ /* Top navigation ----------------------------------------------------------- */
.navbar {
font-weight: 300;
}
.navbar-brand { .navbar-brand {
text-decoration: none; text-decoration: none;
white-space: pre; white-space: pre;
@@ -38,18 +36,18 @@ th {
} }
.navbar .navbar-brand .brand-text { .navbar .navbar-brand .brand-text {
font-weight: 300;
margin-right: 20px;
color: #777; color: #777;
} }
.navbar .navbar-nav a { .navbar .navbar-nav .nav-link {
font-size: 18px; font-size: 18px;
line-height: 38px; line-height: 38px;
color: #27a2db;
text-decoration: none; text-decoration: none;
transition: 0.5s; transition: 0.5s;
} }
.navbar .navbar-nav .nav-link:hover {
color: #27a2db;
}
.navbar .navbar-nav .active a { .navbar .navbar-nav .active a {
font-weight: bold; font-weight: bold;
@@ -62,6 +60,22 @@ th {
background-color: #eee; background-color: #eee;
} }
#navbar-search {
position: relative;
margin-right: 0.375rem;
}
@media (min-width: 992px) {
#topsearchbar {
width: 185px;
}
}
#navbar-search .btn {
position: absolute;
right: 0.375rem;
}
/* Push content below fixed header ------------------------------------------ */ /* Push content below fixed header ------------------------------------------ */
#main_content_wrapper { #main_content_wrapper {
margin-top: 55px; margin-top: 55px;
@@ -97,6 +111,21 @@ th {
padding-bottom: 50px; padding-bottom: 50px;
} }
/* Images should not exceed the main column */
.content img {
max-width: 100%;
height: auto;
}
/* But badge images shouldn't be resized */
.content img.dactyl_badge {
width: initial;
}
.content a {
text-decoration: underline;
}
.content h1 { .content h1 {
margin-top: 32px; margin-top: 32px;
line-height: 1.2; line-height: 1.2;
@@ -164,41 +193,38 @@ th {
.ripple-footer { .ripple-footer {
z-index: 2; z-index: 2;
color: #999999; color: #999999;
padding: 50px 0;
font-size: 14px; font-size: 14px;
background: #4e4e50 url(../img/ripple_footer_v2.jpg) repeat-x center center; background: #4e4e50 url(../img/ripple_footer_v2.jpg) repeat-x center center;
background-position-y: -60px; background-position-y: -60px;
} }
.ripple-footer h5 a {
color: #ffffff; .ripple-footer a {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
letter-spacing: .04em;
text-decoration: none;
}
.ripple-footer h5 a:hover,
.ripple-footer h5 a:focus {
color: #999999; color: #999999;
-o-transition: .5s; -o-transition: .5s;
-ms-transition: .5s; -ms-transition: .5s;
-moz-transition: .5s; -moz-transition: .5s;
-webkit-transition: .5s; -webkit-transition: .5s;
transition: .5s; transition: .5s;
text-decoration: none; font-weight: 500;
}
.ripple-footer a {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
} }
.ripple-footer a:hover { .ripple-footer a:hover {
text-decoration: underline;
color: white;
}
.ripple-footer hr {
border-top: 1px solid #999999;
}
.ripple-footer h5 a {
color: #ffffff; color: #ffffff;
letter-spacing: .04em;
text-decoration: none; text-decoration: none;
font-weight: 300;
padding-bottom: 0.5rem;
}
.ripple-footer h5 a:hover {
text-decoration: underline;
} }
.absolute_bottom_footer span { .absolute_bottom_footer span {
margin-right: 25px; margin-right: 25px;
@@ -206,6 +232,8 @@ th {
.foot-nav-col .children-display li { .foot-nav-col .children-display li {
list-style-type: none; list-style-type: none;
margin-left: 0;
font-size: 14px;
} }
/* Callouts ----------------------------------------------------------------- */ /* Callouts ----------------------------------------------------------------- */
@@ -600,7 +628,7 @@ a.current {
position: fixed; position: fixed;
top: 75px; top: 75px;
max-height: calc(100% - 150px); max-height: calc(100% - 150px);
max-width: 16.66667%; margin-right: 1.5rem;
overflow: auto; overflow: auto;
z-index: 10; z-index: 10;
} }
@@ -703,17 +731,26 @@ a.current {
/* Landing Pages ------------------------------------------------------------ */ /* Landing Pages ------------------------------------------------------------ */
.landing a .card {
color: #212529;
}
.landing .card li {
list-style-type: none;
margin-left: 0;
}
.landing section:first-of-type { .landing section:first-of-type {
padding-top: 0; padding-top: 0;
border-top-width: 0; border-top-width: 0;
} }
.landing section .card { #home_first_shortcuts .card {
border-width: 0; border-width: 0;
background: none; background: none;
} }
.landing section .card-header { #home_first_shortcuts .card-header {
background: none; background: none;
border-bottom: none; border-bottom: none;
} }
@@ -725,22 +762,18 @@ a.current {
.landing section .card-header h3 { .landing section .card-header h3 {
font-size: 30px; font-size: 30px;
text-align: center;
} }
#xrp_ledger_intro h3 { #xrp_ledger_intro h3 {
font-size: 25px; font-size: 25px;
text-align: center;
} }
.landing .card-img-top { .landing .card-img-top {
height: 8rem; height: 6rem;
margin: 0 auto;
} }
#xrp_ledger_intro .card-img-top { #xrp_ledger_intro .card-img-top {
display: block; display: block;
text-align: center;
} }
#xrp_ledger_intro .card-footer { #xrp_ledger_intro .card-footer {
@@ -753,14 +786,6 @@ a.current {
padding: 1px; padding: 1px;
} }
#xrp_ledger_intro .card-footer:after {
content: " ";
display: block;
width: 30%;
margin: 1.5rem auto;
border-top: 2px solid #0f72e5;
}
.landing .card-title > a { .landing .card-title > a {
text-decoration: none; text-decoration: none;
} }
@@ -807,10 +832,8 @@ a.current {
} }
.related-projects .project-name { .related-projects .project-name {
font-size: 18px; font-size: 18px;
display: block;
} }
.related-projects .login-required { .related-projects .login-required {
display: block;
font-size: 12px; font-size: 12px;
} }
.related-projects p { .related-projects p {
@@ -825,22 +848,21 @@ a.current {
/* Responsive design for different viewscreens ------------------------------ */ /* Responsive design for different viewscreens ------------------------------ */
@media (max-width: 768px) { @media (max-width: 991px) {
#page-toc-wrapper { #page-toc-wrapper {
position: static; position: static;
display: block; display: block;
clear: both; clear: both;
overflow-y: inherit; overflow-y: inherit;
max-width: 100%; max-width: 100%;
max-height: inherit;
word-break: break-all;
} }
.main { .main {
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
overflow: hidden; overflow: hidden;
} }
.github-edit-wrap {
display: none;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
html { html {

11
tool/template-base.html
View File

@@ -57,9 +57,10 @@
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul><!-- /.navbar-nav --> </ul><!-- /.navbar-nav -->
<form class="navbar-form navbar-right" role="search" method="get" action="https://www.google.com/search"> <form class="navbar-form navbar-right" id="navbar-search" role="search" method="get" action="https://www.google.com/search">
<div class="form-inline"> <div class="form-inline">
<input name="q" type="text" class="form-control" class="top-search" placeholder="Search this site..."> <label class="sr-only" for="topsearchbar">Search this site</label>
<input id="topsearchbar" name="q" type="text" class="form-control" class="top-search" placeholder="Search this site...">
<input name="q" value="site:developers.ripple.com" type="hidden"> <input name="q" value="site:developers.ripple.com" type="hidden">
<button type="submit" class="btn btn-default fa fa-search">&nbsp;</button> <button type="submit" class="btn btn-default fa fa-search">&nbsp;</button>
</div> </div>
@@ -72,13 +73,13 @@
<div class="row"> <div class="row">
<!-- Right sidebar first so it's at the beginning for mobile layouts --> <!-- Right sidebar first so it's at the beginning for mobile layouts -->
{% if currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only" %} {% if currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only" %}
<aside class="right-sidebar col-md-3 col-xl-2 p-0 order-md-last" role="complementary"> <aside class="right-sidebar col-lg-3 order-lg-4 p-0" role="complementary">
{% block right_sidebar %}{% endblock %} {% block right_sidebar %}{% endblock %}
</aside> </aside>
{% endif %} {% endif %}
<!-- main column --> <!-- main column -->
<main class="main {% if currentpage.sidebar == "left_only" %}col-md-8 col-xl-10{% elif currentpage.sidebar == "disabled" %}col-md-12 col-xl-12{% else %}col-md-6 col-xl-8{% endif %} p-0" role="main" id="main_content_body"> <main class="main {% if currentpage.sidebar == "disabled" %}col-md-12{% else %}col-md-7 col-lg-6{% endif %} order-md-3 p-0" role="main" id="main_content_body">
{% block breadcrumbs %} {% block breadcrumbs %}
{% include 'template-breadcrumbs.html' %} {% include 'template-breadcrumbs.html' %}
{% endblock %} {% endblock %}
@@ -86,7 +87,7 @@
</main> </main>
{% if currentpage.sidebar != "disabled" %} {% if currentpage.sidebar != "disabled" %}
<!-- Left sidebar last so it's at the end for mobile --> <!-- Left sidebar last so it's at the end for mobile -->
<aside class="sidebar col-md-3 col-xl-2 p-0 order-md-first" role="complementary"> <aside class="sidebar col-md-5 col-lg-3 p-0 order-md-1" role="complementary">
{% block left_sidebar %} {% block left_sidebar %}
{% include "template-sidebar_nav.html" %} {% include "template-sidebar_nav.html" %}
{% endblock %} {% endblock %}

79
tool/template-footer.html
View File

@@ -1,44 +1,53 @@
<footer class="ripple-footer" role="contentinfo"> <footer class="ripple-footer" role="contentinfo">
<div class="container-fluid"> <section class="container-fluid px-5 pt-3 pb-0">
<div class="row"> <div class="row">
{% set funnels = [] %} {% set funnels = [] %}
{% for page in pages %} {% for page in pages %}
{% if page.funnel is defined and page.funnel not in funnels %} {% if page.funnel is defined and page.funnel not in funnels %}
{% set parent_page = pages|selectattr('funnel', 'equalto', page.funnel)|first %} {% set parent_page = pages|selectattr('funnel', 'equalto', page.funnel)|first %}
<div class="col foot-nav-col"> <div class="col mx-5 my-3 foot-nav-col">
<h5><a class="foot-nav-link" href="{{ parent_page.html }}">{{ parent_page.name }}</a></h5> <h5><a class="foot-nav-link" href="{{ parent_page.html }}">{{ parent_page.name }}</a><hr /></h5>
{% set depth = 1 %} {% set depth = 1 %}
{% include 'template-page-children.html' %} {% include 'template-page-children.html' %}
</div><!--/.foot-nav-col --> </div><!--/.foot-nav-col -->
{% set _ = funnels.append(page.funnel) %} {% set _ = funnels.append(page.funnel) %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
<div class="col foot-nav-col"> <div class="col mx-5 my-3 foot-nav-col">
<h5><a class="foot-nav-link" href="https://ripple.com/" target="_blank">Ripple <i class="fa fa-external-link"></i></a></h5> <h5><a class="foot-nav-link" href="https://ripple.com/" target="_blank">Ripple <i class="fa fa-external-link"></i></a><hr /></h5>
<div class="children-display"> <div class="children-display">
<ul> <ul>
<li class="level-1"><a class="foot-nav-link" href="https://ripple.com/company/" target="_blank">Our Company <i class="fa fa-external-link"></i></a></li> <li class="level-1"><a class="foot-nav-link" href="https://ripple.com/company/" target="_blank">Our Company <i class="fa fa-external-link"></i></a></li>
<li class="level-1"><a class="foot-nav-link" href="https://ripple.com/company/careers/" target="_blank">Careers <i class="fa fa-external-link"></i></a></li> <li class="level-1"><a class="foot-nav-link" href="https://ripple.com/company/careers/" target="_blank">Careers <i class="fa fa-external-link"></i></a></li>
<li class="level-1"><a href="https://ripple.com/collateral/#xrp" target="_blank">XRP Resources <i class="fa fa-external-link"></i></a></li> <li class="level-1"><a href="https://ripple.com/collateral/#xrp" target="_blank">XRP Resources <i class="fa fa-external-link"></i></a></li>
</ul> </ul>
</div> </div>
</div><!--/.foot-nav-col --> </div><!--/.foot-nav-col -->
</div><!--/.row--> </div><!--/.row-->
</section>
<section class="container-fluid pb-5 px-5">
<div class="build-disclaimer">
<p>
These resources are provided for informational purposes only, as illustrative references for your independent development of products or services designed to interface with Ripple’s open-source technologies. These resources are not intended to direct or influence how you or any other person interacts with Ripple’s open-source technologies. Ripple <strong><em>does not</em></strong> endorse any specific resource and makes no representations or warranties with respect to the resources listed.
</p>
<p>
Note that anti-money laundering and counter-terrorism financing laws and regulations, such as the U.S. Bank Secrecy Act and regulations issued by the Financial Crimes Enforcement Network (FinCEN), require certain parties to take certain precautions against financial crime. In particular, you may be interested in the <a href="https://www.fincen.gov/resources/statutes-regulations/guidance/application-fincens-regulations-persons-administering">2013 guidance issued by FinCEN</a> in response to questions concerning the regulatory treatment of persons who use or make a business of exchanging, accepting, or transmitting certain virtual currencies. Additional FinCEN references are available at <a href="https://www.fincen.gov">https://www.fincen.gov</a>.
</p>
</div> </div>
<div class="container-fluid"> <div class="absolute_bottom_footer">
<div class="row"> <span>&copy; 2013 - 2018 Ripple. All Rights Reserved.</span>
<div class="col-sm-12 absolute_bottom_footer"> <span><a href="https://ripple.com/terms-of-use/">Terms</a></span>
<span>&copy; 2013 - 2018 Ripple. All Rights Reserved.</span> <span><a href="https://ripple.com/privacy-policy/">Privacy</a></span>
<span><a href="https://ripple.com/terms-of-use/">Terms</a></span> <span><a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">License</a></span>
<span><a href="https://ripple.com/privacy-policy/">Privacy</a></span> </div><!-- /.absolute_bottom_footer -->
<span><a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">License</a></span>
</div><!-- /.absolute_bottom_footer --> </section>
</div><!-- /.row -->
</div><!-- /.container -->
</footer> </footer>
<!-- Jump to top button --> <!-- Jump to top button -->

139
tool/template-home.html
View File

@@ -25,7 +25,7 @@
</div> </div>
</section> </section>
<section class="container-fluid p-5 bg-white"> <section class="container-fluid p-5 bg-white" id="home_first_shortcuts">
<div class="card-deck mb-4"> <div class="card-deck mb-4">
<div class="card"> <div class="card">
@@ -125,97 +125,89 @@
<div class="card-deck mb-4"> <div class="card-deck mb-4">
<div class="card"> <a href="concept-xrp-ledger-intro.html#the-best-digital-asset"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#the-best-digital-asset"><img src="assets/img/triskellion.svg" alt="(XRP triskellion)" /></a> <img class="card-img-top" src="assets/img/triskellion.svg" alt="(XRP triskellion)" />
<div class="card-body"> <div class="card-body">
<!-- <p>XRP is a digital asset native to the XRP Ledger. Anyone with a cryptographic key and an internet connection can receive, hold, and send XRP to anyone else.</p> --> <!-- <p>XRP is a digital asset native to the XRP Ledger. Anyone with a cryptographic key and an internet connection can receive, hold, and send XRP to anyone else.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#the-best-digital-asset">The Digital Asset for Payments</a></h3></div> <div class="card-footer"><h3>The Digital Asset for Payments</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="card"> <a href="concept-xrp-ledger-intro.html#censorship-resistant-transaction-processing"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#censorship-resistant-transaction-processing"><img src="assets/img/dollar-arrow.svg" alt="(money moving)" /></a> <img class="card-img-top" src="assets/img/dollar-arrow.svg" alt="(money moving)" />
<div class="card-body"> <div class="card-body">
<!-- <p>No single party decides which XRP transactions succeed or fail, and no one can "roll back" a transaction after it completes.</p> --> <!-- <p>No single party decides which XRP transactions succeed or fail, and no one can "roll back" a transaction after it completes.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#censorship-resistant-transaction-processing">Censorship-Resistant Transaction Processing</a></h3></div> <div class="card-footer"><h3>Censorship-Resistant Transaction Processing</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div>
<div class="card"> <a href="concept-xrp-ledger-intro.html#fast-efficient-consensus-algorithm"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#fast-efficient-consensus-algorithm"><img src="assets/img/network.svg" alt="(consensus network)" /></a> <img class="card-img-top" src="assets/img/network.svg" alt="(consensus network)" />
<div class="card-body"> <div class="card-body">
<!-- <p>The XRP Ledger's consensus algorithm settles transactions in 4 to 5 seconds, processing at a throughput of up to 1500 transactions per second.</p> --> <!-- <p>The XRP Ledger's consensus algorithm settles transactions in 4 to 5 seconds, processing at a throughput of up to 1500 transactions per second.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#fast-efficient-consensus-algorithm">Fast, Efficient Consensus Algorithm</a></h3></div> <div class="card-footer"><h3>Fast, Efficient Consensus Algorithm</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md --></div> <div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md --></div>
<div class="card"> <a href="concept-xrp-ledger-intro.html#finite-xrp-supply"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#finite-xrp-supply"><img src="assets/img/line-graph.svg" alt="(price graph)" /></a> <img class="card-img-top" src="assets/img/line-graph.svg" alt="(price graph)" />
<div class="card-body"> <div class="card-body">
<!-- <p>When the XRP Ledger began, 100 billion XRP were created, and no more XRP will ever be created.</p> --> <!-- <p>When the XRP Ledger began, 100 billion XRP were created, and no more XRP will ever be created.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#finite-xrp-supply">Finite XRP Supply</a></h3></div> <div class="card-footer"><h3>Finite XRP Supply</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div>
<div class="w-100 d-none d-lg-block"><!-- wrap every 4 on lg/xl --></div> <div class="w-100 d-none d-lg-block"><!-- wrap every 4 on lg/xl --></div>
<div class="card"> <a href="concept-xrp-ledger-intro.html#responsible-software-governance"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#responsible-software-governance"><img src="assets/img/scales.svg" alt="(scales of justice)" /></a> <img class="card-img-top" src="assets/img/scales.svg" alt="(scales of justice)" />
<div class="card-body"> <div class="card-body">
<!-- <p>A team of full-time, world-class developers at Ripple maintain and continually improve the XRP Ledger's underlying software.</p> --> <!-- <p>A team of full-time, world-class developers at Ripple maintain and continually improve the XRP Ledger's underlying software.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#responsible-software-governance">Responsible Software Governance</a></h3></div> <div class="card-footer"><h3>Responsible Software Governance</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="card"> <a href="concept-xrp-ledger-intro.html#secure-adaptable-cryptography"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#secure-adaptable-cryptography"><img src="assets/img/lock.svg" alt="(lock)" /></a> <img class="card-img-top" src="assets/img/lock.svg" alt="(lock)" />
<div class="card-body"> <div class="card-body">
<!-- <p>The XRP Ledger relies on industry standard digital signature systems like ECDSA and also supports modern, efficient algorithms like Ed25519.</p> --> <!-- <p>The XRP Ledger relies on industry standard digital signature systems like ECDSA and also supports modern, efficient algorithms like Ed25519.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#secure-adaptable-cryptography">Secure, Adaptable Cryptography</a></h3></div> <div class="card-footer"><h3>Secure, Adaptable Cryptography</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div> <div class="w-100 d-none d-sm-block d-md-none"><!-- wrap every 2 on sm --></div>
<div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md --></div> <div class="w-100 d-none d-md-block d-lg-none"><!-- wrap every 3 on md --></div>
<div class="card"> <a href="concept-xrp-ledger-intro.html#modern-features-for-smart-contracts"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#modern-features-for-smart-contracts"><img src="assets/img/gears.svg" alt="(gears)" /></a> <img class="card-img-top" src="assets/img/gears.svg" alt="(gears)" />
<div class="card-body"> <div class="card-body">
<!-- <p>Features like Escrow, Checks, and Payment Channels support cutting-edge financial applications while safety features like Invariant Checks and Amendments provide for stable operation.</p> --> <!-- <p>Features like Escrow, Checks, and Payment Channels support cutting-edge financial applications while safety features like Invariant Checks and Amendments provide for stable operation.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#modern-features-for-smart-contracts">Modern Features for Smart Contracts</a></h3></div> <div class="card-footer"><h3>Modern Features for Smart Contracts</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
<div class="card"> <a href="concept-xrp-ledger-intro.html#on-ledger-decentralized-exchange"><div class="card m-3">
<a class="card-img-top" href="concept-xrp-ledger-intro.html#on-ledger-decentralized-exchange"><img src="assets/img/exchange.svg" alt="(currency exchange)" /></a> <img class="card-img-top" src="assets/img/exchange.svg" alt="(currency exchange)" />
<div class="card-body"> <div class="card-body">
<!-- <p>The XRP Ledger also has a fully-functional accounting system for tracking and trading obligations denominated in any way users want, and an exchange built into the protocol.</p> --> <!-- <p>The XRP Ledger also has a fully-functional accounting system for tracking and trading obligations denominated in any way users want, and an exchange built into the protocol.</p> -->
</div><!--/.card-body--> </div><!--/.card-body-->
<div class="card-footer"><h3><a href="concept-xrp-ledger-intro.html#on-ledger-decentralized-exchange">On-Ledger Decentralized Exchange</a></h3></div> <div class="card-footer"><h3>On-Ledger Decentralized Exchange</h3></div>
</div><!--/.card--> </div><!--/.card--></a>
</div><!--/.card-deck--> </div><!--/.card-deck-->
</section> </section>
<section class="container-fluid related-projects p-5 bg-light"> <section class="container-fluid p-5 bg-light">
<div class="row"> <h2>Built on the XRP Ledger</h2>
<h2>Built on the XRP Ledger</h2> <div class="blurb">
<div class="blurb col-sm-12">
<p>Learn about just a few of the types of integrations developers have built on the XRP Ledger.</p> <p>Learn about just a few of the types of integrations developers have built on the XRP Ledger.</p>
</div> <p>Have an idea for a use case not listed here? <a href="mailto:projectlotus@ripple.com">Contact us</a></p>
</div> </div>
@@ -259,12 +251,6 @@
</div><!--/.col--> </div><!--/.col-->
</div><!--/.row--> </div><!--/.row-->
<div class="row">
<div class="blurb col-sm-12">
<p>Have an idea for a use case not listed here? <a href="mailto:projectlotus@ripple.com">Contact us</a></p>
</div>
</div>
</section> </section>
<section class="container-fluid related-projects p-5 bg-white"> <section class="container-fluid related-projects p-5 bg-white">
@@ -273,42 +259,37 @@
<div class="row"> <div class="row">
<div class="col m-2"> <div class="col m-2">
<div class="card"> <a class="client-portal-link" href="https://clients.ripple.com/" target="_blank">
<div class="card-body"> <div class="card">
<p><a class="client-portal-link" href="https://clients.ripple.com/" target="_blank"> <div class="card-body">
<img class="project-icon" src="assets/img/RippleNet-condensed.svg" /> <p>
<span class="project-name">Ripple Client Portal</span> <img class="project-icon" src="assets/img/RippleNet-condensed.svg" />
<span class="login-required">(login required)</span> <span class="project-name">Ripple Client Portal</span>
</a></p> <span class="login-required">(login required)</span>
<p class="project-summary">For financial institutions using Ripple's proprietary solutions to send money globally.</p> <i class="fa fa-external-link"></i>
</div><!--/.card-body--> </p>
</div><!--/.card--> <p class="project-summary">For financial institutions using Ripple's proprietary solutions to send money globally.</p>
</div><!--/.card-body-->
</div><!--/.card-->
</a>
</div><!--/.col--> </div><!--/.col-->
<div class="col m-2"> <div class="col m-2">
<div class="card"> <a class="interledger-link" href="https://interledger.org/" target="_blank">
<div class="card-body"> <div class="card">
<p><a class="interledger-link" href="https://interledger.org/" target="_blank"> <div class="card-body">
<p>
<img class="project-icon" src="assets/img/ilp_logo.svg" /> <img class="project-icon" src="assets/img/ilp_logo.svg" />
<span class="project-name">Interledger</span> <span class="project-name">Interledger</span>
</a></p> <i class="fa fa-external-link"></i>
<p class="project-summary">An open protocol suite for connecting all forms of digital money.</p> </p>
</div><!--/.card-body--> <p class="project-summary">An open protocol suite for connecting all forms of digital money.</p>
</div><!--/.card--> </div><!--/.card-body-->
</div><!--/.card-->
</a>
</div><!--/.col--> </div><!--/.col-->
</div><!--/.row--> </div><!--/.row-->
</section> </section>
<!-- Disclaimer block -->
<section class="container-fluid p-5 build-disclaimer">
<p>
These resources are provided for informational purposes only, as illustrative references for your independent development of products or services designed to interface with Ripple’s open-source technologies. These resources are not intended to direct or influence how you or any other person interacts with Ripple’s open-source technologies. Ripple <strong><em>does not</em></strong> endorse any specific resource and makes no representations or warranties with respect to the resources listed.
</p>
<p>
Note that anti-money laundering and counter-terrorism financing laws and regulations, such as the U.S. Bank Secrecy Act and regulations issued by the Financial Crimes Enforcement Network (FinCEN), require certain parties to take certain precautions against financial crime. In particular, you may be interested in the <a href="https://www.fincen.gov/resources/statutes-regulations/guidance/application-fincens-regulations-persons-administering">2013 guidance issued by FinCEN</a> in response to questions concerning the regulatory treatment of persons who use or make a business of exchanging, accepting, or transmitting certain virtual currencies. Additional FinCEN references are available at <a href="https://www.fincen.gov">https://www.fincen.gov</a>.
</p>
</div>
{% endblock %} {% endblock %}