RanchiMall/ranchimall
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source 
-- 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

232
bitcoinbonds.html
View File

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

68
bob'sfund.html
View File

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

10
css/main.css
View File

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

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
css/main.scss
View File

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

33
js/index.js
View File

File diff suppressed because one or more lines are too long