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

clean up of home page and business page

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-09-02 12:21:48 -07:00
parent 41dd67638e
commit 2261c5a213
8 changed files with 45 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/devportal.css.map
View File

File diff suppressed because one or more lines are too long

8
styles/_content.scss
View File

@@ -158,4 +158,12 @@ td:nth-child(1) {
margin-left: -32px;
transform-origin: top left;
}
@media (max-width: 992px) {
.card-deck {
display: block !important;
}
.card-deck .card {
margin-bottom: 2.5rem !important;
}
}

8
styles/_font.scss
View File

@@ -36,13 +36,17 @@ h6, .h6 {
p {
line-height: 1.5;
}
a{
text-decoration: underline;
a {
// text-decoration: underline;
color: inherit;
&:hover {
text-decoration: none;
}
}
p a,
li a {
text-decoration: underline;
}
.fs-base {
font-size: $base-size;

3
styles/_landings.scss
View File

@@ -5,6 +5,9 @@
.xrpl-footer a {
color: $white;
}
.xrpl-footer a {
text-decoration: none;
}
.landing .curated-links a:hover,
.landing .children-display a:hover,

4
styles/_pages.scss
View File

@@ -33,7 +33,7 @@
}
.hc {
background: black;
padding: 2.25rem 2rem 7.75rem;
padding: 2.25rem 1.875rem 7.75rem;
color: $white;
background-position: bottom;
background-repeat: no-repeat;
@@ -42,7 +42,7 @@
padding-left: 2rem !important;
}
}
.hc h5 {
.hc .h2 {
height: 38px;
padding-bottom: 5rem;
}

4
tool/template-explore-businesses.html
View File

@@ -55,12 +55,12 @@
<a class="col-md-5 mb-20 card-b offset-md-1" href="https://bitpay.com/" target="_blank">
<img class="mw-100" src="./img/businesses/bitpay.png">
<h3 class="my-10 h4">{% trans %}Payment Processing{% endtrans %}</h3>
<p class="text-white">{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, <a href="https://bitpay.com/blog/bitpay-xrp-live/" target="_blank">including XRP</a>.{% endtrans %}</p>
<p class="text-white">{% trans %}BitPay builds powerful, enterprise-grade tools for accepting and spending cryptocurrencies, including XRP.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20 card-b" href="https://coil.com/" target="_blank">
<img class="mw-100" src="./img/businesses/coil.png">
<h3 class="my-10 h4">{% trans %}Web Monetization{% endtrans %}</h3>
<p class="text-white">{% trans %}Coil provides an alternative to the status quo of paid advertisements with web monetization. Coil's web monetization uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRP Ledger's <a href="http://xrpl.local/payment-channels.html" target="_blank">payment channels</a> provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
<p class="text-white">{% trans %}Coil provides an alternative to the status quo of paid advertisements with web monetization. Coil's web monetization uses the interledger protocol (ILP) to stream micropayments as users consume content. The XRP Ledger's payment channels provide an ideal system for settling these micropayments at high speed and low cost.{% endtrans %}</p>
</a>
<a class="col-md-5 mb-20 card-b offset-md-1" href="https://www.forte.io/" target="_blank">
<img class="mw-100" src="./img/businesses/forte.png">

44
tool/template-home.html
View File

@@ -79,29 +79,29 @@
</section>
<section class="row mb-50">
<h6 class="section-marker">{% trans %}Use Cases{% endtrans %}</h6>
<h2 class="h1 ml-3">{% trans %}XRP in the Real World{% endtrans %}</h2>
<div class="w-100 mt-20"></div>
<div class="col-md-6 col-lg-4 mb-10">
<div class="card rounded hc" id="hc-1">
<h5 class="mb-12 h2">{% trans %}Uses of XRP{% endtrans %}</h5>
<p>{% trans %}XRP is helping solve previously unsolvable problems for people and industries around the world, and is one of the only digital assets with a commercial use case.{% endtrans %}</p>
<a href="uses.html" class="arrow-link mt-12 text-white">{% trans %}Explore Uses{% endtrans %}</a>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-10">
<div class="card rounded hc" id="hc-2">
<h5 class="mb-12 h2">{% trans %}Businesses on the Ledger{% endtrans %}</h5>
<p class="pb-lg-4">{% trans %}From gaming to web monetization, XRP and the XRP Ledger are powering innovative new technology across the payments space.{% endtrans %}</p>
<a href="businesses.html" class="arrow-link mt-12 text-white">{% trans %}Explore Businesses{% endtrans %}</a>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-10">
<div class="card rounded hc" id="hc-3">
<h5 class="mb-12 h2">{% trans %}Real-World Impact{% endtrans %}</h5>
<p class="pb-lg-4">{% trans %}With its real-world utility and inherently green design, XRP helps ensure a more sustainable future for our planet and global economy.{% endtrans %}</p>
<a href="impact.html" class="arrow-link mt-12 text-white">{% trans %}Explore Impact{% endtrans %}</a>
<div class="col-12">
<h6 class="section-marker">{% trans %}Use Cases{% endtrans %}</h6>
<h2 class="h1 ml-3">{% trans %}XRP in the Real World{% endtrans %}</h2>
<div class="w-100 mt-20"></div>
<div class="card-deck">
<div class="card rounded hc mb-10" id="hc-1">
<h3 class="mb-12 h2">{% trans %}Uses of XRP{% endtrans %}</h3>
<p>{% trans %}XRP is helping solve previously unsolvable problems for people and industries around the world, and is one of the only digital assets with a commercial use case.{% endtrans %}</p>
<a href="uses.html" class="arrow-link mt-12 text-white">{% trans %}Explore Uses{% endtrans %}</a>
</div>
<div class="card rounded hc mb-10" id="hc-2">
<h3 class="mb-12 h2">{% trans %}Businesses on the Ledger{% endtrans %}</h3>
<p class="pb-lg-4">{% trans %}From gaming to web monetization, XRP and the XRP Ledger are powering innovative new technology across the payments space.{% endtrans %}</p>
<a href="businesses.html" class="arrow-link mt-12 text-white">{% trans %}Explore Businesses{% endtrans %}</a>
</div>
<div class="card rounded hc mb-10" id="hc-3">
<h3 class="mb-12 h2">{% trans %}Real-World Impact{% endtrans %}</h3>
<p class="pb-lg-4">{% trans %}With its real-world utility and inherently green design, XRP helps ensure a more sustainable future for our planet and global economy.{% endtrans %}</p>
<a href="impact.html" class="arrow-link mt-12 text-white">{% trans %}Explore Impact{% endtrans %}</a>
</div>
</div>
</div>
</section>