mobile styling clean up based on qa doc

This commit is contained in:
Calvin Jhunjhnuwala
2021-07-01 16:23:50 -07:00
parent 276b61f680
commit 290c4beb44
12 changed files with 43 additions and 35 deletions

File diff suppressed because one or more lines are too long

View File

@@ -83,7 +83,7 @@ p + .readmore {
transition: transform 0.3s ease-out;
}
&:hover {
background: $blue-purple-500 !important;
background: $blue-purple-600 !important;
border: none;
&::after {
-webkit-transform: translateX(4px);

View File

@@ -76,7 +76,7 @@ h6, .h6 {
font-size: 1.5rem;
line-height: 32px;
color: $gray-100;
font-weight: 600;
font-weight: 500;
@include media-breakpoint-down(sm) {
font-size: 1.125rem;
line-height: 26px;

View File

@@ -70,6 +70,10 @@
p a,
h5 a {
color: $blue-purple-400;
font-weight: 600;
&:hover {
text-decoration: underline;
}
}
/* Misc. ------------------------------------------------------------------ */

View File

@@ -369,6 +369,7 @@ $columns: 12; // Number of columns in the grid system
transition: all 0.15s ease-out;
cursor: pointer;
text-decoration: none;
box-shadow: 0px 5px 40px 0px $black;
&:hover {
-webkit-transform: translateY(-16px);
-moz-transform: translateY(-16px);

View File

@@ -11,7 +11,7 @@
}
#home-hero-graphic {
margin-left: auto;
width: 608px;
width: 856px;
margin-right: auto;
margin-bottom: 24px;
max-width: 100%;
@@ -43,7 +43,7 @@
// Page backgrounds
.landing-bg {
@include media-breakpoint-down(sm) {
opacity: .5;
opacity: .6;
}
}

View File

@@ -25,7 +25,7 @@
<div class="col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}Your Questions About XRPL, Answered{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL Overview{% endtrans %}</h6>
<h6 class="green-500 mb-3">{% trans %}FAQ{% endtrans %}</h6>
</div>
</div>
</section>
@@ -35,19 +35,19 @@
{% set faqs = [
{ "number": "1",
"question": _("Is XRPL a private blockchain, owned by Ripple?"),
"answer": _("No, the XRP Ledger is a decentralized, public blockchain. Any changes that would impact transaction processing or consensus need to be approved by at least 80%% of the network. Ripple is a contributor to the network, but its rights are the same as those of other contributors. In terms of validation, there are 38 validators, with Ripple running six of the 38.") },
"answer": _("No, the XRP Ledger is a decentralized, public blockchain. Any changes that would impact transaction processing or consensus need to be approved by at least 80%% of the network. Ripple is a contributor to the network, but its rights are the same as those of other contributors. In terms of validation, there are 150+ validators on the network with 35+ on the Unique Node List (see “What are Unique Node Lists (UNLs)?” below) — Ripple runs 6 of these nodes.") },
{ "number": "2",
"question": _("Isnt Proof of Work the best validation mechanism?"),
"answer": _("Proof of Work (PoW) was the first mechanism to solve the double spend problem without requiring a trusted 3rd party. However the XRP Ledgers consensus mechanism solves the same problem in a far faster, cheaper and more energy efficient way.") },
{ "number": "3",
"question": _("How can a blockchain be sustainable?"),
"answer": _("Its been widely reported that Bitcoins energy consumption, as of 2021, is equivalent to that used by Argentina, with much of the electricity Bitcoin miners use coming from polluting sources. The XRP Ledger confirms transactions through a “<a href='intro-to-consensus.html'>consensus</a>” mechanism - which does not waste energy like proof of work does - and leverages carbon offsets to be one of the first truly <a href='https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/' target='_blank'>carbon neutral blockchains</a>. Explore the energy consumption of XRP compared to cash, credit cards and other popular cryptocurrencies with the <a href='carbon-calculator.html'>Green Currency Calculator</a>.") },
"answer": _("Its been widely reported that Bitcoins energy consumption, as of 2021, is equivalent to that used by Argentina, with much of the electricity Bitcoin miners use coming from polluting sources. The XRP Ledger confirms transactions through a “<a href='intro-to-consensus.html'>consensus</a>” mechanism - which does not waste energy like proof of work does - and leverages carbon offsets to be <a href='https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/' target='_blank'>one of the first truly carbon neutral blockchains</a>. Explore the energy consumption of XRP compared to cash, credit cards and other popular cryptocurrencies with the <a href='carbon-calculator.html'>Green Currency Calculator</a>.") },
{ "number": "4",
"question": _("Can currencies other than XRP be traded through XRPL?"),
"answer": _("Yes, the XRP Ledger was built specifically to be able to tokenize arbitrary assets, e.g. USD, EUR, Oil, Gold, reward points, etc. Any currency can be issued on the XRP Ledger. This is illustrated by XRPLs growing community that backs a variety of fiat and crypto tokens.") },
{ "number": "5",
"question": _("Isnt XRPL only for payments?"),
"answer": _("While XRPL was initially developed for payment use cases, both the currency and the ledger are increasingly popular for a range of innovative blockchain use cases. New standards proposals for issuing NFTs, XRPL Labs hooks amendment for smart contract functionality, and federated sidechains are all currently works in progress.") },
"answer": _("While XRPL was initially developed for payment use cases, both the ledger and its native digital asset XRP are increasingly popular for a range of innovative blockchain use cases. New standards proposals for issuing NFTs, XRPL Labs hooks amendment for smart contract functionality, and federated sidechains are all currently works in progress.") },
] %}
{% for faq in faqs %}
<div class="w-100 accordian-row mb-6">

View File

@@ -25,9 +25,9 @@
<div class="col-lg-5 mx-auto text-center pl-0 pr-0">
<div class="d-flex flex-column-reverse">
<h1 class="mb-10">{% trans %}Community<br class="until-sm"/> Powered Utility{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRPL | XRPL Ledger{% endtrans %}</h6>
<h6 class="green-500 mb-3">{% trans %}XRPL | XRP Ledger{% endtrans %}</h6>
</div>
<a href="overview.html" class="btn btn-primary btn-arrow mr-4 mb-4">{% trans %}Start Building{% endtrans %}</a>
<a href="docs.html" class="btn btn-primary btn-arrow mr-4 mb-4">{% trans %}Start Building{% endtrans %}</a>
</div>
</section>
@@ -72,7 +72,7 @@
] %}
{% for card in cards %}
<li class="col-new ls-none">
<img src="{{card.icon}}">
<img src="{{card.icon}}" alt="{{card.title}} Icon">
<h4 class="mt-3 mb-0 h5">{{card.title}}</h4>
<p class="mt-8-until-sm mt-3 mb-0">{{card.description}}</p>
</li>

