From ad37f94085e95b589230e3ba84b2f100bd368dd1 Mon Sep 17 00:00:00 2001 From: sairaj mote Date: Wed, 9 Jun 2021 16:45:11 +0530 Subject: [PATCH] UI update Added timeline for bitcoin bonds and bobd fund --- assets/illustrations/buy-colored.svg | 1 + assets/illustrations/performance-colored.svg | 1 + assets/illustrations/product-colored.svg | 1 + bitcoinbonds.html | 48 +- bob'sfund.html | 470 ++++++++++++------- css/main.css | 188 ++++++-- css/main.min.css | 2 +- css/main.scss | 204 +++++--- ico.html | 170 +++---- js/index.js | 69 +-- 10 files changed, 729 insertions(+), 425 deletions(-) create mode 100644 assets/illustrations/buy-colored.svg create mode 100644 assets/illustrations/performance-colored.svg create mode 100644 assets/illustrations/product-colored.svg diff --git a/assets/illustrations/buy-colored.svg b/assets/illustrations/buy-colored.svg new file mode 100644 index 0000000..042fb69 --- /dev/null +++ b/assets/illustrations/buy-colored.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/performance-colored.svg b/assets/illustrations/performance-colored.svg new file mode 100644 index 0000000..9d3ad64 --- /dev/null +++ b/assets/illustrations/performance-colored.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/product-colored.svg b/assets/illustrations/product-colored.svg new file mode 100644 index 0000000..8a02c39 --- /dev/null +++ b/assets/illustrations/product-colored.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bitcoinbonds.html b/bitcoinbonds.html index 030a0c2..46e4680 100644 --- a/bitcoinbonds.html +++ b/bitcoinbonds.html @@ -47,43 +47,46 @@
- - + --> -
-
+
+
+

Bitcoin Bonds

+

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

+
-

Bitcoin Bonds

-

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

Rooms

@@ -93,7 +96,6 @@
-

Performance

 @@ -106,7 +108,6 @@
-

Buy

 @@ -121,7 +122,8 @@

-
+

Bitcoin bonds different series release timeline

+

    Description of different bonds

    @@ -232,7 +234,7 @@ 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 here in a single click.We can message + your private key very safe.FLO ID can be generated here in a single click.We can message directly on that FLO ID. Please drop your name and phone number along with FLO ID.

    @@ -340,7 +342,7 @@ const frag = document.createDocumentFragment() getRef('bit_bond_series__container').innerHTML = '' bitBondSerieses.forEach((series, index) => { - const [currentValue, percentGain] = calcNetValue(series.series, series.startDate, 0.13, 5, 0.5, 6400, 64) + const [currentValue, percentGain] = calcNetValue(series.series, series.startDate, 0.13, 5, 0.5, 100, 64) const obj = { series: series.series, percentGain, @@ -348,7 +350,15 @@ currentValue, percentGain: percentGain.toFixed(0) } - frag.append(render.bitBondRow(obj)) + const timelineItem = document.createElement('li') + timelineItem.classList.add('timeline-item') + + const tilelineItemHeader = document.createElement('header') + tilelineItemHeader.classList.add('timeline-item__header') + tilelineItemHeader.textContent = getFormatedTime(series.startDate, true) + + timelineItem.append(tilelineItemHeader, render.bitBondRow(obj)) + frag.prepend(timelineItem) }) getRef('bit_bond_series__container').append(frag) } diff --git a/bob'sfund.html b/bob'sfund.html index dcf52d2..c5bf5aa 100644 --- a/bob'sfund.html +++ b/bob'sfund.html @@ -55,38 +55,41 @@
    - - + --> -
    -
    +
    +
    +

    Bob's Fund

    +

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

    +
    -

    Bob's Fund

    -

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

    Rooms

    @@ -124,7 +127,8 @@

    -
    +

    Bobs fund different fund release timeline

    +

      @@ -180,168 +184,224 @@ diff --git a/css/main.css b/css/main.css index 0ae7b28..86f9483 100644 --- a/css/main.css +++ b/css/main.css @@ -76,6 +76,10 @@ body[data-theme=dark] .outlet-preview { text-transform: capitalize; } +#my_popup { + --width: min(24rem, 100%); +} + p { font-weight: calc(400 * var(--font-weight-factor)); max-width: 70ch; @@ -116,7 +120,6 @@ button { border-radius: 0.2rem; padding: 0.5rem 0.6rem; } - .button--primary { background: var(--accent-color); color: rgba(var(--foreground-color), 1); @@ -124,6 +127,12 @@ button { .button--primary .icon { fill: rgba(var(--foreground-color), 1); } +.button--outlined { + box-shadow: 0 0 0 1px rgba(var(--text-color), 0.5); +} +.button--filled { + background-color: rgba(var(--text-color), 0.2); +} button:focus-visible { outline: rgba(var(--text-color), 1) 0.1rem solid; @@ -805,7 +814,7 @@ ol[type="1"] { position: absolute; line-height: 1; font-size: 1em; - font-weight: 900; + font-weight: inherit; -webkit-text-stroke: 0; color: rgba(var(--foreground-color), 1); } @@ -825,8 +834,10 @@ ol[type="1"] { padding-bottom: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); } -.series-container .bit-bond-series__row, -.series-container .bob-fund__row { + +.bit-bond-series__row, +.bob-fund__row, +.card { padding: 1.5rem; } @@ -836,16 +847,13 @@ ol[type="1"] { min-width: 100%; } -.bit-bond-series__row { - grid-auto-flow: column; -} - .bob-fund__row .grid { align-content: flex-start; } .bob-fund__row, -.bit-bond-series__row { +.bit-bond-series__row, +.card { gap: 1rem; border-radius: 0.5rem; align-items: flex-start; @@ -894,7 +902,7 @@ ol[type="1"] { } .person__name { - font-size: 1.1rem; + font-size: 0.9rem; text-transform: capitalize; } @@ -968,64 +976,68 @@ ol[type="1"] { } .outlet_switcher__floor { - overflow-x: auto; + display: flex; + flex-direction: column; + overflow-y: auto; } .outlet_switcher__button { display: flex; align-items: center; font-size: 1rem; - padding: 0.4rem 0; - flex-shrink: 0; + padding: 0.6rem 0; font-weight: calc(500 * var(--font-weight-factor)); } .outlet_switcher__button--active { color: var(--accent-color) !important; } -.outlet_switcher__button:not(:last-of-type)::after { - content: ""; - position: relative; - width: 4vw; - height: 0.1rem; - margin: 0 0.5rem; - background: var(--accent-color); -} .outlet-label { - display: flex; - align-items: center; - justify-self: flex-start; - color: var(--accent-color); - margin-bottom: 0.5rem; - font-size: 1.1rem; + display: grid; gap: 0.5rem; + text-align: left; + align-items: center; + min-width: 8rem; + font-size: 1.1rem; + margin-bottom: 0.5rem; + align-self: flex-start; + grid-template-areas: "label icon" "num num"; } .outlet-label .icon { + grid-area: icon; height: 1.6rem; width: 1.6rem; fill: var(--accent-color); + justify-self: flex-end; } -/* scroll-tab-header{ - --padding: 0.5rem 0; - --border-radius: 0.3rem; - --background: transparent; +.outlet-label__name { + font-size: 1.7rem; + color: rgba(var(--text-color), 0.5); + font-weight: calc(900 * var(--font-weight-factor)); } -scroll-tab-panels{ - --gap: 1.5rem; - --background: transparent; - margin-bottom: 6rem; - & > *{ - opacity: 0.4; - flex-shrink: 0; - min-width: 100%; - transition: opacity 0.6s; - align-self: start; - } - & > [active]{ - opacity: 1; - } -} */ + +.outlet-label__no { + grid-area: num; + display: flex; + position: relative; + line-height: 1; + font-size: 8rem; + font-weight: 900; + -webkit-text-stroke: 1rem var(--accent-color); + -webkit-text-fill-color: var(--background-color); + margin: 0 0.5rem; +} +.outlet-label__no::after { + content: attr(data-number); + position: absolute; + line-height: 1; + font-size: 1em; + font-weight: inherit; + -webkit-text-stroke: 0; + color: var(--background-color); +} + .auto-grid-layout { justify-content: flex-start; overflow-x: auto; @@ -1146,11 +1158,16 @@ scroll-tab-panels{ } .room-tile__icon { + margin-bottom: 1rem; height: 3rem; width: 3rem; - margin-bottom: 1rem; +} +.room-tile__icon:not(.room-tile__icon--colored) { fill: rgba(var(--text-color), 1); } +.room-tile__icon--colored { + filter: drop-shadow(0 1rem 0.5rem rgba(0, 0, 0, 0.2)); +} .room-tile__title { font-size: 1.2rem; @@ -1188,6 +1205,15 @@ scroll-tab-panels{ background-color: inherit; padding: 1rem 0; } +.room-container__header::before { + position: absolute; + content: ""; + width: 1rem; + height: 100%; + left: -1rem; + top: 0; + background-color: inherit; +} #hero_title { font-size: 2rem; @@ -1215,7 +1241,8 @@ scroll-tab-panels{ z-index: 2; overflow-x: auto; align-items: center; - padding: 2rem 0.5rem 0.5rem 0.5rem; + padding: 2rem 0.5rem 0.5rem 3rem; + margin-left: -3rem; background: linear-gradient(0deg, var(--background-color) 70%, rgba(0, 0, 0, 0) 100%); } @@ -1296,6 +1323,47 @@ scroll-tab-panels{ z-index: 1; } +.timeline-container { + display: grid; + padding: 3rem 0; + gap: 4rem; +} + +.timeline-item { + position: relative; + display: grid; + padding-left: 1rem; +} +.timeline-item:not(:last-of-type):before { + content: ""; + position: absolute; + width: 1px; + height: calc(100% + 4rem); + top: 0; + left: 0; + background-color: rgba(var(--text-color), 0.7); +} +.timeline-item:after { + content: ""; + position: absolute; + padding: 0.3rem; + border-radius: 50%; + top: 0; + left: -0.3rem; + background-color: rgba(var(--text-color), 1); +} + +.timeline-item__header { + display: flex; + font-size: 0.8rem; + padding: 0.5rem 0.8rem; + border-radius: 0.2rem; + justify-self: flex-start; + transform: translateY(-0.8rem); + box-shadow: 0 0 0 1px rgba(var(--text-color), 0.6); + background-color: rgba(var(--foreground-color), 1); +} + @media only screen and (max-width: 640px) { .hide-on-mobile { display: none; @@ -1313,7 +1381,8 @@ scroll-tab-panels{ left: 0; } - .outlet-preview__number { + .outlet-preview__number, +.outlet-label__no { font-size: 5rem; } @@ -1325,6 +1394,10 @@ scroll-tab-panels{ margin-top: 2rem; } + .outlet-label__no { + margin-bottom: 2rem; + } + .series-container { gap: 1rem; } @@ -1478,15 +1551,28 @@ scroll-tab-panels{ right: 0; } - .bit-bond-series__row { - grid-auto-flow: column; + .outlet__title { + font-size: 2.5rem; } #outlet_switcher { padding: 1rem 1.5rem; } + .outlet-label { + grid-column: 2/3; + justify-self: right; + } + + .outlet-label__no { + justify-content: flex-end; + } + .outlet-hero-section { + position: relative; + display: grid; + grid-template-columns: 1fr auto; + gap: 1.5rem; margin-top: 4rem; } diff --git a/css/main.min.css b/css/main.min.css index 528186c..79d9f6a 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -a,button{color:inherit}#room_switcher,.bit-bond-series__row,.flow-column{grid-auto-flow:column}.pos-relative,button{position:relative}.ext-link-tile,.interact,.room-tile,.theme-switcher,button{-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;--banner-color:#1E88E5;--font-weight-factor:1;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);--banner-color:#0166be;--font-weight-factor:0.9}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-preview{box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.3)}.full-bleed{grid-column:1/4}.h1{font-size:2.5rem}#hero_title,.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,.person__name{text-transform:capitalize}p{font-weight:calc(400 * var(--font-weight-factor));max-width:70ch;line-height:1.6}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;cursor:pointer;outline:0;font-weight:calc(500 * var(--font-weight-factor))}.button--primary,.line-map__bar,.tag{background:var(--accent-color)}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{color:rgba(var(--foreground-color),1)}.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}.accent-color{color:var(--accent-color)}.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}.text-align-right{text-align:right}.person-card,.text-center{text-align:center}.align-start{align-items:flex-start}.align-center{align-items: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}.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{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;cursor:pointer}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.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)}.color-0-3,.floor__num{color:rgba(var(--text-color),.3)}.weight-400{font-weight:calc(400 * var(--font-weight-factor))}.weight-500{font-weight:calc(500 * var(--font-weight-factor))}.outlet-title,.weight-700{font-weight:calc(700 * var(--font-weight-factor))}.floor__button,.floor__num,.weight-900{font-weight:calc(900 * var(--font-weight-factor))}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;width:100%}.banner{display:grid;gap:1rem;padding:.5rem 0 .5rem 1rem;align-items:center;background-color:var(--banner-color);grid-template-columns:1fr auto}.elevator__header,.grid-2{grid-template-columns:auto 1fr}.banner .close-icon{fill:#fff;width:2.2rem;height:2.2rem}.banner__text{max-width:unset;font-size:.9rem;color:#fff}.outlet-title,.room-tile__title{font-size:1.2rem}#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;display:grid;gap:.5rem;align-items:center;justify-content:flex-start;width:100%}#floor_list{align-content:flex-start;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{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;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;cursor:pointer}.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,.page-layout{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page-layout>*,.page>*{grid-column:2/3}.page{padding-bottom:4rem}.tag{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}.floor-circle,.line-map__bar{border-radius:1rem;position:relative}.line-map__bar{width:.1rem;height:100%}.line-map__bar::after{position:absolute;content:"";bottom:0;left:50%;transform:translateX(-50%);width:.7rem;height:.2rem;background-color:var(--accent-color)}.floor-label{position:absolute;display:flex;align-items:center;left:.2rem;margin-top:-1rem;user-select:none;transition:transform .3s}.floor-circle{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:relative;padding:.5rem 0;transform:translateY(-.1rem);background:var(--background-color)}.floor__num{display:flex;align-items:center;font-size:1.8rem}.floor__title{font-size:1.3rem;font-weight:calc(700 * var(--font-weight-factor))}.outlet__title,.svg-outlet-title{font-weight:calc(900 * var(--font-weight-factor))}.big-icon{height:2rem;width:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{position:relative;display:grid;padding:1rem;align-items:center;border-radius:.7rem;background-color:rgba(var(--foreground-color),1)}.outlet__title{line-height:1.2;max-width:18ch;font-size:1.8rem;margin-bottom:1rem}.svg-outlet-title{height:4rem;margin-bottom:1.5rem;fill:rgba(var(--text-color),1)}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__button{padding:.5rem 0;justify-self:flex-start;color:var(--accent-color);font-weight:calc(700 * var(--font-weight-factor))}.outlet-preview__number{position:relative;line-height:1;font-size:8rem;font-weight:900;-webkit-text-stroke:1rem var(--accent-color);-webkit-text-fill-color:rgba(var(--foreground-color),1);margin:0 .5rem}.outlet-preview__number::after{content:attr(data-number);position:absolute;line-height:1;font-size:1em;font-weight:900;-webkit-text-stroke:0;color:rgba(var(--foreground-color),1)}.intern__level,.outlet_switcher__button,.percent-gain{font-weight:calc(500 * var(--font-weight-factor))}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.1rem}.series-container{gap:1.5rem;padding-bottom:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.series-container .bit-bond-series__row,.series-container .bob-fund__row{padding:1.5rem}.bit-bond-series__row,.bob-fund__row,.person-card{min-width:100%}.bob-fund__row .grid{align-content:flex-start}.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{margin-right:.5em}.percent-gain,.time-elapsed{font-size:.8rem}.time-elapsed{color:rgba(var(--text-color),.8)}.person-card{position:relative;gap:1rem;justify-items:center;align-content:flex-start;grid-template-columns:1fr}.person__image{height:10rem;width:10rem;object-position:top;border-radius:50%}.person__name{font-size:1.1rem}.investor__bio,.investor__contribution{font-size:.85rem}.investor__bio{margin-top:.5rem}.intern-flo-id{margin-top:.3rem;font-size:.75rem}.intern__project,.tile__brief{margin-top:.5rem}.intern__level{position:absolute;cursor:pointer;font-size:.8rem;border-radius:.2rem;margin-bottom:.3rem;padding:.3rem .5rem;justify-self:flex-end;box-shadow:0 .1rem .2rem rgba(0,0,0,.2)}.starter{background-color:rgba(var(--foreground-color),1)}.motivated{color:#000;background-color:#FFCA28}.passionate{color:#000;background-color:#00E676}#intern_level_popup{--width:min(48rem, 100%)}.table{display:grid;gap:1rem;grid-template-columns:6rem 1fr}.table p{font-size:.9rem;color:rgba(var(--text-color),.9)}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;background:rgba(var(--foreground-color),1);box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2;outline:0}.outlet_switcher__floor{overflow-x:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.4rem 0;flex-shrink:0}.outlet-label,.rooms__header{align-items:center;display:flex}.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{justify-self:flex-start;color:var(--accent-color);margin-bottom:.5rem;font-size:1.1rem;gap:.5rem}.outlet-label .icon{height:1.6rem;width:1.6rem;fill:var(--accent-color)}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.rooms__header{z-index:1;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:calc(700 * var(--font-weight-factor));padding-right:1.5rem;font-size:1.5rem}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-weight:calc(500 * var(--font-weight-factor));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;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}.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)}#expanding_tile,.room-tile{border-radius:.5rem;background-color:rgba(var(--foreground-color),1)}.people-grid{display:grid;gap:3rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.rooms-layout{position:relative;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.room-tile{display:flex;position:relative;transition:transform .3s;box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.2)}.room-tile--main{padding-top:100%;grid-row:span 2}.room-tile--main .tile-content{position:absolute;bottom:0}.room-tile .tile-content{display:flex;width:100%;height:100%;padding:1.5rem;align-self:flex-end;flex-direction:column;justify-content:flex-end}.room-tile:active{transform:scale(.95)}.room-tile__icon{height:3rem;width:3rem;margin-bottom:1rem;fill:rgba(var(--text-color),1)}#expanding_tile{position:fixed;z-index:5}.room-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:6;overflow-y:auto;background-color:var(--background-color);grid-template-rows:auto auto 1fr auto;align-items:flex-start}.room{padding-bottom:4rem}.room-container__header{display:flex;position:sticky;top:0;z-index:2;background-color:inherit;padding:1rem 0}#hero_title{margin-bottom:2rem;font-weight:calc(700 * var(--font-weight-factor))}.room-container__footer{position:sticky;display:flex;gap:1rem;bottom:0;z-index:2;overflow-x:auto;align-items:center;padding:2rem .5rem .5rem;background:linear-gradient(0deg,var(--background-color) 70%,rgba(0,0,0,0) 100%)}#room_switcher{display:grid;gap:.5rem;justify-content:flex-start}.room-shortcut{padding:.5em .8rem;border-radius:.3rem;background-color:rgba(var(--text-color),.06)}.room-shortcut .room-tile__title{font-weight:500;font-size:.9rem}.ext-link-tile{position:relative;display:flex;padding:1.5rem;border-radius:.5rem;background-size:contain;align-items:center;justify-content:space-between;background-color:var(--banner-color);box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.2);overflow:hidden}.ext-link-tile::before,.grid .ext-link-tile::after{position:absolute;content:"";border-radius:50%;z-index:0}.ext-link-tile::before{top:5rem;right:-2rem;height:4rem;width:4rem;background-color:rgba(var(--text-color),.5)}.ext-link-tile::after{top:-2rem;right:-3rem;height:10rem;width:10rem;background-color:rgba(var(--text-color),.2)}.tile__title{font-size:1.25rem;line-height:1;color:#fff;font-weight:calc(500 * var(--font-weight-factor));z-index:1}.tile__brief{color:rgba(255,255,255,.8);z-index:1}.round{display:inline-flex;flex-shrink:0;padding:.4rem 1rem;border-radius:.3rem;background-color:#fff;color:var(--banner-color);font-weight:700!important;font-size:1rem;z-index:1}@media only screen and (max-width:640px){#hero_title,.outlet-hero-section{margin-top:2rem}.hide-on-mobile{display:none}.outlet-preview{gap:1.5rem}.outlet-preview__number-container{grid-row:1/2}.outlet-preview__number::after{left:0}.outlet-preview__number{font-size:5rem}#outlet_switcher{width:calc(100% - 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)}.room-tile{padding-top:100%}.room-tile--main{padding-top:50%;grid-column:span 2}.room-tile .tile-content{top:0;padding:1rem;position:absolute;align-items:center}.room-tile__icon{height:2.5rem;width:2.5rem;margin-bottom:2rem}.ext-link-tile{padding:1rem;flex-direction:column;align-items:flex-start}.round{margin-top:1rem}}@media only screen and (min-width:640px){#home_page,.page,.page-layout{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}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:1.5rem}.outlet-preview{gap:1rem;padding:5rem 4rem;grid-template-columns:1.2fr 1fr;border:1px solid rgba(0,0,0,.2);box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.06)}.outlet-preview:nth-of-type(even){grid-template-columns:1fr 2fr}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__number-container{grid-column:1/2;grid-row:1/2}.outlet-preview:nth-of-type(even) .outlet-preview__number::after{left:0}.outlet-preview:nth-of-type(odd) .outlet-preview__number-container{margin-left:auto;text-align:right}.outlet-preview:nth-of-type(odd) .outlet-preview__number::after{right:0}.bit-bond-series__row{grid-auto-flow:column}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.rooms-layout{grid-template-rows:1fr 1fr}.room-container__header{padding:1.5rem 0}.people-grid{gap:5rem 3rem}#hero_title{font-size:3rem}}@media only screen and (min-width:1280px){#home_page,.page,.page-layout{grid-template-columns:1fr 85vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}.rooms-layout{grid-template-columns:repeat(3,1fr);grid-auto-flow:column}}@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)}.intern__level{transition:transform .3s}.intern__level:hover{transform:scale(1.1)}} \ No newline at end of file +.floor__header,body{background:var(--background-color)}.round,button{display:inline-flex}a,button{color:inherit}.outlet-label,sm-tab-header{align-self:flex-start}#room_switcher,.flow-column{grid-auto-flow:column}.interact,.pos-relative,button{position:relative}.hide,.ripple{pointer-events:none}.ext-link-tile,.interact,.room-tile,.theme-switcher,button{-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;--banner-color:#1E88E5;--font-weight-factor:1;color:rgba(var(--text-color),1);height:calc(100%)}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);--banner-color:#0166be;--font-weight-factor:0.9}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-preview{box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.3)}.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,.person__name{text-transform:capitalize}#my_popup{--width:min(24rem, 100%)}p{font-weight:calc(400 * var(--font-weight-factor));max-width:70ch;line-height:1.6}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;align-items:center;border:none;background:0 0;cursor:pointer;outline:0;font-weight:calc(500 * var(--font-weight-factor))}.button--primary,.tag{background:var(--accent-color)}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{color:rgba(var(--foreground-color),1)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}.button--outlined{box-shadow:0 0 0 1px rgba(var(--text-color),.5)}.button--filled{background-color:rgba(var(--text-color),.2)}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}ul{list-style:none}ol[type="1"]{display:grid;gap:2rem}.accent-color{color:var(--accent-color)}.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}.text-align-right{text-align:right}.person-card,.text-center{text-align:center}.align-start{align-items:flex-start}.align-center{align-items: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}.w-100{width:100%}.margin-top-1-5{margin-top:1.5rem}.margin-bottom-0-5r{margin-bottom:.5rem}.margin-bottom-1r,.outlet__title{margin-bottom:1rem}.margin-bottom-1-5r{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}.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)}.interact{overflow:hidden;cursor:pointer}.breakable{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.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)}.color-0-3,.floor__num{color:rgba(var(--text-color),.3)}.weight-400{font-weight:calc(400 * var(--font-weight-factor))}.weight-500{font-weight:calc(500 * var(--font-weight-factor))}.outlet-title,.weight-700{font-weight:calc(700 * var(--font-weight-factor))}.weight-900{font-weight:calc(900 * var(--font-weight-factor))}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;width:100%}.banner{display:grid;gap:1rem;padding:.5rem 0 .5rem 1rem;align-items:center;background-color:var(--banner-color);grid-template-columns:1fr auto}.banner .close-icon{fill:#fff;width:2.2rem;height:2.2rem}.banner__text{max-width:unset;font-size:.9rem;color:#fff}#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{background:rgba(var(--foreground-color),1);z-index:1;top:0}.elevator__header{position:sticky;padding:1.2rem 1.5rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;justify-content:flex-start;width:100%}#floor_list{align-content:flex-start;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{position:sticky;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;margin-bottom:.5rem}.floor__button,.floor__num{font-weight:calc(900 * var(--font-weight-factor))}.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;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;cursor:pointer}.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,.page-layout{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page-layout>*,.page>*{grid-column:2/3}.page{padding-bottom:4rem}.tag{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{position:relative;width:.1rem;height:100%;border-radius:1rem;background:var(--accent-color)}.line-map__bar::after{position:absolute;content:"";bottom:0;left:50%;transform:translateX(-50%);width:.7rem;height:.2rem;background-color:var(--accent-color)}.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:relative;padding:.5rem 0;transform:translateY(-.1rem)}.bit-bond-series__row,.bob-fund__row,.card,.outlet-preview,.starter{background-color:rgba(var(--foreground-color),1)}.floor__num{display:flex;align-items:center;font-size:1.8rem}.floor__title,.outlet-preview__button{font-weight:calc(700 * var(--font-weight-factor))}.floor__title{font-size:1.3rem}.outlet__title,.svg-outlet-title{font-weight:calc(900 * var(--font-weight-factor))}.big-icon{height:2rem;width:2rem}.outlets-container{margin:1rem 0;gap:1.5rem}.outlet-preview{position:relative;display:grid;padding:1rem;align-items:center;border-radius:.7rem}.outlet__title{line-height:1.2;max-width:18ch;font-size:1.8rem}.svg-outlet-title{height:4rem;margin-bottom:1.5rem;fill:rgba(var(--text-color),1)}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-preview__button{padding:.5rem 0;justify-self:flex-start;color:var(--accent-color)}.outlet-label__no,.outlet-preview__number{font-weight:900;-webkit-text-stroke:1rem var(--accent-color);line-height:1}.outlet-preview__number{position:relative;font-size:8rem;-webkit-text-fill-color:rgba(var(--foreground-color),1);margin:0 .5rem}.outlet-preview__number::after{content:attr(data-number);position:absolute;line-height:1;font-size:1em;font-weight:inherit;-webkit-text-stroke:0;color:rgba(var(--foreground-color),1)}.intern__level,.outlet_switcher__button,.percent-gain{font-weight:calc(500 * var(--font-weight-factor))}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.1rem}.series-container{gap:1.5rem;padding-bottom:1.5rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.bit-bond-series__row,.bob-fund__row,.card{padding:1.5rem;gap:1rem;border-radius:.5rem;align-items:flex-start;box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.bit-bond-series__row,.bob-fund__row,.person-card{min-width:100%}.bob-fund__row .grid{align-content:flex-start}.up-arrow{height:1em;width:1em;fill:var(--green);margin-right:.1em}.outlet-label .icon,.room-button[active] .icon{fill:var(--accent-color)}.percent-gain{margin-right:.5em}.percent-gain,.time-elapsed{font-size:.8rem}.time-elapsed{color:rgba(var(--text-color),.8)}.person-card{position:relative;gap:1rem;justify-items:center;align-content:flex-start;grid-template-columns:1fr}.person__image{height:10rem;width:10rem;object-position:top;border-radius:50%}.person__name{font-size:.9rem}.investor__bio,.investor__contribution{font-size:.85rem}.investor__bio{margin-top:.5rem}.intern-flo-id{margin-top:.3rem;font-size:.75rem}.intern__project,.tile__brief{margin-top:.5rem}.intern__level{position:absolute;cursor:pointer;font-size:.8rem;border-radius:.2rem;margin-bottom:.3rem;padding:.3rem .5rem;justify-self:flex-end;box-shadow:0 .1rem .2rem rgba(0,0,0,.2)}.motivated{color:#000;background-color:#FFCA28}.passionate{color:#000;background-color:#00E676}#intern_level_popup{--width:min(48rem, 100%)}.table{display:grid;gap:1rem;grid-template-columns:6rem 1fr}.table p{font-size:.9rem;color:rgba(var(--text-color),.9)}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;background:rgba(var(--foreground-color),1);box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2;outline:0}.outlet-label__no,.room__label{position:relative;display:flex}.outlet_switcher__floor{display:flex;flex-direction:column;overflow-y:auto}.outlet_switcher__button{display:flex;align-items:center;font-size:1rem;padding:.6rem 0}.outlet_switcher__button--active{color:var(--accent-color)!important}.outlet-label{display:grid;gap:.5rem;text-align:left;align-items:center;min-width:8rem;font-size:1.1rem;margin-bottom:.5rem;grid-template-areas:"label icon" "num num"}.outlet-label .icon{grid-area:icon;height:1.6rem;width:1.6rem;justify-self:flex-end}.outlet-label__name{font-size:1.7rem;color:rgba(var(--text-color),.5);font-weight:calc(900 * var(--font-weight-factor))}.outlet-label__no{grid-area:num;font-size:8rem;-webkit-text-fill-color:var(--background-color);margin:0 .5rem}.outlet-label__no::after{content:attr(data-number);position:absolute;line-height:1;font-size:1em;font-weight:inherit;-webkit-text-stroke:0;color:var(--background-color)}#hero_title,.room__label{font-weight:calc(700 * var(--font-weight-factor))}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.rooms__header{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{align-items:center;padding-right:1.5rem;font-size:1.5rem}.room-button{position:relative;opacity:.6;flex-shrink:0;border-radius:0;font-weight:calc(500 * var(--font-weight-factor));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;color:var(--accent-color)}.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)}#expanding_tile,.room-tile{border-radius:.5rem;background-color:rgba(var(--foreground-color),1)}.people-grid{display:grid;gap:3rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.rooms-layout{position:relative;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.room-tile{display:flex;position:relative;transition:transform .3s;box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.2)}.room-tile--main{padding-top:100%;grid-row:span 2}.room-tile--main .tile-content{position:absolute;bottom:0}.room-tile .tile-content{display:flex;width:100%;height:100%;padding:1.5rem;align-self:flex-end;flex-direction:column;justify-content:flex-end}.room-tile:active{transform:scale(.95)}.room-tile__icon{margin-bottom:1rem;height:3rem;width:3rem}.room-tile__icon:not(.room-tile__icon--colored){fill:rgba(var(--text-color),1)}.room-tile__icon--colored{filter:drop-shadow(0 1rem .5rem rgba(0, 0, 0, .2))}.room-tile__title{font-size:1.2rem}#expanding_tile{position:fixed;z-index:5}.room-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:6;overflow-y:auto;background-color:var(--background-color);grid-template-rows:auto auto 1fr auto;align-items:flex-start}.room{padding-bottom:4rem}.room-container__header{display:flex;position:sticky;top:0;z-index:2;background-color:inherit;padding:1rem 0}.room-container__header::before{position:absolute;content:"";width:1rem;height:100%;left:-1rem;top:0;background-color:inherit}#hero_title{font-size:2rem;margin-bottom:2rem}.room-container__footer{position:sticky;display:flex;gap:1rem;bottom:0;z-index:2;overflow-x:auto;align-items:center;padding:2rem .5rem .5rem 3rem;margin-left:-3rem;background:linear-gradient(0deg,var(--background-color) 70%,rgba(0,0,0,0) 100%)}#room_switcher{display:grid;gap:.5rem;justify-content:flex-start}.room-shortcut{padding:.5em .8rem;border-radius:.3rem;background-color:rgba(var(--text-color),.06)}.room-shortcut .room-tile__title{font-weight:500;font-size:.9rem}.ext-link-tile{position:relative;display:flex;padding:1.5rem;border-radius:.5rem;background-size:contain;align-items:center;justify-content:space-between;background-color:var(--banner-color);box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.2);overflow:hidden}.ext-link-tile::before,.grid .ext-link-tile::after{position:absolute;content:"";border-radius:50%;z-index:0}.ext-link-tile::before{top:5rem;right:-2rem;height:4rem;width:4rem;background-color:rgba(var(--text-color),.5)}.ext-link-tile::after{top:-2rem;right:-3rem;height:10rem;width:10rem;background-color:rgba(var(--text-color),.2)}.tile__title{font-size:1.25rem;line-height:1;color:#fff;font-weight:calc(500 * var(--font-weight-factor));z-index:1}.tile__brief{color:rgba(255,255,255,.8);z-index:1}.round{flex-shrink:0;padding:.4rem 1rem;border-radius:.3rem;background-color:#fff;color:var(--banner-color);font-weight:700!important;font-size:1rem;z-index:1}.timeline-container{display:grid;padding:3rem 0;gap:4rem}.timeline-item{position:relative;display:grid;padding-left:1rem}.timeline-item:not(:last-of-type):before{content:"";position:absolute;width:1px;height:calc(100% + 4rem);top:0;left:0;background-color:rgba(var(--text-color),.7)}.timeline-item:after{content:"";position:absolute;padding:.3rem;border-radius:50%;top:0;left:-.3rem;background-color:rgba(var(--text-color),1)}.timeline-item__header{display:flex;font-size:.8rem;padding:.5rem .8rem;border-radius:.2rem;justify-self:flex-start;transform:translateY(-.8rem);box-shadow:0 0 0 1px rgba(var(--text-color),.6);background-color:rgba(var(--foreground-color),1)}@media only screen and (max-width:640px){.outlet-label__no,.room-tile__icon{margin-bottom:2rem}#hero_title,.outlet-hero-section{margin-top:2rem}.hide-on-mobile{display:none}.outlet-preview{gap:1.5rem}.outlet-preview__number-container{grid-row:1/2}.outlet-preview__number::after{left:0}.outlet-label__no,.outlet-preview__number{font-size:5rem}#outlet_switcher{width:calc(100% - 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)}.room-tile{padding-top:100%}.room-tile--main{padding-top:50%;grid-column:span 2}.room-tile .tile-content{top:0;padding:1rem;position:absolute;align-items:center}.room-tile__icon{height:2.5rem;width:2.5rem}.ext-link-tile{padding:1rem;flex-direction:column;align-items:flex-start}.round{margin-top:1rem}}@media only screen and (min-width:640px){#home_page,.page,.page-layout{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}.floor__header::before{left:-10%;width:10%}.floor__header::after{right:-10%;width:10%}.outlets-container{gap:1.5rem}.outlet-preview{gap:1rem;padding:5rem 4rem;grid-template-columns:1.2fr 1fr;border:1px solid rgba(0,0,0,.2);box-shadow:0 4rem 3rem -2rem rgba(0,0,0,.06)}.outlet-preview:nth-of-type(even){grid-template-columns:1fr 2fr}.outlet-preview:nth-of-type(even) .outlet-preview__info{grid-column:2/3}.outlet-preview:nth-of-type(even) .outlet-preview__number-container{grid-column:1/2;grid-row:1/2}.outlet-preview:nth-of-type(even) .outlet-preview__number::after{left:0}.outlet-preview:nth-of-type(odd) .outlet-preview__number-container{margin-left:auto;text-align:right}.outlet-preview:nth-of-type(odd) .outlet-preview__number::after{right:0}.outlet__title{font-size:2.5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-label{grid-column:2/3;justify-self:right}.outlet-label__no{justify-content:flex-end}.outlet-hero-section{position:relative;display:grid;grid-template-columns:1fr auto;gap:1.5rem;margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.rooms-layout{grid-template-rows:1fr 1fr}.room-container__header{padding:1.5rem 0}.people-grid{gap:5rem 3rem}#hero_title{font-size:3rem}}@media only screen and (min-width:1280px){#home_page,.page,.page-layout{grid-template-columns:1fr 85vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}.rooms-layout{grid-template-columns:repeat(3,1fr);grid-auto-flow:column}}@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)}.intern__level{transition:transform .3s}.intern__level:hover{transform:scale(1.1)}} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index e745f48..009e70c 100644 --- a/css/main.scss +++ b/css/main.scss @@ -68,6 +68,10 @@ body[data-theme='dark']{ text-transform: capitalize; } +#my_popup{ + --width: min(24rem, 100%); +} + p { font-weight: calc(400 * var(--font-weight-factor)); max-width: 70ch; @@ -107,12 +111,18 @@ button{ .button{ border-radius: 0.2rem; padding: 0.5rem 0.6rem; -} -.button--primary{ - background: var(--accent-color); - color: rgba(var(--foreground-color), 1); - .icon{ - fill: rgba(var(--foreground-color), 1); + &--primary{ + background: var(--accent-color); + color: rgba(var(--foreground-color), 1); + .icon{ + fill: rgba(var(--foreground-color), 1); + } + } + &--outlined{ + box-shadow: 0 0 0 1px rgba(var(--text-color), 0.5); + } + &--filled{ + background-color: rgba(var(--text-color), 0.2); } } button:focus-visible{ @@ -714,7 +724,7 @@ ol[type="1"]{ position: absolute; line-height: 1; font-size: 1em; - font-weight: 900; + font-weight: inherit; -webkit-text-stroke: 0; color: rgba(var(--foreground-color), 1); } @@ -733,10 +743,11 @@ ol[type="1"]{ gap: 1.5rem; padding-bottom: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); - .bit-bond-series__row, - .bob-fund__row{ - padding: 1.5rem; - } +} +.bit-bond-series__row, +.bob-fund__row, +.card{ + padding: 1.5rem; } .bit-bond-series__row, @@ -744,9 +755,6 @@ ol[type="1"]{ .person-card{ min-width: 100%; } -.bit-bond-series__row{ - grid-auto-flow: column; -} .bob-fund__row{ .grid{ @@ -755,7 +763,8 @@ ol[type="1"]{ } .bob-fund__row, -.bit-bond-series__row{ +.bit-bond-series__row, +.card{ gap: 1rem; border-radius: 0.5rem; align-items: flex-start; @@ -800,7 +809,7 @@ ol[type="1"]{ border-radius: 50%; } .person__name{ - font-size: 1.1rem; + font-size: 0.9rem; text-transform: capitalize; } .investor__bio{ @@ -863,65 +872,66 @@ ol[type="1"]{ outline: none; } .outlet_switcher__floor{ - overflow-x: auto; + display: flex; + flex-direction: column; + overflow-y: auto; } .outlet_switcher__button{ display: flex; align-items: center; font-size: 1rem; - padding: 0.4rem 0; - flex-shrink: 0; + padding: 0.6rem 0; font-weight: calc(500 * var(--font-weight-factor)); &--active{ color: var(--accent-color) !important; } - &:not(:last-of-type)::after{ - content: ''; - position: relative; - width: 4vw; - height: 0.1rem; - margin: 0 0.5rem; - background: var(--accent-color); - } } .outlet-label{ - display: flex; - align-items: center; - justify-self: flex-start; - color: var(--accent-color); - // background-color: rgba(var(--text-color), 0.06); - // border-radius: 0.2rem; - // padding: 0.8rem 0.8rem; - margin-bottom: 0.5rem; - font-size: 1.1rem; + display: grid; gap: 0.5rem; + text-align: left; + align-items: center; + min-width: 8rem; + font-size: 1.1rem; + margin-bottom: 0.5rem; + align-self: flex-start; + // border-radius: 0.5rem; + // padding: 0.8rem 0.8rem; + // background-color: rgba(var(--text-color), 0.06); + grid-template-areas: 'label icon' 'num num'; .icon{ + grid-area: icon; height: 1.6rem; width: 1.6rem; fill: var(--accent-color); + justify-self: flex-end; } } - -/* scroll-tab-header{ - --padding: 0.5rem 0; - --border-radius: 0.3rem; - --background: transparent; +.outlet-label__name{ + font-size: 1.7rem; + color: rgba(var(--text-color), 0.5); + font-weight: calc(900 * var(--font-weight-factor)); } -scroll-tab-panels{ - --gap: 1.5rem; - --background: transparent; - margin-bottom: 6rem; - & > *{ - opacity: 0.4; - flex-shrink: 0; - min-width: 100%; - transition: opacity 0.6s; - align-self: start; +.outlet-label__no{ + grid-area: num; + display: flex; + position: relative; + line-height: 1; + font-size: 8rem; + font-weight: 900; + -webkit-text-stroke: 1rem var(--accent-color); + -webkit-text-fill-color: var(--background-color); + margin: 0 0.5rem; + &::after{ + content: attr(data-number); + position: absolute; + line-height: 1; + font-size: 1em; + font-weight: inherit; + -webkit-text-stroke: 0; + color: var(--background-color); } - & > [active]{ - opacity: 1; - } -} */ +} .auto-grid-layout{ justify-content: flex-start; overflow-x: auto; @@ -1036,10 +1046,15 @@ scroll-tab-panels{ } } .room-tile__icon{ + margin-bottom: 1rem; height: 3rem; width: 3rem; - margin-bottom: 1rem; - fill: rgba(var(--text-color), 1); + &:not(.room-tile__icon--colored){ + fill: rgba(var(--text-color), 1); + } + &--colored{ + filter: drop-shadow(0 1rem 0.5rem rgba(0,0,0,0.2)); + } } .room-tile__title{ font-size: 1.2rem; @@ -1074,6 +1089,15 @@ scroll-tab-panels{ z-index: 2; background-color: inherit; padding: 1rem 0; + &::before{ + position: absolute; + content: ''; + width: 1rem; + height: 100%; + left: -1rem; + top: 0; + background-color: inherit; + } } #hero_title{ font-size: 2rem; @@ -1102,7 +1126,8 @@ scroll-tab-panels{ z-index: 2; overflow-x: auto; align-items: center; - padding: 2rem 0.5rem 0.5rem 0.5rem; + padding: 2rem 0.5rem 0.5rem 3rem; + margin-left: -3rem; background: linear-gradient(0deg, var(--background-color) 70%, rgba(0,0,0,0) 100%); } #room_switcher{ @@ -1181,6 +1206,46 @@ scroll-tab-panels{ z-index: 1; } +.timeline-container{ + display: grid; + padding: 3rem 0; + gap: 4rem; +} +.timeline-item{ + position: relative; + display: grid; + padding-left: 1rem; + &:not(:last-of-type):before{ + content: ''; + position: absolute; + width: 1px; + height: calc(100% + 4rem); + top: 0; + left: 0; + background-color: rgba(var(--text-color), 0.7); + } + &:after{ + content: ''; + position: absolute; + padding: 0.3rem; + border-radius: 50%; + top: 0; + left: -0.3rem; + background-color: rgba(var(--text-color), 1); + } +} +.timeline-item__header{ + display: flex; + font-size: 0.8rem; + padding: 0.5rem 0.8rem; + border-radius: 0.2rem; + justify-self: flex-start; + transform: translateY(-0.8rem); + box-shadow: 0 0 0 1px rgba(var(--text-color), 0.6); + background-color: rgba(var(--foreground-color), 1); + +} + @media only screen and (max-width: 640px) { .hide-on-mobile{ display: none; @@ -1194,7 +1259,8 @@ scroll-tab-panels{ .outlet-preview__number::after{ left: 0; } - .outlet-preview__number{ + .outlet-preview__number, + .outlet-label__no{ font-size: 5rem; } #outlet_switcher{ @@ -1203,6 +1269,9 @@ scroll-tab-panels{ .outlet-hero-section{ margin-top: 2rem; } + .outlet-label__no{ + margin-bottom: 2rem; + } .series-container{ gap: 1rem; } @@ -1279,7 +1348,6 @@ scroll-tab-panels{ justify-content: center; .floor_list__header{ display: grid; - // justify-content: center; } &:not(:last-of-type){ padding-bottom: 8vw; @@ -1347,14 +1415,26 @@ scroll-tab-panels{ } } } - .bit-bond-series__row{ - grid-auto-flow: column; + .outlet__title{ + font-size: 2.5rem; } #outlet_switcher{ padding: 1rem 1.5rem; } + .outlet-label{ + grid-column: 2/3; + justify-self: right; + } + .outlet-label__no{ + justify-content: flex-end; + } .outlet-hero-section{ + position: relative; + display: grid; + grid-template-columns: 1fr auto; + gap: 1.5rem; margin-top: 4rem; + // justify-content: center; } .auto-grid-layout{ grid-template-columns: auto 1fr; diff --git a/ico.html b/ico.html index d8bad57..c94b766 100644 --- a/ico.html +++ b/ico.html @@ -109,89 +109,97 @@ 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. +

      +
      -
      -

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

      -
      - - +
      +

      Related rooms

      +
      +
      +
      diff --git a/js/index.js b/js/index.js index b9b702c..97c09ea 100644 --- a/js/index.js +++ b/js/index.js @@ -46,10 +46,19 @@ if (themeSwitcher) { if (localStorage.theme === "dark") { nightlight(); themeSwitcher.checked = true; - } else { + } else if (localStorage.theme === "light"){ daylight(); themeSwitcher.checked = false; } + else { + if (window.matchMedia(`(prefers-color-scheme: dark)`).matches) { + nightlight(); + themeSwitcher.checked = true; + } else { + daylight(); + themeSwitcher.checked = false; + } + } function daylight() { document.body.setAttribute("data-theme", "light"); @@ -139,15 +148,7 @@ function getFormatedTime(time, relative) { finalHours = hours >= 12 ? `${finalHours} PM` : `${finalHours} AM`; if (relative) { - if (year == currentYear) { - if (currentTime[1] === month) { - const dateDiff = parseInt(currentTime[2]) - parseInt(date); - if (dateDiff === 0) return `${finalHours}`; - else if (dateDiff === 1) return `Yesterday`; - else if (dateDiff > 1 && dateDiff < 8) return currentTime[0]; - else return ` ${date} ${month}`; - } else return ` ${date} ${month}`; - } else return `${month} ${year}`; + return `${date} ${month} ${year}`; } else return `${finalHours} ${month} ${date} ${year}`; } catch (e) { console.error(e); @@ -256,13 +257,13 @@ const siteMap = [ isSold: true, buyUrl: `purchase_room` }, - /* { - name: "Initial Coin Offering", - url: "ico", - 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` - }, */ +/* { + name: "Initial Coin Offering", + url: "ico", + 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` + }, */ ], }, /* { @@ -359,15 +360,22 @@ bitBondRowTemplate.innerHTML = `
      Series

      -
      -
      Current value
      -

      -
      - - - +
      +
      +
      Invested
      +

      $100

      +
      +
      +
      Current value
      +

      +
      + + + +
      +
      ` @@ -375,7 +383,8 @@ const bobsFundRowTemplate = document.createElement('template') bobsFundRowTemplate.innerHTML = `
      -

      +
      FLO ID
      +

      @@ -389,7 +398,7 @@ bobsFundRowTemplate.innerHTML = ` -
      +
      @@ -434,9 +443,9 @@ const render = { return row; }, bobFundRow(obj) { - const { investorName, invested, currentValue, timeElapsed, gain } = obj; + const { investorName, invested, floId, currentValue, timeElapsed, gain } = obj; const row = bobsFundRowTemplate.content.cloneNode(true); - row.querySelector(".person__name").textContent = investorName; + row.querySelector(".person__name").textContent = floId; row.querySelector(".original-value").textContent = `${invested.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR' })}`; row.querySelector(".current-value").textContent = `${currentValue.toLocaleString(`en-IN`, { style: 'currency', currency: 'INR' })}`; row.querySelector(".percent-gain").textContent = `${gain}%`; @@ -768,7 +777,9 @@ function renderFloorOutlets(floorObj, activeOutlet) { break } } - document.querySelector('.outlet-label__name').textContent = floorNum > -1 ? `Floor ${floorNum + 1} outlet ${outletNum + 1}` : '' + // document.querySelector('.outlet-label__name').textContent = floorNum > -1 ? `Floor ${floorNum + 1} outlet ${outletNum + 1}` : '' + document.querySelector('.outlet-label__no').textContent = outletNum + 1 + document.querySelector('.outlet-label__no').dataset.number = outletNum + 1 if (outlets[outletNum].hasOwnProperty('status')) { getRef('main_header').after(render.statusBanner(outlets[outletNum].status)) }