Added new investors

This commit is contained in:
sairaj mote 2021-07-25 16:54:51 +05:30
parent 2c9ae34612
commit 2ff278ebb8
12 changed files with 161 additions and 77 deletions

View File

@ -1170,6 +1170,7 @@ ol[type="1"] {
}
#performance_preview > * {
padding: 0;
box-shadow: none;
}
#expanding_tile {
@ -1279,7 +1280,7 @@ ol[type="1"] {
}
.tile__brief {
margin-top: 0.5rem;
margin-top: 1rem;
z-index: 1;
color: rgba(var(--text-color), 0.7);
}
@ -1381,10 +1382,25 @@ ol[type="1"] {
color: rgba(var(--text-color), 0.8);
}
#line_sample {
width: 2rem;
height: 0.2rem;
margin-right: 1rem;
background: linear-gradient(90deg, #f49080, #80b6f4);
}
.graph-container {
min-height: 16rem;
margin: 1rem 0 4rem 0;
}
.link-container {
display: grid;
gap: 1rem;
justify-items: flex-start;
align-items: center;
}
@media only screen and (max-width: 640px) {
.hide-on-mobile {
display: none;
@ -1471,8 +1487,8 @@ ol[type="1"] {
align-items: flex-start;
}
.round {
margin-top: 1rem;
.link-container {
margin-top: 1.5rem;
}
}
@media only screen and (min-width: 640px) {
@ -1632,6 +1648,7 @@ ol[type="1"] {
.graph-container {
width: 80%;
min-height: 60vh;
justify-self: center;
}
}
@ -1652,6 +1669,10 @@ ol[type="1"] {
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: column;
}
.link-container {
grid-template-columns: auto auto;
}
}
@media (any-hover: hover) {
::-webkit-scrollbar {

File diff suppressed because one or more lines are too long

View File

@ -1060,6 +1060,7 @@ ol[type="1"]{
margin-top: auto;
& > *{
padding: 0;
box-shadow: none;
}
}
#expanding_tile{
@ -1167,7 +1168,7 @@ ol[type="1"]{
z-index: 1;
}
.tile__brief{
margin-top: 0.5rem;
margin-top: 1rem;
z-index: 1;
color: rgba(var(--text-color), 0.7);
}
@ -1263,9 +1264,22 @@ ol[type="1"]{
font-size: 0.9rem;
color: rgba(var(--text-color), 0.8);
}
#line_sample{
width: 2rem;
height: 0.2rem;
margin-right: 1rem;
background: linear-gradient(90deg, #f49080, #80b6f4);
}
.graph-container{
min-height: 16rem;
margin: 1rem 0 4rem 0;
}
.link-container{
display: grid;
gap: 1rem;
justify-items: flex-start;
align-items: center;
}
@media only screen and (max-width: 640px) {
.hide-on-mobile{
@ -1339,8 +1353,8 @@ ol[type="1"]{
flex-direction: column;
align-items: flex-start;
}
.round{
margin-top: 1rem;
.link-container{
margin-top: 1.5rem;
}
}
@media only screen and (min-width: 640px) {
@ -1483,6 +1497,7 @@ ol[type="1"]{
}
.graph-container{
width: 80%;
min-height: 60vh;
justify-self: center;
}
}
@ -1501,6 +1516,9 @@ ol[type="1"]{
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: column;
}
.link-container{
grid-template-columns: auto auto;
}
}
@media (any-hover: hover){
::-webkit-scrollbar{

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

View File

Before

Width:  |  Height:  |  Size: 162 KiB

After

Width:  |  Height:  |  Size: 162 KiB

View File

@ -266,7 +266,7 @@ const siteMap = [
},
{
name: "Initial Coin Offering",
url: "ico",
url: "ico.html",
brief: `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.`,
isSold: true,
buyUrl: `purchase_room`

View File

@ -114,6 +114,10 @@
<h1 id="hero_title"></h1>
<section class="room-carousel">
<section id="performance_room" class="grid room">
<div class="legend-container flex align-center justify-center margin-bottom-1r">
<div id="line_sample" class="hide-completely"></div>
<h4 id="graph_legend"></h4>
</div>
<section class="graph-container">
<canvas id="performance_graph"></canvas>
</section>
@ -263,13 +267,16 @@
</footer>
</section>
<section>
<a class="ext-link-tile" href="https://ranchimall.github.io/blockchain-bonds/" target="_blank" >
<div class="ext-link-tile">
<div class="grid">
<h4 class="tile__title">See Bitcoin Bonds in action</h4>
<p class="tile__brief">Visit the website to see investors and asset performance</p>
</div>
<button class="round">Visit</button>
</a>
<div class="link-container">
<a class="round" href="https://www.ranchimall.net/BitBonds/" target="_blank">2017 release</a>
<a class="round" href="https://ranchimall.github.io/blockchain-bonds/" target="_blank">Blockchain version</a>
</div>
</div>
</section>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
@ -455,30 +462,36 @@
let gradientFill
let lineColor
let myChart
function selectGraphColors(){
gradientFill = ctx.createLinearGradient(200, 0, 200, 400);
let cssTextColor = getComputedStyle(document.body).getPropertyValue('--text-color')
gradientFill.addColorStop(0, `rgba(${cssTextColor}, 0.2)`);
gradientFill.addColorStop(1, "transparent");
lineColor = ctx.createLinearGradient(500, 0, 100, 0)
lineColor.addColorStop(0, "#80b6f4");
lineColor.addColorStop(1, "#f49080");
if(myChart){
lineColor = ctx.createLinearGradient(0, 0, myChart.chartArea.width, 0)
}else{
lineColor = ctx.createLinearGradient(0, 0, 500, 0)
}
lineColor.addColorStop(0, "#f49080");
lineColor.addColorStop(1, "#80b6f4");
// lineColor = getComputedStyle(document.body).getPropertyValue('--secondary-text-color');
textColor = `rgba(${cssTextColor}, 0.8)`
textColor = `rgba(${cssTextColor}, 0.7)`
}
selectGraphColors()
let myChart
async function renderGraph(obj) {
await getData(obj)
selectGraphColors()
getRef('line_sample').classList.remove('hide-completely')
getRef('graph_legend').textContent = `Growth of $100 in $${obj.BTC_base} series`
myChart = new Chart(ctx, {
type: 'line',
data: {
labels: dates.reverse(),
datasets: [{
label: `$${obj.BTC_base} series performace($)`,
labels: '',
data: historicalData.reverse(),
borderColor: lineColor,
fill: true,
@ -494,6 +507,12 @@
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: false,
}
},
scales: {
y: {
ticks: {
@ -521,6 +540,7 @@
myChart.data.datasets[0].backgroundColor = gradientFill
myChart.options.scales.x.ticks.color = textColor;
myChart.options.scales.y.ticks.color = textColor;
myChart.options.plugins.legend.labels.color = textColor;
myChart.update()
});
</script>

View File

@ -107,6 +107,10 @@
<h1 id="hero_title"></h1>
<section class="room-carousel">
<section id="performance_room" class="grid room">
<div class="legend-container flex align-center justify-center margin-bottom-1r">
<div id="line_sample" class="hide-completely"></div>
<h4 id="graph_legend"></h4>
</div>
<section class="graph-container">
<canvas id="performance_graph"></canvas>
</section>
@ -206,7 +210,7 @@
const bobFund = [
{
release: 1497970979000,
invested: 11846.15,
invested: 770000,
BTC_base: 2676.50,
USD_base: 65.00,
investors: [
@ -424,7 +428,7 @@
},
{
release: 1622041379000,
invested: 13781.70,
invested: 1000000,
BTC_base: 37488.00,
USD_base: 72.56,
href: `https://ranchimall.github.io/bobs-fund/#cf16bb877f49cb70348bbddeb439f4b46fb5d51b0c09763667762bbea36e8305`
@ -538,11 +542,11 @@
<div class="flex space-between">
<div class="grid">
<h5 class="label color-0-8 weight-500">Total fund investment</h5>
<h3 class="value original-value">${invested.toLocaleString('en-US', {style: 'currency' ,currency: 'USD'})}</h3>
<h3 class="value original-value">${invested.toLocaleString('en-IN', {style: 'currency', currency: 'INR'})}</h3>
</div>
<div class="grid justify-right text-align-right">
<h4 class="label color-0-8 weight-500">Current value</h4>
<h3 class="value current-value" style="color: var(--green)">${currentValue.toLocaleString('en-US', {style: 'currency', currency: 'USD'})}</h3>
<h3 class="value current-value" style="color: var(--green)">${currentValue.toLocaleString('en-IN', {style: 'currency', currency: 'INR'})}</h3>
</div>
</div>
<a class="button button--filled justify-right" href='${href}' target="_blank">See investors</a>
@ -574,11 +578,11 @@
<div class="flex space-between">
<div class="grid">
<h5 class="label color-0-8 weight-500">Total fund investment</h5>
<h3 class="value original-value">${invested.toLocaleString('en-US', {style: 'currency' ,currency: 'USD'})}</h3>
<h3 class="value original-value">${invested.toLocaleString('en-IN', {style: 'currency', currency: 'INR'})}</h3>
</div>
<div class="grid justify-right text-align-right">
<h4 class="label color-0-8 weight-500">Current value</h4>
<h3 class="value current-value" style="color: var(--green)">${currentValue.toLocaleString('en-US', {style: 'currency', currency: 'USD'})}</h3>
<h3 class="value current-value" style="color: var(--green)">${currentValue.toLocaleString('en-IN', {style: 'currency', currency: 'INR'})}</h3>
</div>
</div>
`
@ -638,30 +642,35 @@
let gradientFill
let lineColor
let textColor
let myChart
function selectGraphColors(){
gradientFill = ctx.createLinearGradient(200, 0, 200, 400);
let cssTextColor = getComputedStyle(document.body).getPropertyValue('--text-color')
gradientFill.addColorStop(0, `rgba(${cssTextColor}, 0.2)`);
gradientFill.addColorStop(1, "transparent");
lineColor = ctx.createLinearGradient(500, 0, 100, 0)
lineColor.addColorStop(0, "#80b6f4");
lineColor.addColorStop(1, "#f49080");
if(myChart){
lineColor = ctx.createLinearGradient(0, 0, myChart.chartArea.width, 0)
}else{
lineColor = ctx.createLinearGradient(0, 0, 500, 0)
}
lineColor.addColorStop(0, "#f49080");
lineColor.addColorStop(1, "#80b6f4");
// lineColor = getComputedStyle(document.body).getPropertyValue('--secondary-text-color');
textColor = `rgba(${cssTextColor}, 0.8)`
}
selectGraphColors()
let myChart
async function renderGraph(obj) {
await getData(obj)
selectGraphColors()
getRef('line_sample').classList.remove('hide-completely')
getRef('graph_legend').textContent = `${getFormatedTime(obj.release, true)} fund performace`
myChart = new Chart(ctx, {
type: 'line',
data: {
labels: dates.reverse(),
datasets: [{
label: `${getFormatedTime(obj.release, true)} fund performace($)`,
data: historicalData.reverse(),
borderColor: lineColor,
fill: true,
@ -676,7 +685,14 @@
}]
},
options: {
locale: 'en-IN',
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: false,
}
},
scales: {
y: {
ticks: {
@ -705,6 +721,7 @@
myChart.data.datasets[0].backgroundColor = gradientFill
myChart.options.scales.x.ticks.color = textColor;
myChart.options.scales.y.ticks.color = textColor;
myChart.options.plugins.legend.labels.color = textColor;
myChart.update()
});
</script>

View File

@ -84,10 +84,10 @@
<div class="grid">
<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
The Initial Coin Offering (ICO) of RanchiMall was launched in 2017. We envisioned to sell 21 million
tokens in 14 phases over three years. However we paused the ICO after two 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.
trading in our own custom exchange. <br> The ICO will resume after de-risking process is complete.
</p>
</div>
<button class="outlet-label">
@ -139,7 +139,7 @@
</section>
<section id="product_room" class="grid room">
<p class="margin-bottom-3r">
Please refer to the whitepaper <a href="https://www.ranchimall.net/ICO/">here</a> for detailed terms.
Please refer to the whitepaper <a href="https://www.ranchimall.net/ICO/" target="_blank">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.
@ -179,11 +179,10 @@
</section>
<section id="purchase_room" class="grid room">
<p>
Currently we are not selling any RanchiMall Tokens (RMT). You can buy nominal tokens at
our last valuation in <a href="https://www.ranchimall.net/exchange/" target="_blank">our exchange</a> for $10 or ₹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
Currently we are not selling any RanchiMall Tokens (RMT). <br> You can buy tokens at
our last valuation in <a href="https://www.ranchimall.net/exchange/" target="_blank">our exchange</a> to become a
token holder and be part of our communitys learning process. Our products are aimed at long term investors.
<br> Once you become a token holder, please be patient and be prepared to stay the
whole course of journey. You will not regret it.
</p>
</section>
@ -215,16 +214,13 @@
extension: 'jpg',
investorName: 'Abhijeet Das Gupta',
bio: 'Product and Technology Solutions Architect at 366Pi Technologies',
contribution: `Helps us with designs in FLO blockchain application
creation, and Twitter support.`,
contribution: `FLO blockchain application design, Twitter support.`,
},
{
extension: 'jpg',
investorName: 'Amit Jagetia',
bio: 'IT Professional in FinTech Industry',
contribution: `Contributor and believer since inception, helpful
in Ohio area, resourceful in international taxation,
and help with social media.`,
contribution: `Contributor and believer since inception. Local help in Ohio, International taxation, Social media.`,
},
{
extension: 'jpg',
@ -237,64 +233,67 @@
extension: 'jpg',
investorName: 'Atul Agarwal',
bio: 'Entrepreneur, Real Estate Developer, Blockchain Entrepreneur, Iconoclast',
contribution: `A core and passionate supporter, one of largest
tokenholders, helpful with social media in Facebook
and Twiiter, and a lot of varied assistance to
RanchiMall.`,
contribution: `A core and passionate supporter, One of our largest token holders, Helps with Facebook and Twitter, Always ready to assist in our various endeavors.`,
},
{
extension: 'jpg',
investorName: 'Barun Kumar',
bio: 'Cybersecurity Professional, Founder of Mantran Consulting, Singapore',
contribution: `Helpful in Singapore area, early Phase 1 ICO investor,
one of largest tokenholders, helping us in social
media.`,
contribution: `Helpful in Singapore,
Early Phase 1 ICO investor, One of our largest token holders,
Helps with our social media.`,
},
{
extension: 'jpg',
investorName: 'Janardan Tiwary',
bio: 'Retd. General Manager Coal India, Ranchi, Mining Engineer from IIT Dhanbad',
contribution: `Inspiration to the Founder (he is father of the founder),
support in management of bank accounts, and
support in Twitter.`,
contribution: `Inspiration to the Founder (founders father), Support in the management of bank accounts and Twitter.`,
},
{
extension: 'jpg',
investorName: 'Kanwal Koul',
bio: 'Working Professional in the power sector',
contribution: `Passionate investor, and helps with increasing the
reach of Twitter.`,
contribution: `Passionate investor,
Twitter follower-base expansion.`,
},
{
extension: 'jpg',
investorName: 'Mansoor Ahmed',
bio: 'Cybersecurity Expert, Founder, and Director Winged World',
contribution: `Helpful with Cybersecurity aspects, logistical support
and helpful in increasing reach of Twitter`,
bio: 'Cybersecurity Expert, Founder and Director Winged World',
contribution: `Helpful with Cybersecurity,
Logistical support, Twitter follower-base expansion.`,
},
{
extension: 'jpg',
investorName: 'Margot Borden',
bio: 'Psychotherapist, Author, and Chief Storytelling Catalyst at RanchiMall',
contribution: `Language and grammar quality assurance, help in the management, psychology of team members, and social media assistance. Nothing escapes her eyes when it's about editing and proofreading.`,
},
{
extension: 'jpg',
investorName: 'Manish Saxena',
bio: 'Embedded and Control System Expert at HCL Technologies',
contribution: `Power-packed social media supporter, Help in West Midlands UK, Contributes to all activities and campaigns.`,
},
{
extension: 'jpg',
investorName: 'Meghna Patel',
bio: 'Marketing Professional turned Blockchain Enthusiast',
contribution: `Very passionate supporter, contributor in lot of
activities, attends all our online events, and support
in Twitter.`,
bio: 'Marketing Professional turned blockchain enthusiast',
contribution: `Very passionate supporter and contributor, Attends all our online events,
Supports us with our Twitter campaigns. `,
},
{
extension: 'jpg',
investorName: 'Nikhil Kulkarni',
bio: 'CTO and Co-Founder of tripDarwin.com',
contribution: `Comes with lot of management and technical skills,
helps us with strategy and risk management, and
helps us with social media.`,
contribution: `Management and technical skills, Strategy and risk management,
Social media`,
},
{
extension: 'jpg',
investorName: 'Pankaj Miglani',
bio: 'Professional Services Consultant at AWS Cybersecurity',
contribution: `Long term believer and supporter, help
in Australia, and assistance in our social media
initiatives.`,
contribution: `Long-term believer and supporter, Help in Australia, Assistance in our social media initiatives.`,
},
{
extension: 'jpg',
@ -304,6 +303,18 @@
motivator, active participant in all our activities,
and help in social media.`,
},
{
extension: 'jpg',
investorName: 'Ruchir Gupta',
bio: 'Global manufacturing and supply chain leader, Crypto enthusiast',
contribution: `Creative feedbacks in crafting business strategies, Help in the Singapore region.`,
},
{
extension: 'jpg',
investorName: 'Santosh Nair',
bio: 'Strategic Marketing Advisor, FedEx Europe',
contribution: `Long term believer and supporter, Help in Belgium, Europe, Support in the management of social media.`,
},
{
extension: 'jpg',
investorName: 'Sudhir Taneja',
@ -313,18 +324,15 @@
},
{
extension: 'jpg',
investorName: 'Varucchi Dubey',
investorName: 'Varuchhi Dubey',
bio: 'Founder and Managing Director, DNV Security Solutions Pvt Ltd.',
contribution: `Contributions in vision of RanchiMall, incredible team
member, undiluted support in social media.`,
contribution: `Contributes toward RanchiMalls vision, Incredible team member, Consistent support in social media. `,
},
{
extension: 'jpg',
investorName: 'Venkat Narayanan',
bio: 'Business Excellence Professional, Sr. Manager at Tata Consultancy Services',
contribution: `One of our superstars, and one of most energetic
supporter in every activity, one of the dream
investors, and lot of active help in our projects.`,
contribution: `One of our superstars, and one of the most energetic supporters in every activity,One of our dream investors, Very active help in our projects.`,
},
]