View File

@@ -73,12 +73,12 @@
</div>
<section class="container-new py-26">
<div class="col-sm-8 p-0 mx-10-until-sm">
<div class="col-sm-7 p-0 mx-10-until-sm">
<div class="d-flex flex-column-reverse">
<h3 class="h4">{% trans %}Businesses and projects running on the XRP Ledger{% endtrans %}</h3>
<h3 class="h4">{% trans %}Businesses and projects running<br class="until-sm"> on the XRP Ledger{% endtrans %}</h3>
<h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6>
</div>
<p class="mb-0">{% trans %}There are companies and developer projects around the world that leverage the XRP Ledger to solve interesting problems across a variety of industries and use cases.{% endtrans %}</p>
<p class="mb-0 longform mt-8-until-sm mt-3 ">{% trans %}There are companies and developer projects around the world that leverage the XRP Ledger to solve interesting problems across a variety of industries and use cases.{% endtrans %}</p>
</div>
<div class="mt-10 card-grid card-grid-3xN">
{% set cards = [

View File

@@ -93,18 +93,17 @@
<p class="mb-10">{% 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>
<div class="card-grid card-grid-2xN mb-10">
<div class="mr-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/briefcase.svg">
<img class="mw-100 mb-2" src="./img/icons/briefcase.svg">
<h6 class="fs-4-5">{% trans %}Financial Institutions{% endtrans %}</h6>
<p class="">{% trans %}Leverage XRP as a bridge currency to facilitate faster, more affordable cross-border payments around the world.{% endtrans %}</p>
</div>
<div class="ml-5-until-md">
<img class="mw-100 mb-1" src="./img/icons/user.svg">
<img class="mw-100 mb-2" src="./img/icons/user.svg">
<h6 class="fs-4-5">{% trans %}Individual Consumers{% endtrans %}</h6>
<p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
</div>
</div>
<div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
<img src="./img/backgrounds/cta-xrp-overview-orange.svg" class="cta cta-top-left">
<img src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}XRP was designed with sustinability in mind.{% endtrans %}</h2>
@@ -123,10 +122,9 @@
<div class="py-26 link-section" id="ripple">
<h2 class="h4 mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
<h5 class="longform mb-10">{% trans %}<a href="https://ripple.com" target="_blank">Ripple</a> 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 Ripples On-Demand Liquidity service to facilitate efficient and cost-effective cross-border transactions. {% endtrans %}</h5>
<h5 class="longform mb-10">{% trans %}<a href="https://ripple.com" target="_blank">Ripple</a> is a technology company that makes it easier to build a high-performance, global payments business. XRP is a digital asset independent of this.{% endtrans %}</h5>
<p>{% trans %}There is a finite amount of XRP. All XRP is already in existence today—no more than the original 100 billion can be created. The XRPL founders gifted 80 billion XRP, the platforms native currency, to Ripple. To provide predictability to the XRP supply, Ripple has locked 55 billion XRP (55% of the total possible supply) into a series of escrows using the XRP Ledger itself. The XRPL's transaction processing rules, enforced by the consensus protocol, control the release of the XRP.{% endtrans %}</p>
<div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
<img src="./img/backgrounds/cta-xrp-overview-green.svg" class="cta cta-top-left">
<img src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h3 class="h4 mb-10">{% trans %}As of <span class="green-500">December 2017</span> <br/>

View File

@@ -38,13 +38,13 @@
<section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 p-10-util-sm pl-0-sm pr-0-sm">
<h4 class="mb-8">{% trans %}The Vision{% endtrans %}</h4>
<h6 class="longform mb-10">{% trans %}The Foundations vision is to support the development of a diverse XRP Ledger community by focusing on governance, amendments to the core code, and an evolving list of robust validators — all key to creating a dynamic ecosystem that supports a growing and innovative Ledger. {% endtrans %}</h6>
<h6 class="longform">{% trans %}The Foundations vision is to support the development of a diverse XRP Ledger community by focusing on governance, amendments to the core code, and an evolving list of robust validators — all key to creating a dynamic ecosystem that supports a growing and innovative Ledger. {% endtrans %}</h6>
</div>
</section>
<section class="container-new py-26">
<h3 class="h4 mx-10-until-md">{% trans %}Key Areas of Focus{% endtrans %}</h3>
<ul class="mt-10 card-grid card-grid-3xN">
<ul class="mt-10 card-grid card-grid-3xN mb-0">
{% set features = [
{ "title": _("Core Technology"),
"description": _("Enhance and develop infrastructure including high capacity hubs, full history servers, and monitoring systems.") },
@@ -59,7 +59,7 @@
] %}
{% for feat in features %}
<li class="col-new ls-none">
<h4 class="mt-3 mb-0 h5">{{feat.title}}</h4>
<h4 class="mb-0 h5">{{feat.title}}</h4>
<p class="mt-8-until-sm mt-3 mb-0">{{feat.description}}</p>
</li>
{% endfor %}
@@ -68,8 +68,8 @@
<section class="container-new py-26">
<div class="mx-10-until-md">
<h3 class="h4 mb-20">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3>
<h4 class="h5">{% trans %}We Value:{% endtrans %}</h4>
<h3 class="h4 mb-20-until-sm">{% trans %}XRP Ledger Foundation Values and Beliefs{% endtrans %}</h3>
<h4 class="h5 mb-0 mt-10">{% trans %}We Value:{% endtrans %}</h4>
</div>
<ul class="card-grid card-grid-3xN mb-10">
{% set values = [

View File

@@ -26,7 +26,7 @@
<div class="col-lg-5 mx-auto text-center">
<div class="d-flex flex-column-reverse">
<h1 class="mb-0">{% trans %}XRPL Today and the Vision for Tomorrow{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRP | XRPL Ledger Overview{% endtrans %}</h6>
<h6 class="green-500 mb-3">{% trans %}XRPL | XRP Ledger Overview{% endtrans %}</h6>
</div>
</div>
</section>
@@ -37,8 +37,10 @@
<section class="container-new py-26">
<div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm">
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
<h2 class="h4 mb-8">{% trans %}How the XRP Ledger works{% endtrans %}</h2>
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}How the XRP Ledger works{% endtrans %}</h2>
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
</div>
<h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5>
<p class="mb-10">{% trans %}Anyone can connect their computer to the peer-to-peer network that manages the ledger. The global XRP Ledger community—a diverse set of software engineers, server operators, users, and businesses—maintains the ledger.{% endtrans %}</p>
<a class="btn btn-primary btn-arrow" href="docs.html">{% trans %}Get Technical{% endtrans %}</a>
@@ -50,7 +52,10 @@
<section class="container-new py-26">
<div class="mt-10 card-grid card-grid-2xN">
<div class="col-new">
<h2 class="h4 mb-8">{% trans %}How the Consensus Protocol Works{% endtrans %}</h2>
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}How the Consensus Protocol works{% endtrans %}</h2>
<h6 class="green-500 mb-3">{% trans %}Consensus{% endtrans %}</h6>
</div>
<h5 class="longform mb-10">{% trans %}XRPL uses a consensus protocol, in which designated servers called <a href="run-a-rippled-validator.html">validators</a> come to an agreement on the order and outcome of XRP transactions every 3-5 seconds.{% endtrans %}</h5>
<p class="mb-6">{% trans %}All servers in the network process each transaction according to the same rules, and any transaction that follows the protocol is confirmed right away. All transactions are public, with strong cryptography to guarantee the integrity of the system.{% endtrans %}</p>
<p class="mb-0">{% trans %}Anyone can operate a validator; currently, over 150 <a href="https://livenet.xrpl.org/network/validators" target="_blank">validators</a> are active on the ledger, operated by universities, exchanges, businesses, and individuals. Additionally, the consensus protocol ensures the blockchain becomes more decentralized over time as the validator pool grows.{% endtrans %}</p>
@@ -67,7 +72,7 @@
<div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}A Greener Blockchain{% endtrans %}</h2>
<p class="mb-10">{% trans %}Unlike most other blockchains, the XRP Ledger does not need mining, so <a href="impact.html">no energy is wasted</a> in the transaction process. Learn how this compares to other platforms with our <a href="carbon-calculator.html">Green Currency Calculator</a>.{% endtrans %}</p>
<a class="btn btn-primary btn-arrow" href="impact.html">Get Technical</a>
<a class="btn btn-primary btn-arrow" href="impact.html">Learn More</a>
</div>
</div>
</section>
@@ -76,7 +81,7 @@
<div class="mt-10 card-grid card-grid-2xN">
<div class="col-new mb-16-sm">
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h2>
<h4 class="h4 mb-8">{% trans %}XRPL provides powerful utility across the blockchain space{% endtrans %}</h4>
<h6 class="green-500 mb-3">{% trans %}XRPL Today{% endtrans %}</h6>
</div>
<h5 class="longform mb-10">{% trans %}The ledgers unique properties, such as its fast and efficient consensus algorithm and censorship-resistant transaction processing, are leveraged by thousands of developers.{% endtrans %}</h5>
@@ -85,7 +90,7 @@
</div>
<div class="col-new">
<div class="d-flex flex-column-reverse">
<h2 class="h4 mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h2>
<h4 class="h4 mb-8">{% trans %}Fulfilling the vision of the XRPL community{% endtrans %}</h4>
<h6 class="green-500 mb-3">{% trans %}XRPL Tomorrow{% endtrans %}</h6>
</div>
<h5 class="longform mb-10">{% trans %}While XRPL is the choice of developers who dont want to sacrifice security or performance and who want to build on the greenest blockchain, thats only the beginning.{% endtrans %}</h5>
@@ -98,7 +103,7 @@
<div class="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 bg-grey-800 text-center">
<img src="./img/backgrounds/cta-xrpl-overview-orange.svg" class="cta cta-bottom-right">
<div class="z-index-1 position-relative">
<h2 class="h4 mb-10">{% trans %}Tomorrows Blockchain Starts With You{% endtrans %}</h2>
<h4 class="h4 mb-10">{% trans %}Tomorrows Blockchain Starts With You{% endtrans %}</h4>
<p class="mb-10">{% trans %}XRP Ledgers innovation relies on the shared community experience of builders like you. If youre ready to start your next big blockchain project, explore the XRPL now and consider applying for an XRPL Grant.{% endtrans %}</p>
<a class="btn btn-primary btn-arrow" href="https://xrplgrants.org/" target="_blank">{% trans %}XRPL Grants{% endtrans %}</a>
</div>
@@ -110,13 +115,13 @@
{% set faqs = [
{ "number": "1",
"question": _("Is XRPL a private blockchain, owned by Ripple?"),
"answer": _("No, the XRP Ledger is a decentralized, public blockchain. Any changes that would impact transaction processing or consensus need to be approved by at least 80%% of the network. Ripple is a contributor to the network, but its rights are the same as those of other contributors. In terms of validation, there are 38 validators, with Ripple running six of the 38.") },
"answer": _("No, the XRP Ledger is a decentralized, public blockchain. Any changes that would impact transaction processing or consensus need to be approved by at least 80%% of the network. Ripple is a contributor to the network, but its rights are the same as those of other contributors. In terms of validation, there are 150+ validators on the network with 35+ on the Unique Node List (see “What are Unique Node Lists (UNLs)?” below) — Ripple runs 6 of these nodes.") },
{ "number": "2",
"question": _("Isnt Proof of Work the best validation mechanism?"),
"answer": _("Proof of Work (PoW) was the first mechanism to solve the double spend problem without requiring a trusted 3rd party. However the XRP Ledgers consensus mechanism solves the same problem in a far faster, cheaper and more energy efficient way.") },
{ "number": "3",
"question": _("How can a blockchain be sustainable?"),
"answer": _("Its been widely reported that Bitcoins energy consumption, as of 2021, is equivalent to that used by Argentina, with much of the electricity Bitcoin miners use coming from polluting sources. The XRP Ledger confirms transactions through a “consensus” mechanism - which does not waste energy like proof of work does - and leverages carbon offsets to be one of the first truly carbon neutral blockchains. Explore the energy consumption of XRP compared to cash, credit cards and other popular cryptocurrencies with the <a href='/carbon-calculator.html'>Green Currency Calculator</a>.") },
"answer": _("Its been widely reported that Bitcoins energy consumption, as of 2021, is equivalent to that used by Argentina, with much of the electricity Bitcoin miners use coming from polluting sources. The XRP Ledger confirms transactions through a “consensus” mechanism - which does not waste energy like proof of work does - and leverages carbon offsets to be <a href='https://ripple.com/ripple-press/ripple-leads-sustainability-agenda-to-achieve-carbon-neutrality-by-2030/' target='_blank'>one of the first truly carbon neutral blockchains</a>. Explore the energy consumption of XRP compared to cash, credit cards and other popular cryptocurrencies with the <a href='carbon-calculator.html'>Green Currency Calculator</a>.") },
] %}
{% for faq in faqs %}
<div class="w-100 accordian-row mb-6">