From b10c4637acc72af67f2454d650e27274b6d536e8 Mon Sep 17 00:00:00 2001 From: sairaj mote Date: Thu, 10 Jun 2021 19:05:10 +0530 Subject: [PATCH] UI update -- Added features of bitcoin bonds and bob's fund --- assets/illustrations/better.svg | 1 + assets/illustrations/bitcoin.svg | 1 + assets/illustrations/goal.svg | 1 + assets/illustrations/interest.svg | 1 + assets/illustrations/protection.svg | 1 + assets/illustrations/zero.svg | 1 + bitcoinbonds.html | 23 +++++++++ bob'sfund.html | 37 ++++++++++++++ css/main.css | 76 ++++++++++++++++++++--------- css/main.min.css | 2 +- css/main.scss | 72 ++++++++++++++++++--------- js/index.js | 4 +- 12 files changed, 172 insertions(+), 48 deletions(-) create mode 100644 assets/illustrations/better.svg create mode 100644 assets/illustrations/bitcoin.svg create mode 100644 assets/illustrations/goal.svg create mode 100644 assets/illustrations/interest.svg create mode 100644 assets/illustrations/protection.svg create mode 100644 assets/illustrations/zero.svg diff --git a/assets/illustrations/better.svg b/assets/illustrations/better.svg new file mode 100644 index 0000000..a5cbec9 --- /dev/null +++ b/assets/illustrations/better.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/bitcoin.svg b/assets/illustrations/bitcoin.svg new file mode 100644 index 0000000..5cec220 --- /dev/null +++ b/assets/illustrations/bitcoin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/goal.svg b/assets/illustrations/goal.svg new file mode 100644 index 0000000..d74fda7 --- /dev/null +++ b/assets/illustrations/goal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/interest.svg b/assets/illustrations/interest.svg new file mode 100644 index 0000000..b6558c3 --- /dev/null +++ b/assets/illustrations/interest.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/protection.svg b/assets/illustrations/protection.svg new file mode 100644 index 0000000..4e242c9 --- /dev/null +++ b/assets/illustrations/protection.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/illustrations/zero.svg b/assets/illustrations/zero.svg new file mode 100644 index 0000000..c236975 --- /dev/null +++ b/assets/illustrations/zero.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/bitcoinbonds.html b/bitcoinbonds.html index fc0fe6e..4070f7b 100644 --- a/bitcoinbonds.html +++ b/bitcoinbonds.html @@ -126,6 +126,29 @@
+
+
+
+ +
+

Bitcoin linked

+

Bitcoin Bonds is a Bitcoin price linked product of RanchiMall

+
+
+
+ +
+

Guaranteed interest

+

Get a minimum guarantee of 13% interest per annum during the lock-in period or 50% of all Bitcoin price gains whichever is higher.

+
+
+
+ +
+

Full capital protection

+

It offers full capital protection if Bitcoin prices fall below acquisition price

+
+

