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

Content update

Browse Source 
Added all 1st floor outlets
This commit is contained in:
sairaj mote 2021-05-10 02:05:10 +05:30
parent 0f013b41e8
commit 4a6a0f2b29
9 changed files with 347 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

146
bitcoinbonds.html
View File

@ -79,8 +79,14 @@
</svg>
</button>
<h2 class="h2 weight-700 margin-bottom-1r">BitCoin Bonds</h2>
<p>lorem40 Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore
nihil quisquam harum quo mollitia sunt!</p>
<p class="margin-bottom-1-5r">
Bondholders get a minimum guarantee of 13 percent interest per annum during the lock-in period or 50% of all Bitcoin price gains whichever is higher.
It offers full capital protection if Bitcoin prices fall below acquisition price.
</p>
<h4 class="h4 margin-bottom-0-5r">Status</h4>
<p>
We are servicing current customers only. The newer version of Bitcoin Bonds will be on blockchain and is under testing.
</p>
</section>
<div class="rooms__header">
<h4 class="room__label">Rooms</h4>
@ -101,7 +107,7 @@
</g>
</svg>
<span class="button__label">
Series
Performance
</span>
</button>
<button class="room-button">
@ -112,20 +118,142 @@
d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
</svg>
<span class="button__label">
More
Product
</span>
</button>
<button class="room-button">
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
width="24px" fill="#000000">
<path d="M0 0h24v24H0V0z" fill="none" />
<path
d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
</svg>
<span class="button__label">
Purchase
</span>
</button>
</scroll-tab-header>
</div>
<scroll-tab-panels id="bit_bond_page_group">
<section class="grid">
<h3 class="h3 margin-bottom-1-5r">Bitcoin bonds series</h3>
<h3 class="h3 margin-bottom-1-5r">Performance</h3>
<div id="bit_bond_series__container" class="grid series-container"></div>
</section>
<p id="bit_bond_info">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga inventore error omnis ipsam ut incidunt,
doloremque pariatur expedita distinctio itaque.
</p>
<section class="grid">
<h3 class="h3 margin-bottom-1-5r">Product</h3>
<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 class="grid">
<h3 class="h3 margin-bottom-1-5r">Purchase</h3>
<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>
</scroll-tab-panels>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>

53
bob'sfund.html
View File

@ -72,7 +72,13 @@
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/></svg>
</button>
<h2 class="h2 weight-700 margin-bottom-1r">Bob's Fund</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
<p>
Bobs Fund is a 20 year long term Bitcoin price linked product. Investors are entitled to 100 percent
of Bitcoin price gains, but they most hold for 20 years. Over a very long time period, investor returns
on an asset like Bitcoin should outstrip returns on conventional assets like real estate and stocks. The
management fees on this product is zero. RanchiMall earns by having invested an equal amount as
every investor, thus the interests of fund manager, and fund investors are totally aligned.
</p>
</section>
<div class="rooms__header">
<h4 class="room__label">Rooms</h4>
@ -80,13 +86,19 @@
<button class="room-button">
<svg class="icon button__icon--left" xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>People</title><path d='M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/><path d='M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>
<span class="button__label">
Investors
Performance
</span>
</button>
<button class="room-button">
<svg class="icon button__icon--left" xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>People</title><path d='M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/><path d='M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>
<span class="button__label">
Product
</span>
</button>
<button class="room-button">
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
<span class="button__label">
More
Purchase
</span>
</button>
</scroll-tab-header>
@ -96,9 +108,38 @@
<h3 class="h3 margin-bottom-1-5r">Investors</h3>
<div id="bob_fund_investors__container" class="grid series-container"></div>
</section>
<div>
<p id="bob_fund_info">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi facere officiis eius iusto quibusdam tenetur illo blanditiis asperiores et corporis!</p>
</div>
<section class="grid">
<h3 class="h3 margin-bottom-1-5r">Product</h3>
<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>
<sm-button variant="primary">Buy here</sm-button>
</section>
</scroll-tab-panels>
</main>

