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

styling edits for faq, uses, and xrp overview page

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2021-06-30 00:22:10 -07:00
parent 798be7e9af
commit 8325dbc940
7 changed files with 3312 additions and 3329 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2020.css
View File

File diff suppressed because one or more lines are too long

6570
dactyl-config.yml
View File

File diff suppressed because it is too large Load Diff

3
styles/_landings.scss
View File

@@ -67,6 +67,9 @@
}
}
p a {
color: $blue-purple-500;
}
/* Misc. ------------------------------------------------------------------ */

12
styles/_layout.scss
View File

@@ -247,6 +247,17 @@ $columns: 12; // Number of columns in the grid system
flex-basis: $width / $columns * 100%;
}
}
.margin-col {
@include media-breakpoint-down(lg) {
margin: 24px 0;
}
@include media-breakpoint-down(sm) {
margin: 0 0 40px;
}
@include media-breakpoint-up(lg) {
margin: 40px;
}
}
.col-new {
background-position: bottom;
background-repeat: no-repeat;
@@ -357,6 +368,7 @@ $columns: 12; // Number of columns in the grid system
.col-new-card {
transition: all 0.35s ease-out;
cursor: pointer;
text-decoration: none;
&:hover {
-webkit-transform: translateY(-16px);
-moz-transform: translateY(-16px);

2
template/page-faq.html.jinja
View File

@@ -22,7 +22,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-4 mx-auto text-center">
<div class="col-lg-6 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>

2
template/page-uses.html.jinja
View File

@@ -77,7 +77,7 @@
</div>
<section class="container-new py-26">
<div class="col-8 p-0 col-8 p-0 mx-10-until-sm">
<div class="col-sm-8 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>
<h6 class="green-500 mb-3">{% trans %}Solving Real Problems Across Industries{% endtrans %}</h6>

50
template/page-xrp-overview.html.jinja
View File

@@ -21,7 +21,7 @@
</div>
<section class="py-26 text-center">
<div class="col-lg-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 %}Your Questions About XRP, Answered{% endtrans %}</h1>
<h6 class="green-500 mb-3">{% trans %}XRP Overview{% endtrans %}</h6>
@@ -31,13 +31,13 @@
<section class="container-new my-20">
<div class="card-grid card-grid-1x2">
<div class="col-new d-none-sm">
<div class="margin-col d-none-sm">
<ul class="page-toc no-sideline p-0 sticky-top top-24">
<li class="nav-item"><a class="sidelinks nav-link" href="#about-xrp">About XRP</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#xrp-trading">XRP in Trading</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#ripple">Ripple vs. XRP</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#wallets">XRP Wallets</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#exchanges">XRP Exchanges</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#about-xrp">About XRP</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#xrp-trading">XRP in Trading</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#ripple">Ripple vs. XRP</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#wallets">XRP Wallets</a></li>
<li class="nav-item"><a class="sidelinks nav-link" href="#exchanges">XRP Exchanges</a></li>
</ul>
</div>
@@ -80,38 +80,6 @@
</table>
</div>
<table class="mb-10 landing-table">
<thead>
<tr>
<th><h6>{% trans %}Benefits{% endtrans %}</h6></th>
<th><h6>{% trans %}XRP{% endtrans %}</h6></th>
<th><h6>{% trans %}Bitcoin{% endtrans %}</h6></th>
</tr>
</thead>
<tbody>
<tr>
<td>{% trans %}Fast{% endtrans %}</td>
<td>{% trans %}3-5 seconds to settle{% endtrans %}</td>
<td>{% trans %}500 seconds to settle{% endtrans %}</td>
</tr>
<tr>
<td>{% trans %}Low-Cost{% endtrans %}</td>
<td>{% trans %}$0.0002/tx{% endtrans %}</td>
<td>{% trans %}$0.50/tx{% endtrans %}</td>
</tr>
<tr>
<td>{% trans %}Scalable{% endtrans %}</td>
<td>{% trans %}1,500 tx per second{% endtrans %}</td>
<td>{% trans %}3 tx per second{% endtrans %}</td>
</tr>
<tr>
<td>{% trans %}Sustainable{% endtrans %}</td>
<td>{% trans %}Environmentally sustainable (negligible energy consumption){% endtrans %}</td>
<td>{% trans %}0.3% of global energy consumption{% endtrans %}</td>
</tr>
</tbody>
</table>
<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">
@@ -205,7 +173,7 @@
<h6 class="fs-4-5">{% trans %}Spot Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates.{% endtrans %}</p>
</div>
<div class="ml-5-until-md">
<div class="ml-5-until-md mt-10-sm">
<h6 class="fs-4-5">{% trans %}Futures, Options and Swap Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}</p>
</div>
@@ -215,7 +183,7 @@
<h6 class="fs-4-5">{% trans %}Custodial Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Custodial exchanges manage a user’s private keys, and publish centralized order books of buyers and sellers.{% endtrans %}</p>
</div>
<div class="ml-5-until-md">
<div class="ml-5-until-md mt-10-sm">
<h6 class="fs-4-5">{% trans %}Non-Custodial Exchanges{% endtrans %}</h6>
<p class="mb-0">{% trans %}Non-custodial exchanges, also known as decentralized exchanges, do not manage a user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain.{% endtrans %}</p>
</div>