Added new investors

assets/css/main.css

@@ -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 {
+  .link-container {
-    margin-top: 1rem;
+    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 {

assets/css/main.scss

@@ -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{
+    .link-container{
-        margin-top: 1rem;
+        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{

assets/js/index.js

@@ -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`

bitcoinbonds.html

@@ -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>
+                <div class="link-container">
-            </a>
+                    <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)
+            if(myChart){
-            lineColor.addColorStop(0, "#80b6f4");
+                lineColor = ctx.createLinearGradient(0, 0, myChart.chartArea.width, 0)
-            lineColor.addColorStop(1, "#f49080");
+            }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>

bob'sfund.html

@@ -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)
+            if(myChart){
-            lineColor.addColorStop(0, "#80b6f4");
+                lineColor = ctx.createLinearGradient(0, 0, myChart.chartArea.width, 0)
-            lineColor.addColorStop(1, "#f49080");
+            }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>

ico.html

@@ -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
+                    The Initial Coin Offering (ICO) of RanchiMall was launched in 2017. We envisioned to sell 21 million
-                    tokens over 14 phases over 3 years. However we paused the ICO after 2 phases were executed
+                    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
+                        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> for $10 or ₹500 if you want to become a
+                        our last valuation in <a href="https://www.ranchimall.net/exchange/" target="_blank">our exchange</a> to become a
-                        tokenholder, and be part of the learning process through our community. Our rules are designed to
+                        token holder and be part of our community’s learning process. Our products are aimed at long term investors. 
-                        favour long term investors.
+                        <br> Once you become a token holder, please be patient and be prepared to stay the
-                        <br> Once you initiate a tokenholder relationship, please be patient 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 
+                contribution: `FLO blockchain application design, Twitter support.`,
-                    creation, and Twitter support.`,
             },
             {
                 extension: 'jpg',
                 investorName: 'Amit Jagetia',
                 bio: 'IT Professional in FinTech Industry',
-                contribution: `Contributor and believer since inception, helpful 
+                contribution: `Contributor and believer since inception. Local help in Ohio, International taxation, Social media.`,
-                    in Ohio area, resourceful in international taxation, 
-                    and help with 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 
+                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.`,
-                    tokenholders, helpful with social media in Facebook 
-                    and Twiiter, and a lot of varied assistance to 
-                    RanchiMall.`,
             },
             {
                 extension: 'jpg',
                 investorName: 'Barun Kumar',
                 bio: 'Cybersecurity Professional, Founder of Mantran Consulting, Singapore',
-                contribution: `Helpful in Singapore area, early Phase 1 ICO investor,
+                contribution: `Helpful in Singapore,
-                    one of largest tokenholders, helping us in social 
+Early Phase 1 ICO investor, One of our largest token holders,
-                    media.`,
+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),
+                contribution: `Inspiration to the Founder (founder’s father), Support in the management of bank accounts and Twitter.`,
-                    support in management of bank accounts, and 
-                    support in Twitter.`,
             },
             {
                 extension: 'jpg',
                 investorName: 'Kanwal Koul',
                 bio: 'Working Professional in the power sector',
-                contribution: `Passionate investor, and helps with increasing the 
+                contribution: `Passionate investor,
-                    reach of Twitter.`,
+Twitter follower-base expansion.`,
             },
             {
                 extension: 'jpg',
                 investorName: 'Mansoor Ahmed',
-                bio: 'Cybersecurity Expert, Founder, and Director Winged World',
+                bio: 'Cybersecurity Expert, Founder and Director Winged World',
-                contribution: `Helpful with Cybersecurity aspects, logistical support 
+                contribution: `Helpful with Cybersecurity,
-                    and helpful in increasing reach of Twitter`,
+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',
+                bio: 'Marketing Professional turned blockchain enthusiast',
-                contribution: `Very passionate supporter, contributor in lot of 
+                contribution: `Very passionate supporter and contributor, Attends all our online events,
-                    activities, attends all our online events, and support 
+Supports us with our Twitter campaigns. `,
-                    in Twitter.`,
             },
             {
                 extension: 'jpg',
                 investorName: 'Nikhil Kulkarni',
                 bio: 'CTO and Co-Founder of tripDarwin.com',
-                contribution: `Comes with lot of management and technical skills, 
+                contribution: `Management and technical skills, Strategy and risk management,
-                    helps us with strategy and risk management, and 
+Social media`,
-                    helps us with social media.`,
             },
             {
                 extension: 'jpg',
                 investorName: 'Pankaj Miglani',
                 bio: 'Professional Services Consultant at AWS Cybersecurity',
-                contribution: `Long term believer and supporter, help 
+                contribution: `Long-term believer and supporter, Help in Australia, Assistance in our social media initiatives.`,
-                    in Australia, and 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 
+                contribution: `Contributes toward RanchiMall’s vision, Incredible team member, Consistent support in social media. `,
-                    member, undiluted 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 
+                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.`,
-                    supporter in every activity, one of the dream 
-                    investors, and lot of active help in our projects.`,
             },
         ]