UI update

-- Added swipe gesture navigation for rooms
This commit is contained in:
sairaj mote 2021-06-05 23:37:06 +05:30
parent a984d3a7ae
commit d3cf348c2e
6 changed files with 195 additions and 160 deletions

View File

@ -119,121 +119,123 @@
</button>
</header>
<h1 id="hero_title"></h1>
<section id="performance_room" class="grid room">
<div id="bit_bond_series__container" class="grid series-container"></div>
</section>
<section id="product_room" class="grid room">
<h4 class="h4 margin-bottom-1r">Description of different bonds</h4>
<ol type="1" class="margin-bottom-3r">
<li>
<p>
Bitcoin Bonds is a Bitcoin price linked product of RanchiMall in which the customer will never
see value of his asset go down even if the prices of Bitcoin falls. Its been targeted to first time
Bitcoin enthusiasts who are afraid of losing money with Bitcoins. RanchiMall absorbs all the potential
losses of the customer. It also guarantees the customer a minimum rate of annual appreciation. If the
price of Bitcoin appreciates, the customer is entitled to 50% of all the gains.
</p>
</li>
<li>
<p>
RanchiMall has released two types of Bitcoin Bonds as per the price of Bitcoin as on issue date. In the
first type, the customer is guaranteed first 12% per gains per annum for 3 years, and 50% of all gains
there after. Customer must hold the bond for 3 years since bond issue date. In second type, the
customer is guaranteed 13% per annum for 5 years, and the customer is entitled to 50% of all gains.
Customer must hold the bond for at least 3 years since date of issue.
</p>
</li>
<li>
<p>
Example of Type 1 Bitcoin Bond is Bitcoin Bonds USD 975 Series issued on 2nd February 2017.
Customer funds are invested at Bitcoin prices of 975 USD as on 2nd February 2017. If the prices of
Bitcoins fall below 975 USD, the customer bond value will continue to be 975 USD, and will get an
increment of 12% per annum. If the prices of Bitcoin go beyond 975 USD, the customer will getat
least 12% per annum, and 50% of all price gains beyond it. The customer must hold thebond for 3
years.
</p>
</li>
<li>
<p>
Example of Type 2 Bitcoin Bond is Bitcoin Bonds USD 1205 Series issued on 2nd March 2017.
Customer funds are invested at Bitcoin prices of 1205 USD as on 2nd March 2017. If the prices of
Bitcoins fall below 1205 USD, the customer bond value will continue to be 1205 USD will full loss
protection, and will get an increment of 13% per annum for 5 years on top. If the price gains is more
than 13% in any year for first 5 years, the customer will be entitled to 50% of the gains. The customer
must hold the bond for 3 years.
</p>
</li>
<li>
<p>
Bond 1 Bondholders entitlement for Bitcoin Bonds ($975, $1057 and $1064 series) - Bondholders have a
3 year lock-in period. In the lockin period they are guaranteed 12 percent per annum. If the price
appreciates more than 12 percent, they will be paid 50 percent of additional return over and above
12 percent. After 3 years, bondholders can cash out anytime they like. Bond 2 Bondholder entitlement
($1205 series)Bondholders are entitled to 50% of Bitcoin and Bitcoin Cash price gains at all times with
a minimum guarantee of 13 percent per annum for 5 years from date of issue. There is a 3 year lockin
period. After 3 years, bondholders can cash out anytime they like.
</p>
</li>
<li>
<p>
Bond 3 Bondholders Entitlement ($1285 series) - Bondholders are entitled to 50% of Bitcoinand Bitcoin
Cash price gains at all times with a minimum guarantee of 13 percent per annum for 5 years from
date of issue. There is a 3 year lockin period. After 3 years, bondholders can cash out anytime they
like.Bond 4Bondholder Entitlement ($2513 series)Bondholders are entitled to 50% of Bitcoin and
Bitcoin Cash price gains at all times with a minimum guarantee of 13 percent per annum for 5 years
from date of issue. There is a 3 year lockin period. After 3 years, bondholders can cash out anytime
they like.
</p>
</li>
</ol>
<h4 class="h4 margin-bottom-1r">Risk Management</h4>
<p class="margin-bottom-3r">
This is a high risk product for RanchiMall. We guarantee protection from losses
and a minimum rate of return.To control our risks, we limit the total aggregate amount of guarantee
we give to a comfortable level. We also limit maximum amount of Bitcoin Bonds aperson can buy so
that we do not have sudden redemption pressure.RanchiMall needs to have long term confidence
in asset price growth, which we do have for Bitcoin scurrently. We cannot offer these guarantees on
any other crypto or non-crypto asset other than Bitcoin as we cannot make definite predictions on
their long term prices.The maximum amount of aggregate guarantee amount for this product should
be lower than 20 percent of RanchiMall assets to protect against catastrophic Bitcoin price fall.
</p>
<h4 class="h4 margin-bottom-1r">Founder Notes</h4>
<ol type="1">
<li>
<p>
RanchiMall Bitcoin Bonds was the first product that met our 2 fundamental criteria that we have for
RanchiMall products. First every product must beinnovative and absolutely new. Secondly it should
be created, marketedand delivered purely on Internet withoutany physical elements.
</p>
</li>
<li>
<p>
This product also reflects our philosophy that we should have impactful products,fewer number of customers, and very deep relationship with those customers.
</p>
</li>
<li>
<p>
This product is a compounding product which means both our customers and us will see higher returns as wheels of time move forward.
</p>
</li>
<li>
<p>
Since RanchiMall gets roughly 50 percent of price gains and our costs of operations are very low on
this product, RanchiMall Bitcoin Bonds has helped RanchiMall to become self sufficient without
needing large capital investment. Doing good risk management is a very important dimension here.
And that will be our challenge in the continued offerings of this product.
</p>
</li>
</ol>
</section>
<section id="purchase_room" class="grid room">
<p>
The purchase of this product is open only during specified time when we are confident we can
give guarantees. It was last open from February 2017 to June 2017.Currently we are doing blockchain
version of the product in test mode.If you are interested, please generate your FLO ID while keeping
your private key very safe.FLO ID can be generated <a href="https://ranchimall.github.io/flo-webwallet/">here</a> in a single click.We can message
directly on that FLO ID. Please drop your name and phone number along with FLO ID.
</p>
<section class="room-carousel">
<section id="performance_room" class="grid room">
<div id="bit_bond_series__container" class="grid series-container"></div>
</section>
<section id="product_room" class="grid room">
<h4 class="h4 margin-bottom-1r">Description of different bonds</h4>
<ol type="1" class="margin-bottom-3r">
<li>
<p>
Bitcoin Bonds is a Bitcoin price linked product of RanchiMall in which the customer will never
see value of his asset go down even if the prices of Bitcoin falls. Its been targeted to first time
Bitcoin enthusiasts who are afraid of losing money with Bitcoins. RanchiMall absorbs all the potential
losses of the customer. It also guarantees the customer a minimum rate of annual appreciation. If the
price of Bitcoin appreciates, the customer is entitled to 50% of all the gains.
</p>
</li>
<li>
<p>
RanchiMall has released two types of Bitcoin Bonds as per the price of Bitcoin as on issue date. In the
first type, the customer is guaranteed first 12% per gains per annum for 3 years, and 50% of all gains
there after. Customer must hold the bond for 3 years since bond issue date. In second type, the
customer is guaranteed 13% per annum for 5 years, and the customer is entitled to 50% of all gains.
Customer must hold the bond for at least 3 years since date of issue.
</p>
</li>
<li>
<p>
Example of Type 1 Bitcoin Bond is Bitcoin Bonds USD 975 Series issued on 2nd February 2017.
Customer funds are invested at Bitcoin prices of 975 USD as on 2nd February 2017. If the prices of
Bitcoins fall below 975 USD, the customer bond value will continue to be 975 USD, and will get an
increment of 12% per annum. If the prices of Bitcoin go beyond 975 USD, the customer will getat
least 12% per annum, and 50% of all price gains beyond it. The customer must hold thebond for 3
years.
</p>
</li>
<li>
<p>
Example of Type 2 Bitcoin Bond is Bitcoin Bonds USD 1205 Series issued on 2nd March 2017.
Customer funds are invested at Bitcoin prices of 1205 USD as on 2nd March 2017. If the prices of
Bitcoins fall below 1205 USD, the customer bond value will continue to be 1205 USD will full loss
protection, and will get an increment of 13% per annum for 5 years on top. If the price gains is more
than 13% in any year for first 5 years, the customer will be entitled to 50% of the gains. The customer
must hold the bond for 3 years.
</p>
</li>
<li>
<p>
Bond 1 Bondholders entitlement for Bitcoin Bonds ($975, $1057 and $1064 series) - Bondholders have a
3 year lock-in period. In the lockin period they are guaranteed 12 percent per annum. If the price
appreciates more than 12 percent, they will be paid 50 percent of additional return over and above
12 percent. After 3 years, bondholders can cash out anytime they like. Bond 2 Bondholder entitlement
($1205 series)Bondholders are entitled to 50% of Bitcoin and Bitcoin Cash price gains at all times with
a minimum guarantee of 13 percent per annum for 5 years from date of issue. There is a 3 year lockin
period. After 3 years, bondholders can cash out anytime they like.
</p>
</li>
<li>
<p>
Bond 3 Bondholders Entitlement ($1285 series) - Bondholders are entitled to 50% of Bitcoinand Bitcoin
Cash price gains at all times with a minimum guarantee of 13 percent per annum for 5 years from
date of issue. There is a 3 year lockin period. After 3 years, bondholders can cash out anytime they
like.Bond 4Bondholder Entitlement ($2513 series)Bondholders are entitled to 50% of Bitcoin and
Bitcoin Cash price gains at all times with a minimum guarantee of 13 percent per annum for 5 years
from date of issue. There is a 3 year lockin period. After 3 years, bondholders can cash out anytime
they like.
</p>
</li>
</ol>
<h4 class="h4 margin-bottom-1r">Risk Management</h4>
<p class="margin-bottom-3r">
This is a high risk product for RanchiMall. We guarantee protection from losses
and a minimum rate of return.To control our risks, we limit the total aggregate amount of guarantee
we give to a comfortable level. We also limit maximum amount of Bitcoin Bonds aperson can buy so
that we do not have sudden redemption pressure.RanchiMall needs to have long term confidence
in asset price growth, which we do have for Bitcoin scurrently. We cannot offer these guarantees on
any other crypto or non-crypto asset other than Bitcoin as we cannot make definite predictions on
their long term prices.The maximum amount of aggregate guarantee amount for this product should
be lower than 20 percent of RanchiMall assets to protect against catastrophic Bitcoin price fall.
</p>
<h4 class="h4 margin-bottom-1r">Founder Notes</h4>
<ol type="1">
<li>
<p>
RanchiMall Bitcoin Bonds was the first product that met our 2 fundamental criteria that we have for
RanchiMall products. First every product must beinnovative and absolutely new. Secondly it should
be created, marketedand delivered purely on Internet withoutany physical elements.
</p>
</li>
<li>
<p>
This product also reflects our philosophy that we should have impactful products,fewer number of customers, and very deep relationship with those customers.
</p>
</li>
<li>
<p>
This product is a compounding product which means both our customers and us will see higher returns as wheels of time move forward.
</p>
</li>
<li>
<p>
Since RanchiMall gets roughly 50 percent of price gains and our costs of operations are very low on
this product, RanchiMall Bitcoin Bonds has helped RanchiMall to become self sufficient without
needing large capital investment. Doing good risk management is a very important dimension here.
And that will be our challenge in the continued offerings of this product.
</p>
</li>
</ol>
</section>
<section id="purchase_room" class="grid room">
<p>
The purchase of this product is open only during specified time when we are confident we can
give guarantees. It was last open from February 2017 to June 2017.Currently we are doing blockchain
version of the product in test mode.If you are interested, please generate your FLO ID while keeping
your private key very safe.FLO ID can be generated <a href="https://ranchimall.github.io/flo-webwallet/">here</a> in a single click.We can message
directly on that FLO ID. Please drop your name and phone number along with FLO ID.
</p>
</section>
</section>
<footer class="room-container__footer">
<h4>Related rooms</h4>

