From 8c29bba5fa6dd44012f35dc715f1d41828276f8b Mon Sep 17 00:00:00 2001 From: sairaj mote Date: Wed, 12 May 2021 19:09:49 +0530 Subject: [PATCH] UI update --- bitcoinbonds.html | 12 +- css/main.css | 9 +- css/main.min.css | 2 +- css/main.scss | 8 +- floblockchaincontract.html | 196 +++++++++++++++++++++++++++ ico.html | 2 +- incorporationblockchaincontract.html | 133 ++++++++++++++++++ index.html | 23 ++-- internshipblockchaincontract.html | 165 ++++++++++++++++++++++ js/components.js | 8 +- js/index.js | 8 +- 11 files changed, 540 insertions(+), 26 deletions(-) create mode 100644 floblockchaincontract.html create mode 100644 incorporationblockchaincontract.html create mode 100644 internshipblockchaincontract.html diff --git a/bitcoinbonds.html b/bitcoinbonds.html index 2a1caa1..e65cf15 100644 --- a/bitcoinbonds.html +++ b/bitcoinbonds.html @@ -78,14 +78,20 @@ -

BitCoin Bonds

+

Bitcoin Bonds

- 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. + + A Bitcoin Bond is an investment package whereby the investor + +

+

How does it work?

+

+ Bondholders get a minimum guarantee of 13% 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.

Status

- We are servicing current customers only. The newer version of Bitcoin Bonds will be on blockchain and is under testing. + We are servicing current customers only. A new Blockchain-based version of Bitcoin Bonds will be available soon.