47
css/main.css
View File

@ -1,4 +1,4 @@
* {
* :not(ol) {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
@ -44,8 +44,8 @@ body[data-theme=dark] .outlet__title {
grid-column: 1/4;
}
/* .h1, .h2, .h3, .h4, .h5{
// font-family: 'Lora', serif;
/* h1, h2, h3, h4, h5{
font-family: 'Manrope', sans-serif;
} */
.h1 {
font-size: 2.5rem;
@ -76,7 +76,7 @@ body[data-theme=dark] .outlet__title {
}
p {
max-width: 60ch;
max-width: 70ch;
line-height: 1.7;
}
@ -92,6 +92,10 @@ a:focus-visible {
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
}
p a {
color: var(--accent-color);
}
button {
position: relative;
overflow: hidden;
@ -141,6 +145,11 @@ ul {
list-style: none;
}
ol[type="1"] {
display: grid;
gap: 2rem;
}
.accent-color {
color: var(--accent-color);
}
@ -624,19 +633,6 @@ ul {
margin-top: -1rem;
user-select: none;
transition: transform 0.3s;
/* .floor-title{
opacity: 0;
transform: translateX(-1rem);
transition: opacity 0.3s, transform 0.3s;
}
&--active{
opacity: 1;
.floor-title{
opacity: 1;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
transform: none;
}
} */
}
.floor-circle {
@ -678,9 +674,9 @@ ul {
.floor__header {
position: sticky;
top: 0;
transform: translateY(-0.1rem);
z-index: 8;
padding: 0.5rem 0;
transform: translateY(-0.1rem);
background: var(--background-color);
}
.floor__header::before {
@ -706,14 +702,18 @@ ul {
font-size: 1.2rem;
font-weight: 700;
color: var(--accent-color);
margin-bottom: 0.5rem;
}
.floor__num::before {
.floor__num::after {
content: "";
width: 0.2rem;
height: 1.2rem;
width: 4rem;
height: 0.1rem;
background: var(--accent-color);
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.floor__title {
font-size: 1.5rem;
font-weight: 800;
}
.big-icon {
@ -976,6 +976,7 @@ scroll-tab-panels > * {
flex-shrink: 0;
min-width: 100%;
transition: opacity 0.6s;
align-self: start;
}
scroll-tab-panels > [active] {
opacity: 1;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

47
css/main.scss
View File

@ -1,4 +1,4 @@
* {
* :not(ol){
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
@ -41,8 +41,8 @@ body[data-theme='dark']{
grid-column: 1/4;
}
/* .h1, .h2, .h3, .h4, .h5{
// font-family: 'Lora', serif;
/* h1, h2, h3, h4, h5{
font-family: 'Manrope', sans-serif;
} */
.h1{
font-size: 2.5rem;
@ -68,7 +68,7 @@ body[data-theme='dark']{
}
p {
max-width: 60ch;
max-width: 70ch;
line-height: 1.7;
}
@ -83,6 +83,11 @@ a{
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
}
}
p{
a{
color: var(--accent-color);
}
}
button{
position: relative;
@ -125,6 +130,10 @@ sm-tab-header{
ul{
list-style: none;
}
ol[type="1"]{
display: grid;
gap: 2rem;
}
.accent-color{
color: var(--accent-color);
}
@ -544,19 +553,6 @@ ul{
margin-top: -1rem;
user-select: none;
transition: transform 0.3s;
/* .floor-title{
opacity: 0;
transform: translateX(-1rem);
transition: opacity 0.3s, transform 0.3s;
}
&--active{
opacity: 1;
.floor-title{
opacity: 1;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
transform: none;
}
} */
}
.floor-circle{
// position: absolute;
@ -597,9 +593,9 @@ ul{
.floor__header{
position: sticky;
top: 0;
transform: translateY(-0.1rem);
z-index: 8;
padding: 0.5rem 0;
transform: translateY(-0.1rem);
background: var(--background-color);
&::before{
content: '';
@ -625,16 +621,20 @@ ul{
font-size: 1.2rem;
font-weight: 700;
color: var(--accent-color);
margin-bottom: 0.5rem;
&::before{
&::after{
content: '';
width: 0.2rem;
height: 1.2rem;
width: 4rem;
height: 0.1rem;
background: var(--accent-color);
margin-right: 0.5rem;
margin-left: 0.5rem;
}
}
.floor__title{
font-size: 1.5rem;
font-weight: 800;
}
.big-icon{
height: 2rem;
width: 2rem;
@ -879,6 +879,7 @@ scroll-tab-panels{
flex-shrink: 0;
min-width: 100%;
transition: opacity 0.6s;
align-self: start;
}
& > [active]{
opacity: 1;

80
ico.html
View File

@ -99,8 +99,13 @@
<span class="outlet-label__name">Outlet</span>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/></svg>
</button>
<h2 class="h2 weight-700 margin-bottom-1r">ICO</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore nihil quisquam harum quo mollitia sunt!</p>
<h2 class="h2 weight-700 margin-bottom-1r">Initial Coin Offering</h2>
<p>
The Initial Coin Offering (ICO) of RanchiMall was launched in 2017. It was envisioned to sell 21 million
tokens over 14 phases over 3 years. However we paused the ICO after 2 phases were executed
selling 100000 tokens. Unanticipated Risks emerged due to rapid price increase of our tokens in
trading in our own custom exchange. The ICO will resume after de-risking process is complete.
</p>
</section>
<div class="rooms__header">
<h4 class="room__label">Rooms</h4>
@ -108,22 +113,81 @@
<button class="room-button" title="Investors">
<svg class="icon button__icon--left" xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><title>People</title><path d='M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M336 304c-65.17 0-127.84 32.37-143.54 95.41-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/><path d='M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><path d='M206 306c-18.05-8.27-37.93-11.45-59-11.45-52 0-102.1 25.85-114.65 76.2-1.65 6.66 2.53 13.25 9.37 13.25H154' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='32'/></svg>
<span class="button__label">
Investors
Contributing Investors
</span>
</button>
<button class="room-button" title="Phases">
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"/></svg>
<span class="button__label">
Phases
Product
</span>
</button>
<button class="room-button" title="Phases">
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"/></svg>
<span class="button__label">
Purchase
</span>
</button>
</scroll-tab-header>
</div>
<scroll-tab-panels id="ico_page_group">
<div class="grid carousel-container">
<section class="grid carousel-container">
<h3 class="h3 margin-bottom-1-5r">Contributing Investors</h3>
<sm-carousel id="ico_page__carousel" indicator autoplay></sm-carousel>
</div>
<ul id="ico_phase_list"></ul>
</section>
<section>
<h3 class="h3 margin-bottom-1-5r">Product</h3>
<p class="margin-bottom-3r">
Please refer to the whitepaper <a href="https://www.ranchimall.net/ICO/">here</a> for detailed terms.
RanchiMall Initial Coin Offering (ICO) abides by the terms we offered in our ICO whitepaper available
at link above. We have made certain changes in our terms as our learning has improved. All
these changes are to support the interests of our long term investors.
</p>
<h4 class="h4 margin-bottom-1r">Summary of changes over white paper</h4>
<ol type="1">
<li>
<p>
RanchiMall Tokens (RMT) now own the financial gains emerging from all our blockchain contracts
</p>
</li>
<li>
<p>
RanchiMall FZE has been withdrawn as an asset in view of high holding costs
</p>
</li>
<li>
<p>
Number of phase have been paused at 2 instead of 14 as initially envisioned
</p>
</li>
<li>
<p>
Number of RMTs tokens in circulation has been paused to
10000 instead of a release schedule of 21 million in 3 years. The un-issued tokens will stay vested
with the Founder of RanchiMall.
</p>
</li>
<li>
<p>
The price discovery during active phase has been USD 1500 per
token giving RMTs in circulation a valuation of 150 million USD. Unless this price is realised in open
makets on sustainable basis, new tokens will not be put in circulation.
</p>
</li>
</ol>
</section>
<section>
<h3 class="h3 margin-bottom-1-5r">Purchase</h3>
<p>
Currently we are not selling any RanchiMall Tokens (RMT). You can buy nominal tokens at
our last valuation in <a href="ranchimall.net/exchange">our exchange</a> for USD 10 or Rs 500 if you want to become a
tokenholder, and be part of the learning process through our community. Our rules are designed to
favour long term investors.
<br> Once you initiate a tokenholder relationship, please be patient to stay the
whole course of journey. You will not regret it.
</p>
</section>
<!-- <ul id="ico_phase_list"></ul> -->
</scroll-tab-panels>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
@ -243,7 +307,7 @@
})
getRef('ico_phase_list').append(frag)
}
renderAllIcoPhases()
// renderAllIcoPhases()
function renderAllIcoInvestors(){
const frag = document.createDocumentFragment()

96
index.html
View File

@ -33,10 +33,6 @@
<template id="floor_indicator_template">
<div class="floor-label interact">
<span class="floor-circle"></span>
<!-- <span class="grid floor-title">
<h5 class="floor-num weight-400 color-0-7 h5"></h5>
<h5 class="floor-name weight-400"></h5>
</span> -->
</div>
</template>
@ -85,18 +81,22 @@
<section id="floor_1" class="floor">
<header class="floor__header grid align-center">
<h4 class="floor__num">Floor 1</h5>
<h4 class="h4 weight-700">
<h4 class="floor__title">
Current Projects
</h3>
</header>
<main id="floor_1__outlets" class="grid outlets-container">
<p>
This floor contains all the products for which we have current paying customers. This floor services our current customers.
</p>
<div id="bit_bond_outlet" class="outlet-preview carousel-container">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">1</div>
<h3 class="outlet__title">bitcoin bonds</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
Bondholders get a minimum guarantee of 13 percent interest per annum during the lock-in period or 50% of all Bitcoin price gains whichever is higher. It offers full capital protection if
Bitcoin prices fall below acquisition price.
</p>
<a href="bitcoinbonds.html" class="button outlet-preview__button">
<span class="button__label">Visit</span>
@ -113,7 +113,7 @@
<div class="outlet-number">2</div>
<h3 class="outlet__title">Bob's Fund</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
Bobs Fund is a 20 year long term Bitcoin price linked product. Investors are entitled to 100 percent of Bitcoin price gains, but they most hold for 20 years.
</p>
<a href="bob'sfund.html" class="button outlet-preview__button">
<span class="button__label">Visit</span>
@ -128,9 +128,9 @@
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">3</div>
<h3 class="outlet__title">ICO</h3>
<h3 class="outlet__title">Initial Coin Offering</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
The Initial Coin Offering (ICO) of RanchiMall was launched in 2017. It was envisioned to sell 21 million tokens over 14 phases over 3 years.
</p>
<a href="ico.html" class="button outlet-preview__button">
<span class="button__label">Visit</span>
@ -146,32 +146,24 @@
<section id="floor_2" class="floor">
<header class="floor__header grid align-center">
<h4 class="floor__num">Floor 2</h5>
<h4 class="h4 weight-700">
<h4 class="floor__title">
Blockchain Contracts
</h3>
</header>
<main id="floor_2__outlets" class="grid outlets-container">
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">1</div>
<h3 class="outlet__title">Internship Blockchain Contract</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="bitbonds">
<span class="button__label">Visit</span>
</button>
</div>
<div class="outlet-preview__border"></div>
</div>
<p>
Blockchain Contracts is one of the flagship innovation from RanchiMall.
We believe each of these blockchain contracts will be transformational in its area, and will add
tremendously to our enterprise value.Second Floor of RanchiMall isdedicated to Blockchain
Contracts.
</p>
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">2</div>
<h3 class="outlet__title">FLO Blockchain Contract</h3>
<h3 class="outlet__title">Incorporation Blockchain Contract</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
RanchiMall is incorporated on the blockchain and structured as Incorporation Blockchain Contract. Incorporation Blockchain Contract owns all the other blockchain contracts of RanchiMall.
</p>
<button class="button page-link outlet-preview__button" data-target="bob'sfund">
<span class="button__label">Visit</span>
@ -179,41 +171,27 @@
</div>
<div class="outlet-preview__border"></div>
</div>
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">1</div>
<h3 class="outlet__title">Internship Blockchain Contract</h3>
<p class="outlet__description margin-bottom-1-5r">
Internship Blockchain Contract tokenizes all our internship initiatives. This is owned by Incorporation Blockchain Contract.
</p>
<button class="button page-link outlet-preview__button" data-target="bitbonds">
<span class="button__label">Visit</span>
</button>
</div>
<div class="outlet-preview__border"></div>
</div>
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">3</div>
<h3 class="outlet__title">Startup Blockchain Contract</h3>
<h3 class="outlet__title">FLO Blockchain Contract</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="ico">
<span class="button__label">Visit</span>
</button>
</div>
<div class="outlet-preview__border"></div>
</div>
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">4</div>
<h3 class="outlet__title">Real Estate Blockchain Contract</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="ico">
<span class="button__label">Visit</span>
</button>
</div>
<div class="outlet-preview__border"></div>
</div>
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<h5 class="h5 margin-bottom-0-5r">Outlet no.</h5>
<div class="outlet-number">5</div>
<h3 class="outlet__title">Painting Blockchain Contract</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
FLO Blockchain contract consists of all projects RanchiMall performs on FLO Blockchain (previously called Florincoin).
</p>
<button class="button page-link outlet-preview__button" data-target="ico">
<span class="button__label">Visit</span>
@ -226,7 +204,7 @@
<section id="floor_3" class="floor">
<header class="floor__header grid align-center">
<h4 class="floor__num">Floor 3</h5>
<h4 class="h4 weight-700">
<h4 class="floor__title">
Blockchain Apps
</h3>
</header>
@ -292,7 +270,7 @@
<section id="floor_4" class="floor">
<header class="floor__header grid align-center">
<h4 class="floor__num">Floor 4</h5>
<h4 class="h4 weight-700">
<h4 class="floor__title">
Experimental Ideas
</h3>
</header>
@ -344,7 +322,7 @@
<section id="floor_5" class="floor">
<header class="floor__header grid align-center">
<h4 class="floor__num">Floor 5</h5>
<h4 class="h4 weight-700">
<h4 class="floor__title">
Statistics and Administration
</h3>
</header>

3
js/components.js
View File

@ -3750,6 +3750,7 @@ scrollTabPanels.innerHTML = `
background: var(--background);
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
content-visibility: auto;
}
slot::slotted(*){
scroll-snap-align: start;
@ -3868,7 +3869,7 @@ customElements.define('scroll-tab-panels', class extends HTMLElement {
panelObserver.observe(elem)
})
})
this.tabPanels.addEventListener('wheel', this.scrollHorizontally)
// this.tabPanels.addEventListener('wheel', this.scrollHorizontally)
document.addEventListener('changePanel', this.handlePanelChange)
}

18
js/index.js
View File

@ -241,7 +241,7 @@ const siteMap = [
url: `bob'sfund`,
},
{
name: "ICO",
name: "Initial Coin Offering",
url: "ico",
},
],
@ -260,19 +260,7 @@ const siteMap = [
{
name: "FLO Blockchain Contract",
url: "floblockchaincontract",
},
{
name: "Startup Blockchain Contract",
url: "startupblockchaincontract",
},
{
name: "Real Estate Blockchain Contract",
url: "realestateblockchaincontract",
},
{
name: "Painting Blockchain Contract",
url: "paintingblockchaincontract",
},
}
],
},
{
@ -678,7 +666,7 @@ const outletObserver = new IntersectionObserver(
});
},
{
threshold: 1,
threshold: 0.6,
}
);