View File

@ -122,39 +122,41 @@
</button>
</header>
<h1 id="hero_title"></h1>
<section id="performance_room" class="grid room">
<div id="bob_fund_investors__container" class="grid series-container series-container--bobs-fund"></div>
</section>
<section id="product_room" class="grid room">
<p class="margin-bottom-3r">
Bobs Fund allows customers to take a direct share in Bitcoin and they are automatically guided into a
long term investment plan. Bitcoin is a long term investors paradise with supply artificially
constrained, and demand only growing. There are no price guarantees in this product. But the long
duration of the investment ensures that customers will get an outsized rate of return. RanchiMall as
Fund Manager does not charge management fees.
</p>
<h4 class="h4 margin-bottom-1r">Risk Management</h4>
<p class="margin-bottom-3r">
There is no price risk for RanchiMall in Bobs Fund. But since this is a long term
product, information security risks are high to maintain Bitcoins safely. Bitcoin keys must be split
using Shamir Secret Key Share algorithm, and should be recombined at the time of redemption. The
number of shares should have enough redundancy so that if some holders are not around, the keys
must still be recovered.
</p>
<h4 class="h4 margin-bottom-1r">Founder Notes</h4>
<p class="margin-bottom-3r">
Bobs Fund was first issued in my MBA classmates WhatsApp group, and restricted only to my
classmates in June 2017. The product had a long term duration of 20 years, and it needed lot of trust
which my classamtes had in me. We kept this product concept under observation and testing for 4
years, before exploring options to make it public. Another objective was to try out an idea where
fund management expenses are nil, as fund management fees eats up a lot of customer returns over
long term. Instead we made an equal investment as every contributing member did, and we hope to
earn over the long life time of this product. Over time we realized, we could also use the Bitcoin as
collateral for DeFi products, and that gives us an additional earning stream.
</p>
</section>
<section id="purchase_room" class="grid room">
<sm-button variant="primary">Buy here</sm-button>
<section class="room-carousel">
<section id="performance_room" class="grid room">
<div id="bob_fund_investors__container" class="grid series-container series-container--bobs-fund"></div>
</section>
<section id="product_room" class="grid room">
<p class="margin-bottom-3r">
Bobs Fund allows customers to take a direct share in Bitcoin and they are automatically guided into a
long term investment plan. Bitcoin is a long term investors paradise with supply artificially
constrained, and demand only growing. There are no price guarantees in this product. But the long
duration of the investment ensures that customers will get an outsized rate of return. RanchiMall as
Fund Manager does not charge management fees.
</p>
<h4 class="h4 margin-bottom-1r">Risk Management</h4>
<p class="margin-bottom-3r">
There is no price risk for RanchiMall in Bobs Fund. But since this is a long term
product, information security risks are high to maintain Bitcoins safely. Bitcoin keys must be split
using Shamir Secret Key Share algorithm, and should be recombined at the time of redemption. The
number of shares should have enough redundancy so that if some holders are not around, the keys
must still be recovered.
</p>
<h4 class="h4 margin-bottom-1r">Founder Notes</h4>
<p class="margin-bottom-3r">
Bobs Fund was first issued in my MBA classmates WhatsApp group, and restricted only to my
classmates in June 2017. The product had a long term duration of 20 years, and it needed lot of trust
which my classamtes had in me. We kept this product concept under observation and testing for 4
years, before exploring options to make it public. Another objective was to try out an idea where
fund management expenses are nil, as fund management fees eats up a lot of customer returns over
long term. Instead we made an equal investment as every contributing member did, and we hope to
earn over the long life time of this product. Over time we realized, we could also use the Bitcoin as
collateral for DeFi products, and that gives us an additional earning stream.
</p>
</section>
<section id="purchase_room" class="grid room">
<sm-button variant="primary">Buy here</sm-button>
</section>
</section>
<footer class="room-container__footer">
<h4>Related rooms</h4>