diff --git a/css/main.css b/css/main.css index f2ad62d..f636c3b 100644 --- a/css/main.css +++ b/css/main.css @@ -963,7 +963,6 @@ scroll-tab-header { --padding: 0.5rem 0; --border-radius: 0.3rem; --background: transparent; - --grid-auto-flow: column; } scroll-tab-panels { @@ -1110,6 +1109,14 @@ scroll-tab-panels > [active] { .outlet-list__item .icon { margin-left: auto; } + + .rooms__header { + flex-direction: column; + align-items: flex-start; + } + .rooms__header scroll-tab-header { + width: calc(100vw - 2rem); + } } @media only screen and (min-width: 640px) { .page { diff --git a/css/main.min.css b/css/main.min.css index e595bd2..b56cbe4 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -a,button{color:inherit}.bit-bond-series__row,.flow-column{grid-auto-flow:column}.pos-relative,button{position:relative}#floor_list,.bob-fund__row .grid{align-content:flex-start}.interact,.theme-switcher,button{cursor:pointer;-webkit-tap-highlight-color:transparent}* :not(ol){padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.button__icon--left,.margin-right-0-5{margin-right:.5rem}:root{font-size:clamp(1rem,1.2vmax,3rem)}body{--accent-color:#E72C37;--light-shade:rgba(var(--text-color), 0.06);--text-color:17,17,17;--text-color-light:100,100,100;--foreground-color:255,255,255;--background-color:#F6f6f6;--error-color:red;--green:#007936;color:rgba(var(--text-color),1);height:calc(100%);background:var(--background-color)}body[data-theme=dark]{--accent-color:#ff3949;--green:#13ff5a;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106)}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}body[data-theme=dark] .outlet__title{font-weight:800}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize,.floor_list__header,.outlet__title{text-transform:capitalize}p{max-width:70ch;line-height:1.7}img{object-fit:cover}a{text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}p a{color:var(--accent-color)}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;font-weight:500}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color),1)}.accent-color,.floor__num,.outlet-label,.room-button[active]{color:var(--accent-color)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}ol[type="1"]{display:grid;gap:2rem}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.elevator__header,.popup__header{grid-template-columns:auto 1fr;gap:.5rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.elevator__header,.popup__header{align-items:center;display:grid;width:100%}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r,.outlet-number{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none!important}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16);pointer-events:none}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.floor_list__header{position:sticky;background:rgba(var(--foreground-color),1);z-index:1}.elevator__header{top:0;padding:1.2rem 1.5rem;justify-content:flex-start}#floor_list{padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top}.floor_list__item{display:grid;gap:1.5rem;transform-origin:top}.floor_list__item:last-of-type{padding-bottom:25vh}.floor_list__header{top:0;padding-bottom:.5rem}.outlet-list{gap:2rem;counter-reset:outlet-counter}.floor-list__outlet{display:flex;align-items:center}.floor-list__outlet::before{content:"";width:.4rem;height:1.5rem;margin-right:.5rem;background-color:var(--accent-color)}.outlet-list__item{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-list__item .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-list__item .icon{fill:var(--accent-color);flex-shrink:0}.outlet-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{padding:.5rem 0;flex-direction:column;text-align:left;align-items:flex-start;border-radius:.2rem;font-size:1.5rem;font-weight:900;background:rgba(var(--foreground-color),1)}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.floor-name{margin-top:.2rem;font-size:.8rem}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--accent-color)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#elevator_button .icon{width:1.7rem;height:1.7rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5.2rem);scroll-behavior:smooth}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:10;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.7rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.line-map__bar,.outlet-number{background:var(--accent-color)}.line-map__bar{width:.1rem;height:100%;border-radius:1rem}.floor-label{position:absolute;display:flex;align-items:center;left:.2rem;margin-top:-1rem;user-select:none;transition:transform .3s}.floor-circle{position:relative;border-radius:1rem;padding:.8rem}.floor-circle::after{content:"";position:absolute;padding:.3rem;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--text-color),1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color),1);transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.floor__header{position:sticky;top:0;z-index:8;padding:.5rem 0;transform:translateY(-.1rem);background:var(--background-color)}.floor__header::before{content:"";position:absolute;left:-1%;width:1%;height:100%;background:var(--background-color)}.floor__header::after{content:"";position:absolute;right:-1%;width:1%;height:100%;background:var(--background-color)}.floor__num{display:flex;align-items:center;font-size:1.2rem;font-weight:700}.outlet-number,.outlet-preview{display:grid;position:relative}.floor__num::after{content:"";width:4rem;height:.1rem;background:var(--accent-color);margin-left:.5rem}.floor__title{font-size:1.5rem;font-weight:800}.big-icon{height:2rem;width:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{align-items:center}.outlet-number{width:2rem;height:2rem;aspect-ratio:1/1;font-size:1.3rem;font-weight:900;border-radius:.2rem;place-content:center;justify-self:flex-start;color:#fff;box-shadow:.2rem .2rem 0 rgba(var(--text-color),1)}.outlet-preview__info{position:relative;padding:1rem;border-radius:.5rem}.outlet__title{font-weight:900;font-size:1.8rem;margin-bottom:.8rem}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__border{position:absolute;height:100%;width:100%;z-index:-1;border-radius:.5rem;background:var(--background-color);box-shadow:0 0 0 1px rgba(var(--text-color),.2) inset,0 2rem 3rem -2rem rgba(0,0,0,.1)}.outlet-preview__button{justify-self:flex-start;border-radius:.2rem;padding:.3rem 1rem;color:#fff;background-color:var(--accent-color)}#outlet_switcher,sm-carousel{background:rgba(var(--foreground-color),1)}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}.series-container{gap:1.5rem;padding-bottom:1.5rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.grid-2,.investor-card{grid-template-columns:auto 1fr}.series-container .bit-bond-series__row,.series-container .bob-fund__row{padding:1.5rem}sm-carousel{position:relative;height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--accent-color)}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.bit-bond-series__row,.bob-fund__row{gap:1rem;border-radius:.5rem;align-items:flex-start;background-color:rgba(var(--foreground-color),1);box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.up-arrow{height:1em;width:1em;fill:var(--green);margin-right:.1em}.percent-gain{font-weight:500;color:var(--green);margin-right:.5em}.percent-gain,.time-elapsed{font-size:.8rem}.time-elapsed{color:rgba(var(--text-color),.8)}.investor-card{align-items:flex-start;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.4rem 0;flex-shrink:0;font-weight:500}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{display:flex;align-items:center;justify-self:flex-start;margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header{--padding:0.5rem 0;--border-radius:0.3rem;--background:transparent;--grid-auto-flow:column}scroll-tab-panels{--gap:1.5rem;--background:transparent;margin-bottom:6rem}scroll-tab-panels>*{opacity:.4;flex-shrink:0;min-width:100%;transition:opacity .6s;align-self:start}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.rooms__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;margin-bottom:1.5rem;background:var(--background-color);box-shadow:0 1rem 1rem -1rem rgba(0,0,0,.2)}.room__label{position:relative;display:flex;align-items:center;font-weight:500;margin-right:.5rem;padding-right:1.5rem}.room__label::after{content:"";position:absolute;height:150%;width:.1rem;right:0;background-color:rgba(var(--text-color),.5)}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-weight:500;font-size:1.1rem;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button:not(:last-of-type)::after{content:"";height:.1rem;width:4rem;margin-left:1rem;align-self:center;background:var(--accent-color)}.room-button[active]{opacity:1}.room-button[active] .icon{fill:var(--accent-color)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width:640px){.hide-on-mobile{display:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}.series-container{gap:1rem}.outlet-list__item .icon{margin-left:auto}}@media only screen and (min-width:640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{gap:8vw;padding:0 8vw 4rem}.floor_list__item{position:relative;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.floor_list__item .floor_list__header{display:grid}.floor_list__item:not(:last-of-type){padding-bottom:8vw}.floor_list__item:not(:last-of-type)::after{content:"";position:absolute;width:24rem;height:.2rem;bottom:0;background-color:var(--accent-color);justify-self:center}.floor_list__item:nth-of-type(odd) .floor_list__header{text-align:right;grid-column:2/3;grid-row:1/2}.floor_list__item:nth-of-type(odd) .outlet-list{grid-row:1/2;grid-column:1/2}#home_page{grid-template-columns:1fr 80vw 1fr}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:5rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2,1fr)}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__border{right:0}.bit-bond-series__row{grid-auto-flow:column}.carousel-holder{align-self:flex-start;transform:translateY(-2rem);z-index:1;border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;box-shadow:1px .1rem .1rem rgba(0,0,0,.06),-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{box-shadow:1px .1rem .1rem rgba(0,0,0,.06),2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}.outlet-preview__info{padding:2rem}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width:1280px){.page{grid-template-columns:1fr 80vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}}@media only screen and (min-width:1920px){#home_page,.page{grid-template-columns:1fr 60vw 1fr}}@media (any-hover:hover){.outlet-list__item .icon,.page-link:hover .icon{fill:var(--accent-color)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.page-link{cursor:pointer;transition:color .3s}.page-link:hover{color:var(--accent-color)}.floor__button:hover{background:var(--background-color)}.outlet-list__item .icon{opacity:0;transform-origin:left;transform:translateX(-.5rem);transition:opacity .3s,transform .3s}.outlet-list__item:hover .icon{opacity:1;transform:translateX(0)}} \ No newline at end of file +a,button{color:inherit}.bit-bond-series__row,.flow-column{grid-auto-flow:column}.pos-relative,button{position:relative}#floor_list,.bob-fund__row .grid{align-content:flex-start}.interact,.theme-switcher,button{cursor:pointer;-webkit-tap-highlight-color:transparent}* :not(ol){padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.button__icon--left,.margin-right-0-5{margin-right:.5rem}:root{font-size:clamp(1rem,1.2vmax,3rem)}body{--accent-color:#E72C37;--light-shade:rgba(var(--text-color), 0.06);--text-color:17,17,17;--text-color-light:100,100,100;--foreground-color:255,255,255;--background-color:#F6f6f6;--error-color:red;--green:#007936;color:rgba(var(--text-color),1);height:calc(100%);background:var(--background-color)}body[data-theme=dark]{--accent-color:#ff3949;--green:#13ff5a;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106)}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}body[data-theme=dark] .outlet__title{font-weight:800}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}.h2{font-size:2rem}.h3{font-size:1.4rem}.h4{font-size:1rem}.h5{font-size:.8rem}.uppercase{text-transform:uppercase}.capitalize,.floor_list__header,.outlet__title{text-transform:capitalize}p{max-width:70ch;line-height:1.7}img{object-fit:cover}a{text-decoration:none}a:focus-visible{box-shadow:0 0 0 .1rem rgba(var(--text-color),1) inset}p a{color:var(--accent-color)}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;font-weight:500}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);color:rgba(var(--foreground-color),1)}.accent-color,.floor__num,.outlet-label,.room-button[active]{color:var(--accent-color)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}ol[type="1"]{display:grid;gap:2rem}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.elevator__header,.popup__header{grid-template-columns:auto 1fr;gap:.5rem}.text-align-right{text-align:right}.align-start{align-items:flex-start}.align-center{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.elevator__header,.popup__header{align-items:center;display:grid;width:100%}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r{margin-bottom:1rem}.margin-bottom-1-5r,.outlet-number{margin-bottom:1.5rem}.margin-bottom-2r{margin-bottom:2rem}.margin-bottom-3r{margin-bottom:3rem}.margin-bottom-4r{margin-bottom:4rem}.hide{opacity:0;pointer-events:none}.hide-completely{display:none!important}.no-transformations{transform:none!important}.overflow-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16);pointer-events:none}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:15;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.floor_list__header{position:sticky;background:rgba(var(--foreground-color),1);z-index:1}.elevator__header{top:0;padding:1.2rem 1.5rem;justify-content:flex-start}#floor_list{padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top}.floor_list__item{display:grid;gap:1.5rem;transform-origin:top}.floor_list__item:last-of-type{padding-bottom:25vh}.floor_list__header{top:0;padding-bottom:.5rem}.outlet-list{gap:2rem;counter-reset:outlet-counter}.floor-list__outlet{display:flex;align-items:center}.floor-list__outlet::before{content:"";width:.4rem;height:1.5rem;margin-right:.5rem;background-color:var(--accent-color)}.outlet-list__item{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-list__item .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-list__item .icon{fill:var(--accent-color);flex-shrink:0}.outlet-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{padding:.5rem 0;flex-direction:column;text-align:left;align-items:flex-start;border-radius:.2rem;font-size:1.5rem;font-weight:900;background:rgba(var(--foreground-color),1)}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.floor-name{margin-top:.2rem;font-size:.8rem}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--accent-color)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#elevator_button .icon{width:1.7rem;height:1.7rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5.2rem);scroll-behavior:smooth}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:10;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.7rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.line-map__bar,.outlet-number{background:var(--accent-color)}.line-map__bar{width:.1rem;height:100%;border-radius:1rem}.floor-label{position:absolute;display:flex;align-items:center;left:.2rem;margin-top:-1rem;user-select:none;transition:transform .3s}.floor-circle{position:relative;border-radius:1rem;padding:.8rem}.floor-circle::after{content:"";position:absolute;padding:.3rem;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--text-color),1);border-radius:1rem}.floor-title{opacity:.5;font-size:.9rem;white-space:nowrap;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;background:rgba(var(--foreground-color),1);transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.floor__header{position:sticky;top:0;z-index:8;padding:.5rem 0;transform:translateY(-.1rem);background:var(--background-color)}.floor__header::before{content:"";position:absolute;left:-1%;width:1%;height:100%;background:var(--background-color)}.floor__header::after{content:"";position:absolute;right:-1%;width:1%;height:100%;background:var(--background-color)}.floor__num{display:flex;align-items:center;font-size:1.2rem;font-weight:700}.outlet-number,.outlet-preview{display:grid;position:relative}.floor__num::after{content:"";width:4rem;height:.1rem;background:var(--accent-color);margin-left:.5rem}.floor__title{font-size:1.5rem;font-weight:800}.big-icon{height:2rem;width:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{align-items:center}.outlet-number{width:2rem;height:2rem;aspect-ratio:1/1;font-size:1.3rem;font-weight:900;border-radius:.2rem;place-content:center;justify-self:flex-start;color:#fff;box-shadow:.2rem .2rem 0 rgba(var(--text-color),1)}.outlet-preview__info{position:relative;padding:1rem;border-radius:.5rem}.outlet__title{font-weight:900;font-size:1.8rem;margin-bottom:.8rem}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__border{position:absolute;height:100%;width:100%;z-index:-1;border-radius:.5rem;background:var(--background-color);box-shadow:0 0 0 1px rgba(var(--text-color),.2) inset,0 2rem 3rem -2rem rgba(0,0,0,.1)}.outlet-preview__button{justify-self:flex-start;border-radius:.2rem;padding:.3rem 1rem;color:#fff;background-color:var(--accent-color)}#outlet_switcher,sm-carousel{background:rgba(var(--foreground-color),1)}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}.series-container{gap:1.5rem;padding-bottom:1.5rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.grid-2,.investor-card{grid-template-columns:auto 1fr}.series-container .bit-bond-series__row,.series-container .bob-fund__row{padding:1.5rem}sm-carousel{position:relative;height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--accent-color)}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.bit-bond-series__row,.bob-fund__row{gap:1rem;border-radius:.5rem;align-items:flex-start;background-color:rgba(var(--foreground-color),1);box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.up-arrow{height:1em;width:1em;fill:var(--green);margin-right:.1em}.percent-gain{font-weight:500;color:var(--green);margin-right:.5em}.percent-gain,.time-elapsed{font-size:.8rem}.time-elapsed{color:rgba(var(--text-color),.8)}.investor-card{align-items:flex-start;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.4rem 0;flex-shrink:0;font-weight:500}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{display:flex;align-items:center;justify-self:flex-start;margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header{--padding:0.5rem 0;--border-radius:0.3rem;--background:transparent}scroll-tab-panels{--gap:1.5rem;--background:transparent;margin-bottom:6rem}scroll-tab-panels>*{opacity:.4;flex-shrink:0;min-width:100%;transition:opacity .6s;align-self:start}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.rooms__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;margin-bottom:1.5rem;background:var(--background-color);box-shadow:0 1rem 1rem -1rem rgba(0,0,0,.2)}.room__label{position:relative;display:flex;align-items:center;font-weight:500;margin-right:.5rem;padding-right:1.5rem}.room__label::after{content:"";position:absolute;height:150%;width:.1rem;right:0;background-color:rgba(var(--text-color),.5)}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-weight:500;font-size:1.1rem;transition:opacity .3s,background-color .3s;padding:.6rem .8rem}.room-button:not(:last-of-type)::after{content:"";height:.1rem;width:4rem;margin-left:1rem;align-self:center;background:var(--accent-color)}.room-button[active]{opacity:1}.room-button[active] .icon{fill:var(--accent-color)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width:640px){.hide-on-mobile{display:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}.series-container{gap:1rem}.outlet-list__item .icon{margin-left:auto}.rooms__header{flex-direction:column;align-items:flex-start}.rooms__header scroll-tab-header{width:calc(100vw - 2rem)}}@media only screen and (min-width:640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{gap:8vw;padding:0 8vw 4rem}.floor_list__item{position:relative;grid-template-columns:1fr 1fr;align-items:center;justify-content:center}.floor_list__item .floor_list__header{display:grid}.floor_list__item:not(:last-of-type){padding-bottom:8vw}.floor_list__item:not(:last-of-type)::after{content:"";position:absolute;width:24rem;height:.2rem;bottom:0;background-color:var(--accent-color);justify-self:center}.floor_list__item:nth-of-type(odd) .floor_list__header{text-align:right;grid-column:2/3;grid-row:1/2}.floor_list__item:nth-of-type(odd) .outlet-list{grid-row:1/2;grid-column:1/2}#home_page{grid-template-columns:1fr 80vw 1fr}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:5rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2,1fr)}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__border{right:0}.bit-bond-series__row{grid-auto-flow:column}.carousel-holder{align-self:flex-start;transform:translateY(-2rem);z-index:1;border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;box-shadow:1px .1rem .1rem rgba(0,0,0,.06),-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{box-shadow:1px .1rem .1rem rgba(0,0,0,.06),2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}.outlet-preview__info{padding:2rem}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width:1280px){.page{grid-template-columns:1fr 80vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}}@media only screen and (min-width:1920px){#home_page,.page{grid-template-columns:1fr 60vw 1fr}}@media (any-hover:hover){.outlet-list__item .icon,.page-link:hover .icon{fill:var(--accent-color)}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-thumb{background:rgba(var(--text-color),.3);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-color),.5)}.page-link{cursor:pointer;transition:color .3s}.page-link:hover{color:var(--accent-color)}.floor__button:hover{background:var(--background-color)}.outlet-list__item .icon{opacity:0;transform-origin:left;transform:translateX(-.5rem);transition:opacity .3s,transform .3s}.outlet-list__item:hover .icon{opacity:1;transform:translateX(0)}} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index 34324c5..4cdebf1 100644 --- a/css/main.scss +++ b/css/main.scss @@ -868,7 +868,6 @@ scroll-tab-header{ --padding: 0.5rem 0; --border-radius: 0.3rem; --background: transparent; - --grid-auto-flow: column; } scroll-tab-panels{ --gap: 1.5rem; @@ -1010,6 +1009,13 @@ scroll-tab-panels{ margin-left: auto; } } + .rooms__header{ + flex-direction: column; + align-items: flex-start; + scroll-tab-header{ + width: calc(100vw - 2rem); + } + } } @media only screen and (min-width: 640px) { .page{ diff --git a/floblockchaincontract.html b/floblockchaincontract.html new file mode 100644 index 0000000..c08deed --- /dev/null +++ b/floblockchaincontract.html @@ -0,0 +1,196 @@ + + + + + + + + ICO + + + + + + + + + + + + + +
+
+ +
+
    +
    +
    + + + +
    +
    +
    + + + + + + +
    +
    +
    +
    +
    + +

    Initial Coin Offering

    +

    + 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. +

    +
    +
    +

    Rooms

    + + + + + +
    + +
    +

    Contributing Investors

    + +
    +
    +

    Product

    +

    + Please refer to the whitepaper here 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. +

    +

    Summary of changes over white paper

    +
      +
    1. +

      + RanchiMall Tokens (RMT) now own the financial gains emerging from all our blockchain contracts +

      +
      2. +
    2. +

      + RanchiMall FZE has been withdrawn as an asset in view of high holding costs +

      +
      3. +
    3. +

      + Number of phase have been paused at 2 instead of 14 as initially envisioned +

      +
      4. +
    4. +

      + 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. +

      +
      5. +
    5. +

      + 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. +

      +
      6. +
    +
    +
    +

    Purchase

    +

    + Currently we are not selling any RanchiMall Tokens (RMT). You can buy nominal tokens at + our last valuation in our exchange 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. +
    Once you initiate a tokenholder relationship, please be patient to stay the + whole course of journey. You will not regret it. +

    +
    +     +
    + + + + + \ No newline at end of file diff --git a/ico.html b/ico.html index a72992a..d29910e 100644 --- a/ico.html +++ b/ico.html @@ -180,7 +180,7 @@

    Purchase

    Currently we are not selling any RanchiMall Tokens (RMT). You can buy nominal tokens at - our last valuation in our exchange for USD 10 or Rs 500 if you want to become a + our last valuation in our exchange 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.
    Once you initiate a tokenholder relationship, please be patient to stay the diff --git a/incorporationblockchaincontract.html b/incorporationblockchaincontract.html new file mode 100644 index 0000000..e841e39 --- /dev/null +++ b/incorporationblockchaincontract.html @@ -0,0 +1,133 @@ + + + + + + + + Incorporation Blockchain Contract + + + + + + + + + +

    +
    + +
    +
      +
      +
      + + + +
      +
      +
      + + + + + + +
      +
      +
      +
      +
      + +

      Incorporation Blockchain Contract

      +

      + RanchiMall is incorporated on the blockchain and structured as Incorporation + Blockchain Contract. Incorporation Blockchain Contract owns all the other blockchain contracts of + RanchiMall. +

      +
      +
      +

      Rooms

      + + + + +
      + +
      +

      Product

      +

      + RanchiMall Incorporation Blockchain Contract is the owner of all RanchiMall + Blockchain Contracts. Since every operation in RanchiMall is structured as a blockchain contract, + RanchiMall Incorporation Blockchain Contract is equivalent of the holding company in traditional + corporate sense. +

      +

      + Incorporation Blockchain Contract has been tokenised as RanchiMall Tokens + (RMT)We have sold 100000 such tokens till now. The product being sold here is RanchiMall Tokens + (RMT)These tokens can also be purchased from ICO Outlet on Floor 1. However the tokens purchased + here are on the blockchain unlike ICO Outlet where tokens are held in our own database. +

      +

      Useful links

      +

      + Blockchain Contract concept presentation + Medium article explaining Incorporation Blockchain Contract +

      + +
      +
      +

      Purchase

      +

      + You can buy Incorporation Blockchain Contract automatically if you buy RanchiMall tokens + (RMT) at our exchange. +

      +
      +       +
      + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 63125ca..0bacbfa 100644 --- a/index.html +++ b/index.html @@ -86,9 +86,9 @@
      -

      +

      @@ -193,9 +192,9 @@

      FLO Blockchain contract consists of all projects RanchiMall performs on FLO Blockchain (previously called Florincoin).

      - +
      diff --git a/internshipblockchaincontract.html b/internshipblockchaincontract.html new file mode 100644 index 0000000..c105997 --- /dev/null +++ b/internshipblockchaincontract.html @@ -0,0 +1,165 @@ + + + + + + + + ICO + + + + + + + + + +
      +
      + +
      +
        +
        +
        + + + +
        +
        +
        + + + + + + +
        +
        +
        +
        +
        + +

        Internship Blockchain Contract

        +

        + Internship Blockchain Contract tokenizes all our internship initiatives. This is ownedby Incorporation Blockchain Contract. +

        +
        +
        +

        Rooms

        + + + + + +
        + +
        +

        Contributing Investors

        + +
        +
        +

        Product

        +

        + Please refer to the whitepaper here 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. +

        +

        Summary of changes over white paper

        +
          +
        1. +

          + RanchiMall Tokens (RMT) now own the financial gains emerging from all our blockchain contracts +

          +
          2. +
        2. +

          + RanchiMall FZE has been withdrawn as an asset in view of high holding costs +

          +
          3. +
        3. +

          + Number of phase have been paused at 2 instead of 14 as initially envisioned +

          +
          4. +
        4. +

          + 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. +

          +
          5. +
        5. +

          + 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. +

          +
          6. +
        +
        +
        +

        Purchase

        +

        + Currently we are not selling any RanchiMall Tokens (RMT). You can buy nominal tokens at + our last valuation in our exchange 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. +
        Once you initiate a tokenholder relationship, please be patient to stay the + whole course of journey. You will not regret it. +

        +
        +         +
        + + + + + \ No newline at end of file diff --git a/js/components.js b/js/components.js index d28597c..4d76bed 100644 --- a/js/components.js +++ b/js/components.js @@ -3639,20 +3639,20 @@ scrollTabHeader.innerHTML = ` box-sizing: border-box; } :host{ - gap: 1rem; + --gap: 0; --padding: 0; --border-radius: 0.3rem; - --grid-auto-flow: auto; --background: rgba(var(--foreground-color), 1); + display: flex; } .tab-header{ - display: grid; + display: flex; gap: var(--gap); - grid-auto-flow: var(--grid-auto-flow); justify-content: flex-start; padding: var(--padding); border-radius: var(--border-radius); background: var(--background); + overflow-x: auto; }
        diff --git a/js/index.js b/js/index.js index 8e1d721..ab25034 100644 --- a/js/index.js +++ b/js/index.js @@ -263,7 +263,7 @@ const siteMap = [ } ], }, - { +/* { floor: 'Blockchain Apps', outlets: [ { @@ -320,7 +320,7 @@ const siteMap = [ url: "operationalstatistic", } ], - }, + }, */ ]; const bitBondSerieses = [ @@ -737,7 +737,8 @@ function renderSiteMap() { for (floor of siteMap) { for (outlet of floor.outlets) { currentPage = pathArray[pathArray.length - 1] - if (pathArray[pathArray.length - 1].indexOf(outlet.url) > -1) { + if (pathArray[pathArray.length - 1].includes(outlet.url)) { + console.log(pathArray[pathArray.length - 1], outlet.url) renderFloorOutlets(floor, outlet.url) break; } @@ -748,6 +749,7 @@ renderSiteMap() function renderFloorOutlets(floorObj, activeOutlet) { const { floor, outlets } = floorObj + console.log(floor) const frag = document.createDocumentFragment() outlets.forEach(outlet => frag.append(render.outletSwitcherButton(outlet, activeOutlet))) getRef('outlet_switcher__outlet_container').append(frag)