mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 03:35:51 +00:00
cleaning up mobile styling, functionality and styling for accordian
This commit is contained in:
Calvin Jhunjhnuwala
File diff suppressed because one or more lines are too long
3
img/icons/purple-arrow.svg
Normal file
3
img/icons/purple-arrow.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.58594 8.28906C6.9375 8.64062 7.52344 8.64062 7.875 8.28906L13.1875 2.97656C13.5781 2.58594 13.5781 2 13.1875 1.64844L12.3281 0.75C11.9375 0.398438 11.3516 0.398438 11 0.75L7.21094 4.53906L3.46094 0.75C3.10938 0.398438 2.52344 0.398438 2.13281 0.75L1.27344 1.64844C0.882812 2 0.882812 2.58594 1.27344 2.97656L6.58594 8.28906Z" fill="#9A52FF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 456 B |
@@ -102,3 +102,33 @@ p + .readmore {
|
||||
}
|
||||
}
|
||||
|
||||
.accordian-row {
|
||||
background: $gray-800;
|
||||
border-radius: 5px;
|
||||
padding: 32px;
|
||||
h3 {
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
a {
|
||||
&:hover {
|
||||
color: $white;
|
||||
}
|
||||
&::after {
|
||||
-webkit-transition: transform 0.3s ease-out;
|
||||
-moz-transition: transform 0.3s ease-out;
|
||||
-ms-transition: transform 0.3s ease-out;
|
||||
-o-transition: transform 0.3s ease-out;
|
||||
transition: transform 0.3s ease-out;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
right: 32px;
|
||||
content: url(../../img/icons/purple-arrow.svg);
|
||||
}
|
||||
&.collapsed {
|
||||
&::after {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -89,8 +89,8 @@ h6, .h6 {
|
||||
color: $gray-100;
|
||||
font-weight: normal;
|
||||
@include media-breakpoint-down(sm) {
|
||||
font-size: 1rem;
|
||||
line-height: 24px;
|
||||
font-size: 1.125rem;
|
||||
line-height: 26px;
|
||||
}
|
||||
}
|
||||
.numbers {
|
||||
|
||||
@@ -23,6 +23,9 @@
|
||||
.w48 {
|
||||
width: 48px;
|
||||
}
|
||||
.w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
.min-vh100 {
|
||||
min-height: 100vh;
|
||||
}
|
||||
@@ -59,6 +62,11 @@
|
||||
}
|
||||
.mb-8 {
|
||||
margin-bottom: 2rem;
|
||||
&-sm {
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mt-8 {
|
||||
margin-top: 2rem;
|
||||
@@ -74,6 +82,12 @@
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: 2.5rem;
|
||||
&-until-sm {
|
||||
@include media-breakpoint-up(sm) {
|
||||
margin-left: 2.5rem;
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ml-10 {
|
||||
margin-left: 2.5rem;
|
||||
@@ -94,6 +108,12 @@
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
&-until-md {
|
||||
@include media-breakpoint-up(md) {
|
||||
margin-left: 2.5rem;
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
&-sm {
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin-left: 2.5rem;
|
||||
@@ -201,8 +221,31 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.p-40 {
|
||||
padding: 40px;
|
||||
.pl-0-sm {
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
.pr-0-sm {
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
}
|
||||
.p-8 {
|
||||
padding: 2rem;
|
||||
&-sm {
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.p-10 {
|
||||
padding: 2.5rem;
|
||||
&-until-sm {
|
||||
@include media-breakpoint-up(sm) {
|
||||
padding: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.py-20 {
|
||||
padding-bottom: 5rem;
|
||||
@@ -217,6 +260,10 @@
|
||||
.py-26 {
|
||||
padding-top: 6.5rem;
|
||||
padding-bottom: 6.5rem;
|
||||
@include media-breakpoint-down(sm) {
|
||||
padding-top: 2.5rem;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
}
|
||||
.pt-30 {
|
||||
padding-top: 7.5rem;
|
||||
@@ -337,9 +384,17 @@
|
||||
.green-500 {
|
||||
color: $green-500;
|
||||
}
|
||||
.white {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
/* ETC */
|
||||
.br-8 {
|
||||
border-radius: 8px;
|
||||
}
|
||||
br {
|
||||
&.until-sm {
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -136,7 +136,7 @@
|
||||
}
|
||||
|
||||
section:first-of-type {
|
||||
padding-top: 0;
|
||||
// padding-top: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -125,6 +125,9 @@ section {
|
||||
}
|
||||
.col-new {
|
||||
margin: 20px;
|
||||
@include media-breakpoint-down(md) {
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -230,7 +233,7 @@ $columns: 12; // Number of columns in the grid system
|
||||
background-size: contain;
|
||||
|
||||
@include media-breakpoint-down(lg) {
|
||||
margin: 24px;
|
||||
margin: 24px 0;
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
margin: 0 0 40px;
|
||||
|
||||
@@ -20,8 +20,8 @@
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-md-4 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="mb-18">{% trans %}Faster, Cheaper, Green Money{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}Impact{% endtrans %}</h6>
|
||||
<h1 class="mb-18">{% trans %}Participate in the XRPL Community{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}Join and Contribute{% endtrans %}</h6>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -64,37 +64,40 @@
|
||||
<h6 class="green-500 mb-3">{% trans %}Find us on the platforms below{% endtrans %}</h6>
|
||||
</div>
|
||||
<div class="mt-10 card-grid card-grid-4xN ml-5-until-md mr-5-until-md">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="pink-purple">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Decentralized Exchange{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}A high-performance decentralized peer-to-peer multi-currency exchange built directly into the blockchain{% endtrans %}</p>
|
||||
<img class="mw-100 mb-3" src="./img/logos/github.svg">
|
||||
<h4 class="h5">{% trans %}Github{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="neutral-blue">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Cross-Currency Payments{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Atomically settle multi-hop payments that cross currency or national boundaries with ease.{% endtrans %}</p>
|
||||
<img class="mw-100 mb-3" src="./img/logos/twitch.svg">
|
||||
<h4 class="h5">{% trans %}Twitch{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="light-green">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Payment <br/>Channels{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Batched micropayments with unlimited speed, secured with XRP.{% endtrans %}</p>
|
||||
<img class="mw-100 mb-3" src="./img/logos/twitter.svg">
|
||||
<h4 class="h5">{% trans %}Twitter{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="orange">
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="magenta-orange">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Multi-Signing{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Flexible options for custody and security of on-ledger accounts.{% endtrans %}</p>
|
||||
<img class="mw-100 mb-3" src="./img/logos/stack-overflow.svg">
|
||||
<h4 class="h5">{% trans %}Stack Overflow{% endtrans %}</h4>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-8">{% trans %}Our Shared Vision for
XRPL’s Future{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Together, we're building the greenest infrastructure to drive blockchain innovation that doesn't sacrifice utility or performance, to bring the developer community's vision to life.{% endtrans %}</p>
|
||||
<a class="btn btn-primary">Learn More</a>
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-10">{% trans %}A Community-Driven Resource for All Things XRPL.org{% endtrans %}</h2>
|
||||
<h5 class="green-500 mb-3">{% trans %}Contribute to XRPL.org{% endtrans %}</h5>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}Thank you for your interest in contributing to XRPL.org. This website was created as an XRPL community resource and is meant to be a living, breathing source of truth for XRP Ledger resources. This portal is open-source and anyone can suggest changes.{% endtrans %}</p>
|
||||
<a class="btn btn-primary">Contribute to the Guidelines</a>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h6 class="longform mb-10">{% trans %}In 2011, three engineers—David Schwartz, Jed McCaleb, and Arthur Britto—began developing the XRP Ledger (XRPL).{% endtrans %}</h6>
|
||||
<p class="mb-6">{% trans %}Fascinated by Bitcoin, they set out to create a better version that improved upon its limitations—with the goal of creating a digital asset that was more sustainable and built specifically for payments.{% endtrans %}</p>
|
||||
<p class="mb-6">{% trans %}The XRP Ledger first launched in June 2012. Shortly thereafter, they were joined by Chris Larsen, and the group started the Company OpenCoin in September 2012 (now named Ripple).{% endtrans %}</p>
|
||||
|
||||
@@ -19,9 +19,9 @@
|
||||
{% block main %}
|
||||
<div class="marketing-wrapper">
|
||||
|
||||
<section class="py-26 text-center">
|
||||
<section class="container-new py-26 text-center">
|
||||
<img id="home-hero-graphic" src="./img/graphics/home-hero-graphic.svg">
|
||||
<div class="col-md-6 mx-auto text-center">
|
||||
<div class="col-lg-6 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="">{% trans %}Community<br/> Powered Utility{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL | XRPL Ledger{% endtrans %}</h6>
|
||||
@@ -31,7 +31,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm">
|
||||
<h2 class="h4 mb-8">{% trans %}The XRP Ledger: A Scalable, Sustainable Blockchain{% endtrans %}</h2>
|
||||
<h6 class="longform mb-10">{% trans %}The XRP Ledger (XRPL) is a decentralized, public blockchain led by a global developer community.{% endtrans %}</h6>
|
||||
<p class="mb-0">{% trans %}It’s fast, energy efficient, and reliable. With ease of development, low transaction costs, and a knowledgeable community, it provides developers with a strong open-source foundation for executing on the most demanding projects—without hurting the environment.{% endtrans %}</p>
|
||||
@@ -39,9 +39,9 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0">
|
||||
<h3 class="h4 mx-10">{% trans %}Why Developers Choose XRP Ledger{% endtrans %}</h3>
|
||||
<h6 class="green-500 mx-10 mb-3">{% trans %}Discover Benefits{% endtrans %}</h6>
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-md">
|
||||
<h3 class="h4">{% trans %}Why Developers Choose XRP Ledger{% endtrans %}</h3>
|
||||
<h6 class="green-500 mb-3">{% trans %}Discover Benefits{% endtrans %}</h6>
|
||||
</div>
|
||||
<ul class="mt-10 card-grid card-grid-3xN">
|
||||
<li class="col-new ls-none mb-16-sm">
|
||||
@@ -78,7 +78,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-sm">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-md">
|
||||
<h3 class="h4">{% trans %}Activate the power of the XRP Ledger and find the building blocks for your next innovation{% endtrans %}</h3>
|
||||
<h6 class="green-500 mb-3">{% trans %}Explore Advanced Features{% endtrans %}</h6>
|
||||
</div>
|
||||
@@ -97,7 +97,7 @@
|
||||
</a>
|
||||
<a class="col-new col-new-card ls-none bg-grey-800 br-8 mb-16-sm" id="light-green">
|
||||
<span class="card-new d-block">
|
||||
<h4 class="h5">{% trans %}Payment <br/>Channels{% endtrans %}</h4>
|
||||
<h4 class="h5">{% trans %}Payment <br class="until-sm"/>Channels{% endtrans %}</h4>
|
||||
<p class="mt-6 mb-8">{% trans %}Batched micropayments with unlimited speed, secured with XRP.{% endtrans %}</p>
|
||||
</span>
|
||||
</a>
|
||||
@@ -111,7 +111,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-sm">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-md">
|
||||
<h3 class="h4">{% trans %}Choose a path to start building on the XRPL{% endtrans %}</h3>
|
||||
<h6 class="green-500 mb-3">{% trans %}Get Started{% endtrans %}</h6>
|
||||
</div>
|
||||
@@ -150,15 +150,15 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-8">{% trans %}Our Shared Vision for
XRPL’s Future{% endtrans %}</h2>
|
||||
<div class="col-lg-6 offset-lg-3 p-8-sm p-10-until-sm br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Our Shared Vision for
XRPL’s Future{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Together, we're building the greenest infrastructure to drive blockchain innovation that doesn't sacrifice utility or performance, to bring the developer community's vision to life.{% endtrans %}</p>
|
||||
<a class="btn btn-primary">Learn More</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-sm">
|
||||
<div class="d-flex flex-column-reverse col-8 p-0 mx-10-until-md">
|
||||
<h3 class="h4">{% trans %}Explore what the community is building to enable new features and use cases on XRPL{% endtrans %}</h3>
|
||||
<h6 class="green-500 mb-3">{% trans %}Preview New Features{% endtrans %}</h6>
|
||||
</div>
|
||||
@@ -182,9 +182,9 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40 br-8 bg-grey-800 text-center">
|
||||
<div class="col-md-6 offset-md-3 p-8-sm p-10-until-sm br-8 bg-grey-800 text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h2 class="h4 mb-8">{% trans %}XRPL.org: By the Community,
For the Community{% endtrans %}</h2>
|
||||
<h2 class="h4 mb-10">{% trans %}XRPL.org: By the Community,
For the Community{% endtrans %}</h2>
|
||||
<h5 class="green-500 mb-3">{% trans %}Get Involved{% endtrans %}</h5>
|
||||
</div>
|
||||
<p class="mb-10">{% trans %}XRPL.org is a community-driven resource by and for developers who build on the XRP Ledger (XRPL).{% endtrans %}</p>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h6 class="longform mb-10">{% trans %}The digital asset XRP is a truly global currency—ideally suited to enable today’s global economy.{% endtrans %}</h6>
|
||||
<p class="mb-6">{% trans %}As an optimal medium of exchange, XRP and the XRP Ledger on which it operates help to move money around the world faster, cheaper and more sustainably than any other currency available today. {% endtrans %}</p>
|
||||
<p class="mb-6">{% trans %}It was designed this way, and it’s proving its impact in global payments and beyond.{% endtrans %}</p>
|
||||
@@ -34,7 +34,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h2 class="h4 mb-8">{% trans %}How The Consensus Protocol Works{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}For the more than 272 million migrants worldwide, sending and receiving money across borders is expensive, unreliable and complex.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}XRP and the XRP Ledger are changing that. The technology has been adopted by financial institutions around the world to source liquidity for international transactions. Because of the unprecedented efficiency it offers, they’re able to bring down costs and improve services.{% endtrans %}</p>
|
||||
@@ -79,7 +79,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h2 class="h4 mb-8">{% trans %}Are All Digital Assets Alike?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}All digital assets have different strengths that make them ideal for various use cases.{% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}Bitcoin has historically been recognized as a store of value and Ether (ETH) for its smart contract capabilities.{% endtrans %}</p>
|
||||
@@ -89,7 +89,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h2 class="h4 mb-8">{% trans %}What Makes XRP Ledger Green?{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}Most currency today—whether digital or physical—is not environmentally friendly. The potential for long-term impact on our planet could hold startling consequences. {% endtrans %}</h5>
|
||||
<p class="mb-6">{% trans %}The XRP Ledger processes transactions through a unique “consensus” mechanism that consumes negligible energy and all XRP currency is already in circulation.{% endtrans %}</p>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h4>{% trans %}The Vision{% endtrans %}</h4>
|
||||
<h6 class="longform mb-10">{% trans %}The Foundation’s 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>
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
{% block main %}
|
||||
{# <div id="page-overview-bg" class="pt-40-until-sm"> #}
|
||||
<section class="py-26 text-center">
|
||||
<div class="col-md-4 mx-auto text-center">
|
||||
<div class="col-lg-6 mx-auto text-center">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<h1 class="mb-18">{% trans %}XRPL Today and The Vision for Tomorrow{% endtrans %}</h1>
|
||||
<h6 class="green-500 mb-3">{% trans %}XRPL | XRPL Ledger Overview{% endtrans %}</h6>
|
||||
@@ -27,7 +27,7 @@
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40">
|
||||
<div class="col-md-6 offset-md-3 p-10">
|
||||
<h6 class="green-500 mb-3">{% trans %}XRP Ledger Basics{% endtrans %}</h6>
|
||||
<h2 class="h4 mb-8">{% trans %}How the XRPL works{% endtrans %}</h2>
|
||||
<h5 class="longform mb-10">{% trans %}The XRP Ledger is a decentralized public blockchain. {% endtrans %}</h5>
|
||||
@@ -45,14 +45,14 @@
|
||||
<p class="mb-0">{% trans %}Anyone can operate a validator; currently, over 150 validators 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>
|
||||
</div>
|
||||
<div class="col-new ls-none mb-16-sm">
|
||||
<img src="./img/graphics/validator.svg">
|
||||
<img class="mw-100" src="./img/graphics/validator.svg">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-8">{% trans %}A Greener Blockchain{% endtrans %}</h2>
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<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 no energy is wasted in the transaction process. Learn how this compares to other platforms with our Green Currency Calculator.{% endtrans %}</p>
|
||||
<a class="btn btn-primary">Get Technical</a>
|
||||
</div>
|
||||
@@ -80,13 +80,35 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-40 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-8">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re 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">{% trans %}XRPL Grants{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 p-10 br-8 bg-grey-800 text-center">
|
||||
<h2 class="h4 mb-10">{% trans %}Tomorrow’s Blockchain Starts With You{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}XRP Ledger’s innovation relies on the shared community experience of builders like you. If you’re 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">{% trans %}XRPL Grants{% endtrans %}</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container-new py-26">
|
||||
<div class="col-md-6 offset-md-3 w-100 pl-0 pr-0" id="accordion">
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingOne">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Is XRPL a private blockchain, owned by Ripple?</a>
|
||||
</h5>
|
||||
<p id="collapseOne" class="collapse mt-3 mb-0" aria-labelledby="headingOne" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-100 accordian-row mb-6">
|
||||
<h3 class="mb-0 h6" id="headingTwo">
|
||||
<a href="#" class="white collapsed w-100 d-block" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Isn’t Proof of Work the best validation mechanism?</a>
|
||||
</h5>
|
||||
<p id="collapseTwo" class="collapse mt-3 mb-0" aria-labelledby="headingTwo" data-parent="#accordion">
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user