View File

@ -422,7 +422,7 @@ ol[type="1"] {
.banner {
display: grid;
gap: 1rem;
padding: 0.2rem 0 0.2rem 1rem;
padding: 0.5rem 0 0.5rem 1rem;
align-items: center;
background-color: var(--banner-color);
grid-template-columns: 1fr auto;
@ -1149,8 +1149,8 @@ scroll-tab-panels > [active] {
}
.room-tile__icon {
height: 4rem;
width: 4rem;
height: 3rem;
width: 3rem;
margin-bottom: 1rem;
fill: rgba(var(--text-color), 1);
}
@ -1340,6 +1340,10 @@ scroll-tab-panels > [active] {
#hero_title {
margin-top: 2rem;
}
.tile__title {
font-size: 2.4rem;
}
}
@media only screen and (min-width: 640px) {
#home_page, .page,

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -353,7 +353,7 @@ ol[type="1"]{
.banner{
display: grid;
gap: 1rem;
padding: 0.2rem 0 0.2rem 1rem;
padding: 0.5rem 0 0.5rem 1rem;
align-items: center;
background-color: var(--banner-color);
grid-template-columns: 1fr auto;
@ -1034,8 +1034,8 @@ scroll-tab-panels{
}
}
.room-tile__icon{
height: 4rem;
width: 4rem;
height: 3rem;
width: 3rem;
margin-bottom: 1rem;
fill: rgba(var(--text-color), 1);
}
@ -1078,7 +1078,6 @@ scroll-tab-panels{
margin-bottom: 2rem;
font-weight: calc(700 * var(--font-weight-factor));
}
.room-container__footer{
position: sticky;
display: flex;
@ -1209,6 +1208,9 @@ scroll-tab-panels{
#hero_title{
margin-top: 2rem;
}
.tile__title{
font-size: 2.4rem;
}
}
@media only screen and (min-width: 640px) {
#home_page,.page,

File diff suppressed because one or more lines are too long