From a0f6bea2722ae957d337926cd0cf57117c4d13c9 Mon Sep 17 00:00:00 2001 From: Calvin Jhunjhnuwala Date: Wed, 26 Aug 2020 15:53:38 -0700 Subject: [PATCH] edits to the net-new pages for mobile optimization --- styles/_content.scss | 4 ++++ styles/_helpers.scss | 3 +++ styles/_layout.scss | 1 - tool/template-calculator.html | 5 +++-- tool/template-explore-exchanges.html | 6 +++--- tool/template-explore-wallets.html | 6 +++--- tool/template-learn-history.html | 8 ++++---- tool/template-learn-impact.html | 10 +++++----- tool/template-learn-overview.html | 28 ++++++++++++++-------------- tool/template-learn-uses.html | 10 +++++----- 10 files changed, 44 insertions(+), 37 deletions(-) diff --git a/styles/_content.scss b/styles/_content.scss index 1186e27ad7..0a0a5df021 100644 --- a/styles/_content.scss +++ b/styles/_content.scss @@ -144,6 +144,10 @@ td:nth-child(1) { padding: 2rem; background: rgba(34, 37, 43, 0.5); backdrop-filter: blur(3px); + @media (max-width: 768px) { + margin-left: 15px; + margin-right: 15px; + } } .section-marker { position: absolute; diff --git a/styles/_helpers.scss b/styles/_helpers.scss index e767193828..a467aa8eeb 100644 --- a/styles/_helpers.scss +++ b/styles/_helpers.scss @@ -142,6 +142,9 @@ .align-items-stretch { align-items: stretch; } +.overflow-xs { + overflow: scroll; +} /* COLOR ELEMENTS */ .border-green { diff --git a/styles/_layout.scss b/styles/_layout.scss index 3cd15a6fb2..83cd4f83ef 100644 --- a/styles/_layout.scss +++ b/styles/_layout.scss @@ -295,7 +295,6 @@ section { display: flex; position: relative; z-index: 1; - margin-bottom: 8px; } .timeline-content { diff --git a/tool/template-calculator.html b/tool/template-calculator.html index 53b69a1ab1..119273de2c 100644 --- a/tool/template-calculator.html +++ b/tool/template-calculator.html @@ -249,9 +249,9 @@ - {% trans %}dddKilowatt Hour{% endtrans %} + {% trans %}Kilowatt Hour{% endtrans %} {% trans %}Gallons of Gas{% endtrans %} - {% trans %}CO2 Emissions (million tonne){% endtrans %} + {% trans %}CO2 Emissions*{% endtrans %} @@ -293,6 +293,7 @@ +

*Calculations in million tonne (Mt)

diff --git a/tool/template-explore-exchanges.html b/tool/template-explore-exchanges.html index 0101dc0044..6a32bb16bb 100644 --- a/tool/template-explore-exchanges.html +++ b/tool/template-explore-exchanges.html @@ -19,11 +19,11 @@
-
-

{% trans %}XRP Is Traded on More Than 100 Markets and Exchanges Worldwide{% endtrans %}

+
+

{% trans %}XRP Is Traded on More Than 100 Markets and Exchanges Worldwide{% endtrans %}

{% trans %}XRP Exchanges{% endtrans %}

-
+

{% trans %}Exchanges are where people trade currencies.{% endtrans %}

{% trans %}There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial).{% endtrans %}

{% trans %}Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates. Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future.{% endtrans %}

diff --git a/tool/template-explore-wallets.html b/tool/template-explore-wallets.html index 60eb3664ab..e57a4e6615 100644 --- a/tool/template-explore-wallets.html +++ b/tool/template-explore-wallets.html @@ -20,11 +20,11 @@
-
-

{% trans %}Options for Storing XRP{% endtrans %}

+
+

{% trans %}Options for Storing XRP{% endtrans %}

{% trans %}XRP Wallets{% endtrans %}

-
+

{% trans %}Digital wallets are pieces of software that allow people to send, receive and store cryptocurrencies, including XRP. There are two types of digital wallets: custodial and non-custodial.{% endtrans %}

{% trans %}Custodial wallets manage a user's private key, which allows the wallet to withdraw cryptocurrency on a user's behalf. Non-custodial wallets do not manage a user's private key, which is up to the user to manage, and therefore cannot send cryptocurrency on the user's behalf.{% endtrans %}

diff --git a/tool/template-learn-history.html b/tool/template-learn-history.html index 844e102d99..31f8790740 100644 --- a/tool/template-learn-history.html +++ b/tool/template-learn-history.html @@ -36,7 +36,7 @@

{% trans %}Timeline of XRP Evolution{% endtrans %}

-
+

{% trans %}2011 XRP Ledger Development{% endtrans %}

@@ -44,7 +44,7 @@

{% trans %}Their initial observations about the high energy consumption and scalability issues that would plague Bitcoin proved prescient. (In 2019, estimates suggest Bitcoin mining used more energy than the entire country of Portugal!) Moreover, their initial read indicated that significant problems could arise if any miner obtained (or miners colluded to obtain) greater than 50% of the mining power—that risk persists with Bitcoin (and Ethereum) today as mining power has consolidated in China.{% endtrans %}

-
+

{% trans %}2012 XRP Launched{% endtrans %}

@@ -58,7 +58,7 @@

{% trans %}Chris Larsen was the CEO of OpenCoin, and at the company's founding, Jed was co-founder and CTO, David Schwartz was the Chief Cryptography Officer, and Arthur Britto an advisor.{% endtrans %}

-
+

{% trans %}2013 OpenCoin Rebranded to Ripple Labs{% endtrans %}

@@ -73,7 +73,7 @@
{% trans %}Podcast{% endtrans %}
-
+
diff --git a/tool/template-learn-impact.html b/tool/template-learn-impact.html index 0122afa45d..2e7e67bc6c 100644 --- a/tool/template-learn-impact.html +++ b/tool/template-learn-impact.html @@ -37,7 +37,7 @@
{% trans %}Creating Economic Opportunity{% endtrans %}
-
+
@@ -56,7 +56,7 @@
{% trans %}Future of Finance{% endtrans %}
-
+
@@ -72,7 +72,7 @@
{% trans %}Are All Digital Assets Alike?{% endtrans %}
-
+
@@ -91,7 +91,7 @@
{% trans %}What Makes XRP and the XRP Ledger Green?{% endtrans %}
-
+
@@ -106,7 +106,7 @@

{% trans %}Adopting XRP more broadly will help limit this waste and ensure a sustainable future for our planet and global economy.{% endtrans %}

- {% trans %}Discover the Green Currency Calculator{% endtrans %} + {% trans %}Discover the Green Currency Calculator{% endtrans %}
diff --git a/tool/template-learn-overview.html b/tool/template-learn-overview.html index 20bbdac2f5..41a066abc1 100644 --- a/tool/template-learn-overview.html +++ b/tool/template-learn-overview.html @@ -27,16 +27,16 @@

{% trans %}What is XRP?{% endtrans %}

-

{% trans %}XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.{% endtrans %}

-

{% trans %}Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset. {% endtrans %}

+

{% trans %}XRP is a digital asset that’s native to the XRP Ledger, an open-source, permissionless and decentralized blockchain technology.{% endtrans %}

+

{% trans %}Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset. {% endtrans %}

{% trans %}Benefits{% endtrans %}
-
- +
+
@@ -84,7 +84,7 @@
{% trans %}XRP Validators{% endtrans %}
-
+

{% trans %}How Does the XRP Ledger Work?{% endtrans %}

@@ -112,12 +112,12 @@
{% trans %}XRP is fast, low-cost, sustainable and scalable. It is the key to fueling growth and realizing the true potential of our global economy—the Internet of Value.{% endtrans %}
-
+

{% trans %}Businesses{% endtrans %}

{% trans %}Many businesses are building on the XRP Ledger, pursuing powerful use cases in micropayments, gaming, web monetization and more. Additionally, Ripple, the technology company, is focused on building a network and infrastructure that leverages XRP to power faster, more affordable cross-border payments around the world.{% endtrans %}

{% trans %}More About Businesses{% endtrans %}
-
+

{% trans %}Individuals{% endtrans %}

{% trans %}Individual consumers can use XRP to move different currencies around the world. For example, through the PayID solution, anyone can use XRP—or any currency, be it fiat or digital assets—to easily make purchases across any payments network.{% endtrans %}

{% trans %}More About Uses{% endtrans %} @@ -132,7 +132,7 @@
{% trans %}Internet of Value{% endtrans %}
-
+
@@ -141,7 +141,7 @@
-
+
@@ -150,7 +150,7 @@
-
+
@@ -159,7 +159,7 @@
-
+
@@ -168,7 +168,7 @@
-
+
@@ -213,7 +213,7 @@
{% trans %}Ripple vs. XRP{% endtrans %}
-
+
@@ -227,7 +227,7 @@
{% trans %}XRP Community{% endtrans %}
-
+
diff --git a/tool/template-learn-uses.html b/tool/template-learn-uses.html index ac81cfdbbe..166886b12c 100644 --- a/tool/template-learn-uses.html +++ b/tool/template-learn-uses.html @@ -35,7 +35,7 @@
{% trans %}Cross-Border payments{% endtrans %}
-
+
@@ -47,7 +47,7 @@
{% trans %}Micropayments{% endtrans %}
-
+
@@ -59,7 +59,7 @@
{% trans %}Digital Cryptocurrency{% endtrans %}
-
+
@@ -71,7 +71,7 @@
{% trans %}Exchanges{% endtrans %}
-
+
@@ -83,7 +83,7 @@
{% trans %}Trading{% endtrans %}
-
+
{% trans %}Benefits{% endtrans %}