Description of different bonds

  1. diff --git a/bob'sfund.html b/bob'sfund.html index 4487e70..5ac7720 100644 --- a/bob'sfund.html +++ b/bob'sfund.html @@ -131,6 +131,43 @@
    +
    +
    +
    + +
    +

    Bitcoin linked

    +

    Bob's Fund is a 20 year long term Bitcoin price linked product

    +
    +
    +
    + +
    +

    Better returns than conventional assets

    +

    Over a very long time period, Bitcoin returns should outstrip returns on conventional assets like real estate and stocks

    +
    +
    +
    + +
    +

    Get 100% of gains

    +

    Investors are entitled to 100% of Bitcoin price gains

    +
    +
    +
    + +
    +

    No management fee

    +

    The management fees on this product is zero

    +
    +
    +
    + +
    +

    Aligned goals

    +

    RanchiMall earns by having invested an equal amount as every investor, thus the interests of fund manager, and fund investors are totally aligned

    +
    +

    Bobs Fund allows customers to take a direct share in Bitcoin and they are automatically guided into a long term investment plan. Bitcoin is a long term investors paradise with supply artificially diff --git a/css/main.css b/css/main.css index 02944c7..d226583 100644 --- a/css/main.css +++ b/css/main.css @@ -20,6 +20,7 @@ body { --error-color: red; --green: #007936; --banner-color: #1E88E5; + --secondary-text-color: #034baa; --font-weight-factor: 1; color: rgba(var(--text-color), 1); height: calc(100%); @@ -35,6 +36,7 @@ body[data-theme=dark] { --background-color: #0a0a0a; --error-color: rgb(255, 106, 106); --banner-color: #0166be; + --secondary-text-color: #4393fc; --font-weight-factor: 0.9; } body[data-theme=dark] #outlet_switcher { @@ -1095,28 +1097,6 @@ ol[type="1"] { fill: var(--accent-color); } -.progress-bar__circle, -.progress-bar__line { - position: absolute; - margin-top: 1rem; - left: 50%; - transform: translateX(-50%); -} - -.progress-bar__circle { - padding: 0.4rem; - background: rgba(var(--foreground-color), 1); - border: solid rgba(var(--text-color), 1) 0.1rem; - border-radius: 50%; - z-index: 1; -} - -.progress-bar__line { - height: 100%; - width: 0.1rem; - background: rgba(var(--text-color), 0.9); -} - .people-grid { display: grid; gap: 3rem 1.5rem; @@ -1368,6 +1348,50 @@ ol[type="1"] { background-color: rgba(var(--foreground-color), 1); } +.features-grid { + display: grid; + gap: 3rem 2rem; + margin-bottom: 5rem; +} + +.feature { + display: flex; + position: relative; + flex-direction: column; + justify-content: flex-end; + align-items: center; + text-align: center; + bottom: 0; + left: 0; + width: 100%; + height: 100%; +} + +.feature__icon { + display: flex; + align-items: center; + margin-bottom: 1rem; + padding: 1.5rem; + border-radius: 50%; + background-color: rgba(var(--text-color), 0.06); +} +.feature__icon .icon { + height: 2.5rem; + width: 2.5rem; + fill: rgba(var(--text-color), 0.9); +} + +.feature__title { + color: rgba(var(--text-color), 0.9); + font-size: 1.2rem; + margin-bottom: 0.5rem; +} + +.feature__brief { + font-size: 0.9rem; + color: rgba(var(--text-color), 0.8); +} + @media only screen and (max-width: 640px) { .hide-on-mobile { display: none; @@ -1602,6 +1626,14 @@ ol[type="1"] { #hero_title { font-size: 3rem; } + + .feature__title { + font-size: 1.5rem; + } + + .features-grid { + grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); + } } @media only screen and (min-width: 1280px) { #home_page, .page, diff --git a/css/main.min.css b/css/main.min.css index 151fb0c..15f7d69 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -.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}.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%);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}.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{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--accent-color);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{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{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))}.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{position:sticky;background:rgba(var(--foreground-color),1);z-index:1}.elevator__header{top:0;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{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;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}.line-map__bar,.tag{background:var(--accent-color)}.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-label,.floor__num{display:flex;align-items:center}#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}.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;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);background:var(--background-color)}.floor__num{font-size:1.8rem}.outlet-hero-section,.outlet-preview,.table{display:grid}.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;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)}.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;background-color:rgba(var(--foreground-color),1);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)}.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{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,.outlet-preview__number-container{grid-row:1/2}.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::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;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 +a,button{color:inherit}.outlet-label,sm-tab-header{align-self:flex-start}#room_switcher,.flow-column{grid-auto-flow:column}.hide,.ripple{pointer-events:none}.pos-relative,button{position:relative}.ext-link-tile,.interact,.room-tile,.theme-switcher,button{-webkit-tap-highlight-color:transparent}#floor_list,.bob-fund__row .grid,.person-card{align-content:flex-start}* :not(ol){padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Roboto Slab",serif}.margin-bottom-0-5r,.outlet-title{margin-bottom:.5rem}.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;--secondary-text-color:#034baa;--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;--secondary-text-color:#4393fc;--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;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,.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)}.feature__icon .icon,.icon{fill:rgba(var(--text-color),.9)}.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}.feature,.person-card,.text-center{text-align:center}.align-start{align-items:flex-start}.align-center,.popup__header{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-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}.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{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}.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))}.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;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}.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;grid-template-columns:auto 1fr;gap:.5rem;align-items:center;justify-content:flex-start;width:100%}#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-weight:calc(700 * var(--font-weight-factor))}.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);background:var(--background-color)}.floor__num{display:flex;align-items:center;font-size:1.8rem}.outlet-hero-section,.outlet-preview,.table{display:grid}.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;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: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}.outlet-label,.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;background-color:rgba(var(--foreground-color),1);box-shadow:0 .5rem 1rem -.5rem rgba(0,0,0,.1)}.bit-bond-series__row,.bob-fund__row,.person-card{min-width:100%}.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;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)}.starter{background-color:rgba(var(--foreground-color),1)}.motivated{color:#000;background-color:#FFCA28}.passionate{color:#000;background-color:#00E676}.feature__title,.table p{color:rgba(var(--text-color),.9)}#intern_level_popup{--width:min(48rem, 100%)}.table{gap:1rem;grid-template-columns:6rem 1fr}.table p{font-size:.9rem}#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-button,.room-tile,.room__label,.rooms-layout{position:relative}.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;margin-bottom:.5rem;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}.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;display:flex;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 .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}.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{display:flex;align-items:center;font-weight:calc(700 * var(--font-weight-factor));padding-right:1.5rem;font-size:1.5rem}.room-button{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)}#expanding_tile,.room-tile{border-radius:.5rem;background-color:rgba(var(--foreground-color),1)}.room-button[active]{opacity:1;color:var(--accent-color)}.room-button[active] .icon{fill:var(--accent-color)}.people-grid{display:grid;gap:3rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.rooms-layout{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.room-tile{display:flex;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))}#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;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 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{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}.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)}.features-grid{display:grid;gap:3rem 2rem;margin-bottom:5rem}.feature{display:flex;position:relative;flex-direction:column;justify-content:flex-end;align-items:center;bottom:0;left:0;width:100%;height:100%}.feature__icon{display:flex;align-items:center;margin-bottom:1rem;padding:1.5rem;border-radius:50%;background-color:rgba(var(--text-color),.06)}.feature__icon .icon{height:2.5rem;width:2.5rem}.feature__title{font-size:1.2rem;margin-bottom:.5rem}.feature__brief{font-size:.9rem;color:rgba(var(--text-color),.8)}@media only screen and (max-width:640px){.outlet-label,.outlet-preview__number-container{grid-row:1/2}.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::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;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}.feature__title{font-size:1.5rem}.features-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}}@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 d1510e3..5eb3714 100644 --- a/css/main.scss +++ b/css/main.scss @@ -18,6 +18,7 @@ body { --error-color: red; --green: #007936; --banner-color: #1E88E5; + --secondary-text-color: #034baa; --font-weight-factor: 1; color: rgba(var(--text-color), 1); height: calc(100%); @@ -32,6 +33,7 @@ body[data-theme='dark']{ --background-color: #0a0a0a; --error-color: rgb(255, 106, 106); --banner-color: #0166be; + --secondary-text-color: #4393fc; --font-weight-factor: 0.9; #outlet_switcher{ background: linear-gradient(rgba(var(--text-color), 0.06), rgba(var(--text-color), 0.06)), rgba(var(--foreground-color), 1); @@ -899,9 +901,6 @@ ol[type="1"]{ 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; @@ -987,26 +986,6 @@ ol[type="1"]{ } -.progress-bar__circle, -.progress-bar__line{ - position: absolute; - margin-top: 1rem; - left: 50%; - transform: translateX(-50%); -} -.progress-bar__circle{ - padding: 0.4rem; - background: rgba(var(--foreground-color), 1); - border: solid rgba(var(--text-color), 1) 0.1rem; - border-radius: 50%; - z-index: 1; -} -.progress-bar__line{ - height: 100%; - width: 0.1rem; - background: rgba(var(--text-color), 0.9); -} - .people-grid{ display: grid; gap: 3rem 1.5rem; @@ -1250,6 +1229,47 @@ ol[type="1"]{ } +.features-grid{ + display: grid; + gap: 3rem 2rem; + margin-bottom: 5rem; +} +.feature{ + display: flex; + position: relative; + flex-direction: column; + justify-content: flex-end; + align-items: center; + text-align: center; + // position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 100%; +} +.feature__icon{ + display: flex; + align-items: center; + margin-bottom: 1rem; + padding: 1.5rem; + border-radius: 50%; + background-color: rgba(var(--text-color), 0.06); + .icon{ + height: 2.5rem; + width: 2.5rem; + fill: rgba(var(--text-color), 0.9); + } +} +.feature__title{ + color: rgba(var(--text-color), 0.9); + font-size: 1.2rem; + margin-bottom: 0.5rem; +} +.feature__brief{ + font-size: 0.9rem; + color: rgba(var(--text-color), 0.8); +} + @media only screen and (max-width: 640px) { .hide-on-mobile{ display: none; @@ -1457,6 +1477,12 @@ ol[type="1"]{ #hero_title{ font-size: 3rem; } + .feature__title{ + font-size: 1.5rem; + } + .features-grid{ + grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); + } } @media only screen and (min-width: 1280px) { #home_page, .page, diff --git a/js/index.js b/js/index.js index e595f4f..c214ef1 100644 --- a/js/index.js +++ b/js/index.js @@ -1000,7 +1000,7 @@ if (getRef('hero_title')) { !function(a,b,c,d){"use strict";function e(a,b,c){return setTimeout(j(a,c),b)}function f(a,b,c){return Array.isArray(a)?(g(a,c[b],c),!0):!1}function g(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace",f=a.console&&(a.console.warn||a.console.log);return f&&f.call(a.console,e,d),b.apply(this,arguments)}}function i(a,b,c){var d,e=b.prototype;d=a.prototype=Object.create(e),d.constructor=a,d._super=e,c&&la(d,c)}function j(a,b){return function(){return a.apply(b,arguments)}}function k(a,b){return typeof a==oa?a.apply(b?b[0]||d:d,b):a}function l(a,b){return a===d?b:a}function m(a,b,c){g(q(b),function(b){a.addEventListener(b,c,!1)})}function n(a,b,c){g(q(b),function(b){a.removeEventListener(b,c,!1)})}function o(a,b){for(;a;){if(a==b)return!0;a=a.parentNode}return!1}function p(a,b){return a.indexOf(b)>-1}function q(a){return a.trim().split(/\s+/g)}function r(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;dc[b]}):d.sort()),d}function u(a,b){for(var c,e,f=b[0].toUpperCase()+b.slice(1),g=0;g1&&!c.firstMultiple?c.firstMultiple=D(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=E(d);b.timeStamp=ra(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=I(h,i),b.distance=H(h,i),B(c,b),b.offsetDirection=G(b.deltaX,b.deltaY);var j=F(b.deltaTime,b.deltaX,b.deltaY);b.overallVelocityX=j.x,b.overallVelocityY=j.y,b.overallVelocity=qa(j.x)>qa(j.y)?j.x:j.y,b.scale=g?K(g.pointers,d):1,b.rotation=g?J(g.pointers,d):0,b.maxPointers=c.prevInput?b.pointers.length>c.prevInput.maxPointers?b.pointers.length:c.prevInput.maxPointers:b.pointers.length,C(c,b);var k=a.element;o(b.srcEvent.target,k)&&(k=b.srcEvent.target),b.target=k}function B(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};b.eventType!==Ea&&f.eventType!==Ga||(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function C(a,b){var c,e,f,g,h=a.lastInterval||b,i=b.timeStamp-h.timeStamp;if(b.eventType!=Ha&&(i>Da||h.velocity===d)){var j=b.deltaX-h.deltaX,k=b.deltaY-h.deltaY,l=F(i,j,k);e=l.x,f=l.y,c=qa(l.x)>qa(l.y)?l.x:l.y,g=G(j,k),a.lastInterval=b}else c=h.velocity,e=h.velocityX,f=h.velocityY,g=h.direction;b.velocity=c,b.velocityX=e,b.velocityY=f,b.direction=g}function D(a){for(var b=[],c=0;ce;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:pa(c/b),y:pa(d/b)}}function F(a,b,c){return{x:b/a||0,y:c/a||0}}function G(a,b){return a===b?Ia:qa(a)>=qa(b)?0>a?Ja:Ka:0>b?La:Ma}function H(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function I(a,b,c){c||(c=Qa);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function J(a,b){return I(b[1],b[0],Ra)+I(a[1],a[0],Ra)}function K(a,b){return H(b[0],b[1],Ra)/H(a[0],a[1],Ra)}function L(){this.evEl=Ta,this.evWin=Ua,this.pressed=!1,x.apply(this,arguments)}function M(){this.evEl=Xa,this.evWin=Ya,x.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function N(){this.evTarget=$a,this.evWin=_a,this.started=!1,x.apply(this,arguments)}function O(a,b){var c=s(a.touches),d=s(a.changedTouches);return b&(Ga|Ha)&&(c=t(c.concat(d),"identifier",!0)),[c,d]}function P(){this.evTarget=bb,this.targetIds={},x.apply(this,arguments)}function Q(a,b){var c=s(a.touches),d=this.targetIds;if(b&(Ea|Fa)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=s(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return o(a.target,i)}),b===Ea)for(e=0;e-1&&d.splice(a,1)};setTimeout(e,cb)}}function U(a){for(var b=a.srcEvent.clientX,c=a.srcEvent.clientY,d=0;d=f&&db>=g)return!0}return!1}function V(a,b){this.manager=a,this.set(b)}function W(a){if(p(a,jb))return jb;var b=p(a,kb),c=p(a,lb);return b&&c?jb:b||c?b?kb:lb:p(a,ib)?ib:hb}function X(){if(!fb)return!1;var b={},c=a.CSS&&a.CSS.supports;return["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach(function(d){b[d]=c?a.CSS.supports("touch-action",d):!0}),b}function Y(a){this.options=la({},this.defaults,a||{}),this.id=v(),this.manager=null,this.options.enable=l(this.options.enable,!0),this.state=nb,this.simultaneous={},this.requireFail=[]}function Z(a){return a&sb?"cancel":a&qb?"end":a&pb?"move":a&ob?"start":""}function $(a){return a==Ma?"down":a==La?"up":a==Ja?"left":a==Ka?"right":""}function _(a,b){var c=b.manager;return c?c.get(a):a}function aa(){Y.apply(this,arguments)}function ba(){aa.apply(this,arguments),this.pX=null,this.pY=null}function ca(){aa.apply(this,arguments)}function da(){Y.apply(this,arguments),this._timer=null,this._input=null}function ea(){aa.apply(this,arguments)}function fa(){aa.apply(this,arguments)}function ga(){Y.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function ha(a,b){return b=b||{},b.recognizers=l(b.recognizers,ha.defaults.preset),new ia(a,b)}function ia(a,b){this.options=la({},ha.defaults,b||{}),this.options.inputTarget=this.options.inputTarget||a,this.handlers={},this.session={},this.recognizers=[],this.oldCssProps={},this.element=a,this.input=y(this),this.touchAction=new V(this,this.options.touchAction),ja(this,!0),g(this.options.recognizers,function(a){var b=this.add(new a[0](a[1]));a[2]&&b.recognizeWith(a[2]),a[3]&&b.requireFailure(a[3])},this)}function ja(a,b){var c=a.element;if(c.style){var d;g(a.options.cssProps,function(e,f){d=u(c.style,f),b?(a.oldCssProps[d]=c.style[d],c.style[d]=e):c.style[d]=a.oldCssProps[d]||""}),b||(a.oldCssProps={})}}function ka(a,c){var d=b.createEvent("Event");d.initEvent(a,!0,!0),d.gesture=c,c.target.dispatchEvent(d)}var la,ma=["","webkit","Moz","MS","ms","o"],na=b.createElement("div"),oa="function",pa=Math.round,qa=Math.abs,ra=Date.now;la="function"!=typeof Object.assign?function(a){if(a===d||null===a)throw new TypeError("Cannot convert undefined or null to object");for(var b=Object(a),c=1;ch&&(b.push(a),h=b.length-1):e&(Ga|Ha)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var Za={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},$a="touchstart",_a="touchstart touchmove touchend touchcancel";i(N,x,{handler:function(a){var b=Za[a.type];if(b===Ea&&(this.started=!0),this.started){var c=O.call(this,a,b);b&(Ga|Ha)&&c[0].length-c[1].length===0&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}}});var ab={touchstart:Ea,touchmove:Fa,touchend:Ga,touchcancel:Ha},bb="touchstart touchmove touchend touchcancel";i(P,x,{handler:function(a){var b=ab[a.type],c=Q.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:za,srcEvent:a})}});var cb=2500,db=25;i(R,x,{handler:function(a,b,c){var d=c.pointerType==za,e=c.pointerType==Ba;if(!(e&&c.sourceCapabilities&&c.sourceCapabilities.firesTouchEvents)){if(d)S.call(this,b,c);else if(e&&U.call(this,c))return;this.callback(a,b,c)}},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var eb=u(na.style,"touchAction"),fb=eb!==d,gb="compute",hb="auto",ib="manipulation",jb="none",kb="pan-x",lb="pan-y",mb=X();V.prototype={set:function(a){a==gb&&(a=this.compute()),fb&&this.manager.element.style&&mb[a]&&(this.manager.element.style[eb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return g(this.manager.recognizers,function(b){k(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),W(a.join(" "))},preventDefaults:function(a){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return void b.preventDefault();var d=this.actions,e=p(d,jb)&&!mb[jb],f=p(d,lb)&&!mb[lb],g=p(d,kb)&&!mb[kb];if(e){var h=1===a.pointers.length,i=a.distance<2,j=a.deltaTime<250;if(h&&i&&j)return}return g&&f?void 0:e||f&&c&Na||g&&c&Oa?this.preventSrc(b):void 0},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var nb=1,ob=2,pb=4,qb=8,rb=qb,sb=16,tb=32;Y.prototype={defaults:{},set:function(a){return la(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(f(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=_(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return f(a,"dropRecognizeWith",this)?this:(a=_(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(f(a,"requireFailure",this))return this;var b=this.requireFail;return a=_(a,this),-1===r(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(f(a,"dropRequireFailure",this))return this;a=_(a,this);var b=r(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function b(b){c.manager.emit(b,a)}var c=this,d=this.state;qb>d&&b(c.options.event+Z(d)),b(c.options.event),a.additionalEvent&&b(a.additionalEvent),d>=qb&&b(c.options.event+Z(d))},tryEmit:function(a){return this.canEmit()?this.emit(a):void(this.state=tb)},canEmit:function(){for(var a=0;af?Ja:Ka,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?Ia:0>g?La:Ma,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return aa.prototype.attrTest.call(this,a)&&(this.state&ob||!(this.state&ob)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=$(a.direction);b&&(a.additionalEvent=this.options.event+b),this._super.emit.call(this,a)}}),i(ca,aa,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&ob)},emit:function(a){if(1!==a.scale){var b=a.scale<1?"in":"out";a.additionalEvent=this.options.event+b}this._super.emit.call(this,a)}}),i(da,Y,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[hb]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distanceb.time;if(this._input=a,!d||!c||a.eventType&(Ga|Ha)&&!f)this.reset();else if(a.eventType&Ea)this.reset(),this._timer=e(function(){this.state=rb,this.tryEmit()},b.time,this);else if(a.eventType&Ga)return rb;return tb},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===rb&&(a&&a.eventType&Ga?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=ra(),this.manager.emit(this.options.event,this._input)))}}),i(ea,aa,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[jb]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&ob)}}),i(fa,aa,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:Na|Oa,pointers:1},getTouchAction:function(){return ba.prototype.getTouchAction.call(this)},attrTest:function(a){var b,c=this.options.direction;return c&(Na|Oa)?b=a.overallVelocity:c&Na?b=a.overallVelocityX:c&Oa&&(b=a.overallVelocityY),this._super.attrTest.call(this,a)&&c&a.offsetDirection&&a.distance>this.options.threshold&&a.maxPointers==this.options.pointers&&qa(b)>this.options.velocity&&a.eventType&Ga},emit:function(a){var b=$(a.offsetDirection);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),i(ga,Y,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[ib]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance