From d514ad2f094f39d1374a21c66dcb6108faf795c3 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Wed, 14 Apr 2021 01:08:41 +0530
Subject: [PATCH] v0.15.26

Added new floors and outlets
---
 css/main.css     | 183 ++++++++++-----------
 css/main.min.css |   2 +-
 css/main.scss    | 179 ++++++++++----------
 index.html       | 413 +++++++++++++++++++++++++++++++++++++++--------
 4 files changed, 529 insertions(+), 248 deletions(-)

diff --git a/css/main.css b/css/main.css
index 1fa00e0..a733f13 100644
--- a/css/main.css
+++ b/css/main.css
@@ -7,14 +7,14 @@
 }
 
 body {
-  --accent-color: #1042e9;
+  --primary-color: #115FF0;
   --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;
-  --red: #E84545;
+  --accent-color: #F55B5D;
   color: rgba(var(--text-color), 1);
   height: calc(100%);
   font-size: clamp(1rem, 1.2vmax, 3rem);
@@ -22,7 +22,7 @@ body {
 }
 
 body[data-theme=dark] {
-  --accent-color:#2babf5;
+  --primary-color:#79A5F6;
   --text-color: 240, 240, 240;
   --text-color-light: 170, 170, 170;
   --foreground-color: 20, 20, 20;
@@ -97,7 +97,7 @@ button {
 }
 
 .button--primary {
-  background: var(--accent-color);
+  background: var(--primary-color);
   color: rgba(var(--foreground-color), 1);
 }
 .button--primary .icon {
@@ -379,7 +379,6 @@ ul {
   right: 0;
   bottom: 0;
   z-index: 10;
-  overflow-y: auto;
   grid-template-rows: auto 1fr;
   background: rgba(var(--foreground-color), 1);
 }
@@ -398,31 +397,60 @@ ul {
   z-index: 1;
 }
 
-#elevator_sections {
+#floor_list {
   align-content: flex-start;
   padding: 0 1.5rem 4rem 1.5rem;
+  gap: 2rem;
+  overflow-y: auto;
+  transform-origin: top;
+  counter-reset: floor-counter;
 }
 
-#elevator_button_panel {
-  gap: 2rem;
-  overflow: auto;
-  scroll-snap-type: x proximity;
-  grid-template-columns: repeat(3, min(40ch, 80%));
-}
-#elevator_button_panel li {
+.floor_list__item {
   display: grid;
-  gap: 2rem;
-  align-content: flex-start;
-  scroll-snap-align: start;
+  gap: 1.5rem;
+  counter-increment: floor-counter;
 }
-#elevator_button_panel sup {
-  font-weight: 500;
-  font-size: 1rem;
+.floor_list__item .floor-num::after {
+  content: " " counter(floor-counter);
+}
+.floor_list__item:last-of-type {
+  padding-bottom: 25vh;
+}
+
+.item__title {
+  position: sticky;
+  top: 0;
+  padding-bottom: 0.5rem;
+  background: rgba(var(--foreground-color), 1);
+  z-index: 1;
+}
+
+.outlet-list {
+  gap: 2rem;
+  padding: 0 0 1rem 2rem;
+  border-left: 0.15rem solid var(--accent-color);
+  counter-reset: outlet-counter;
 }
 
 .outlet-section {
   display: grid;
   user-select: none;
+  width: min(50ch, 100%);
+  counter-increment: outlet-counter;
+}
+.outlet-section .outlet-title::before {
+  content: counter(outlet-counter) ". ";
+}
+
+.outlet-title {
+  font-size: 1.2rem;
+  font-weight: 700;
+  margin-bottom: 0.5rem;
+}
+
+.outlet-brief {
+  color: rgba(var(--text-color), 0.8);
 }
 
 .popup__header__close {
@@ -432,11 +460,11 @@ ul {
 
 .floor__button {
   position: relative;
-  padding: 1rem;
-  height: 4rem;
-  width: 4rem;
+  padding: 0.5rem 1rem;
+  max-width: 20ch;
   justify-content: center;
-  border-radius: 0.5rem;
+  text-align: left;
+  border-radius: 0.2rem;
   font-size: 1.5rem;
   font-weight: 900;
   background: rgba(var(--text-color), 0.06);
@@ -446,11 +474,16 @@ ul {
   box-shadow: 0 0 0 0.4rem rgba(var(--text-color), 1) inset;
 }
 
+.floor-name {
+  margin-top: 0.2rem;
+  font-size: 0.8rem;
+}
+
 .elevator__floor-line {
   flex: 1;
   height: 0.1rem;
   margin-left: 2rem;
-  background-color: var(--red);
+  background-color: var(--accent-color);
 }
 
 #main_header {
@@ -502,11 +535,12 @@ ul {
 }
 
 .tag {
-  background: var(--accent-color);
+  background: var(--primary-color);
   padding: 0.4rem 0.6rem;
 }
 
 #home_page {
+  will-change: scroll-position;
   overflow-y: auto;
   max-height: calc(100vh - 5rem);
   grid-template-columns: 2rem 1fr;
@@ -515,7 +549,7 @@ ul {
 #floor_line_map {
   position: sticky;
   top: 1rem;
-  height: 40vh;
+  height: 60vh;
   z-index: 5;
   grid-template-columns: 2rem 1fr;
   grid-column: 1/2;
@@ -532,7 +566,7 @@ ul {
   height: 1rem;
   margin-top: -0.5rem;
   background: rgba(var(--foreground-color), 1);
-  border: solid 0.2rem var(--red);
+  border: solid 0.2rem var(--accent-color);
   transition: transform 0.1s linear;
   z-index: 5;
 }
@@ -541,7 +575,7 @@ ul {
   width: 0.1rem;
   height: 100%;
   border-radius: 1rem;
-  background: var(--red);
+  background: var(--accent-color);
 }
 
 .floor-label {
@@ -549,13 +583,23 @@ ul {
   display: flex;
   align-items: center;
   left: 0.75rem;
-  margin-top: -0.9rem;
+  margin-top: -1.4rem;
   padding-bottom: 1rem;
   user-select: none;
+  transition: transform 0.3s;
+}
+.floor-label .floor-title {
+  opacity: 0;
+  transform: translateX(-1rem);
+  transition: opacity 0.3s, transform 0.3s;
+}
+.floor-label--active {
+  opacity: 1;
 }
 .floor-label--active .floor-title {
   opacity: 1;
   box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
+  transform: none;
 }
 
 .floor-circle {
@@ -585,29 +629,13 @@ ul {
   padding-bottom: 3rem;
   width: 100%;
 }
-.floor:nth-of-type(2), .floor:nth-of-type(3) {
-  display: flex;
-  justify-content: center;
-  background-image: linear-gradient(135deg, #000000 25%, #ffd900 25%, #ffd900 50%, #000000 50%, #000000 75%, #ffd900 75%, #ffd900 100%);
-  background-size: 84.85px 84.85px;
-  margin-bottom: 4rem;
-  padding: 2rem 0;
-}
-.floor:nth-of-type(2) .h2, .floor:nth-of-type(3) .h2 {
-  text-align: center;
-  background: #ffde26;
-  padding: 1rem 2rem;
-  margin: 1rem 0;
-  justify-self: center;
-  color: black;
-}
 
 .big-icon {
   height: 2rem;
   width: 2rem;
 }
 
-#floor_1__outlets {
+.outlets-container {
   margin: 3rem 0;
   gap: 1.5rem;
 }
@@ -632,7 +660,7 @@ ul {
   justify-self: flex-start;
   background: rgba(var(--text-color), 1);
   color: rgba(var(--foreground-color), 1);
-  box-shadow: 0.2rem 0.2rem 0 var(--red);
+  box-shadow: 0.2rem 0.2rem 0 var(--accent-color);
 }
 
 .outlet-preview__info {
@@ -642,7 +670,7 @@ ul {
 }
 
 .outlet__title {
-  font-weight: 700;
+  font-weight: 900;
   font-size: 1.8rem;
   margin-bottom: 0.8rem;
   text-transform: capitalize;
@@ -662,9 +690,10 @@ ul {
 }
 
 .outlet-preview__button {
-  background-color: rgba(var(--text-color), 0.1);
   justify-self: flex-start;
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
+  padding: 0.3rem 1rem;
+  box-shadow: 0 0 0 1px rgba(var(--text-color), 1);
 }
 
 /* .outlet-preview__carousel{
@@ -708,6 +737,7 @@ sm-carousel {
   --arrow-box-shadow: none;
   --arrow-bottom: -3.5rem;
   --indicator-bottom: -2.5rem;
+  --active-indicator-color: var(--primary-color);
 }
 
 .bit-bond-series__row,
@@ -763,7 +793,7 @@ sm-carousel {
   padding: 0.4rem 0;
 }
 .outlet_switcher__button--active {
-  color: var(--accent-color);
+  color: var(--primary-color);
 }
 .outlet_switcher__button:not(:last-of-type)::after {
   content: "";
@@ -771,19 +801,19 @@ sm-carousel {
   width: 4vw;
   height: 0.1rem;
   margin: 0 0.5rem;
-  background: var(--red);
+  background: var(--accent-color);
 }
 
 .outlet-label {
   display: flex;
   align-items: center;
   justify-self: flex-start;
-  color: var(--accent-color);
+  color: var(--primary-color);
   margin-bottom: 0.5rem;
   font-size: 1rem;
 }
 .outlet-label .icon {
-  fill: var(--accent-color);
+  fill: var(--primary-color);
   margin-right: 0.5rem;
 }
 
@@ -830,10 +860,10 @@ scroll-tab-panels > [active] {
 }
 .room-button[active] {
   opacity: 1;
-  color: var(--accent-color);
+  color: var(--primary-color);
 }
 .room-button[active] .icon {
-  fill: var(--accent-color);
+  fill: var(--primary-color);
 }
 .room-button[active]::after {
   content: "";
@@ -843,7 +873,7 @@ scroll-tab-panels > [active] {
   bottom: 0;
   left: 0;
   border-radius: 0.2rem 0.2rem 0 0;
-  background: var(--accent-color);
+  background: var(--primary-color);
 }
 
 table {
@@ -913,23 +943,6 @@ table {
     display: none;
   }
 
-  .floor-label {
-    transition: transform 0.3s;
-  }
-  .floor-label .floor-title {
-    opacity: 0;
-    transform: translateX(-1rem);
-    transition: opacity 0.3s, transform 0.3s;
-  }
-  .floor-label--active {
-    opacity: 1;
-  }
-  .floor-label--active .floor-title {
-    opacity: 1;
-    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
-    transform: none;
-  }
-
   #outlet_switcher {
     width: calc(100% - 2rem);
   }
@@ -963,7 +976,7 @@ table {
     padding: 1.2rem 2rem;
   }
 
-  #elevator_sections {
+  #floor_list {
     padding: 0 3rem 4rem 4.6rem;
   }
 
@@ -971,11 +984,7 @@ table {
     grid-template-columns: 1fr 80vw 1fr;
   }
 
-  #floor_line_map {
-    margin-left: 0.8rem;
-  }
-
-  #floor_1__outlets {
+  .outlets-container {
     gap: 5rem;
   }
 
@@ -1045,7 +1054,7 @@ table {
                     height: 4rem;
                     width: 1px;
                     right: 0.5rem;
-                    background-color: var(--red);
+                    background-color: var(--accent-color);
                 }
             } */
   }
@@ -1077,18 +1086,10 @@ table {
     transition: color 0.3s;
   }
   .page-link:hover {
-    color: var(--accent-color);
+    color: var(--primary-color);
   }
   .page-link:hover .icon {
-    fill: var(--accent-color);
-  }
-
-  .outlet-section .icon {
-    transform: translateX(-0.5rem);
-    transition: transform 0.3s;
-  }
-  .outlet-section:hover .icon {
-    transform: none;
+    fill: var(--primary-color);
   }
 
   .floor__button:hover {
diff --git a/css/main.min.css b/css/main.min.css
index 8cad02d..b7bd06b 100644
--- a/css/main.min.css
+++ b/css/main.min.css
@@ -1 +1 @@
-.pos-relative,button{position:relative}.hide,.ripple{pointer-events:none}.interact,.theme-switcher,button{cursor:pointer;-webkit-tap-highlight-color:transparent}.floor-title,.overflow-ellipsis,.td{white-space:nowrap}*{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}body{--accent-color:#1042e9;--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;--red:#E84545;color:rgba(var(--text-color),1);height:calc(100%);font-size:clamp(1rem,1.2vmax,3rem);background:var(--background-color)}body[data-theme=dark]{--accent-color:#2babf5;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106)}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}.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,.outlet__title{text-transform:capitalize}p{max-width:60ch;line-height:1.7}img{object-fit:cover}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;color:inherit;font-weight:500}.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: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}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.elevator__header,.popup__header{grid-template-columns:auto 1fr;gap:.5rem}.align-start{align-items:flex-start}.align-center,.popup__header{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.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;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16)}#elevator_popup,.elevator__header{background:rgba(var(--foreground-color),1);top:0}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.weight-400{font-weight:400}.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;width:100%}#elevator_popup{position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;z-index:10;overflow-y:auto;grid-template-rows:auto 1fr}.elevator__header{position:sticky;padding:1.2rem 1.5rem;display:grid;align-items:center;justify-content:flex-start;width:100%;z-index:1}#elevator_sections{align-content:flex-start;padding:0 1.5rem 4rem}#elevator_button_panel{gap:2rem;overflow:auto;scroll-snap-type:x proximity;grid-template-columns:repeat(3,min(40ch,80%))}#elevator_button_panel li{display:grid;gap:2rem;align-content:flex-start;scroll-snap-align:start}#elevator_button_panel sup{font-weight:500;font-size:1rem}.outlet-section{display:grid;user-select:none}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{position:relative;padding:1rem;height:4rem;width:4rem;justify-content:center;border-radius:.5rem;font-size:1.5rem;font-weight:900;background:rgba(var(--text-color),.06)}.floor-circle,.line-map__circle{border-radius:1rem;position:absolute}.floor__button--active{background:rgba(var(--text-color),.2);box-shadow:0 0 0 .4rem rgba(var(--text-color),1) inset}.elevator__floor-line{flex:1;height:.1rem;margin-left:2rem;background-color:var(--red)}#main_header{position:relative;padding:1rem;grid-template-columns:repeat(3,1fr)}#elevator_button{justify-self:flex-start;margin-left:-1rem}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page>*{grid-column:2/3}.tag{background:var(--accent-color);padding:.4rem .6rem}#home_page{overflow-y:auto;max-height:calc(100vh - 5rem)}#floor_line_map{position:sticky;top:1rem;height:40vh;z-index:5;grid-column:1/2}.grid-2,.investor-card{grid-template-columns:auto 1fr}.line-map{height:100%}.line-map__circle{width:1rem;height:1rem;margin-top:-.5rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--red);transition:transform .1s linear;z-index:5}.line-map__bar{width:.1rem;height:100%;border-radius:1rem;background:var(--red)}.floor-label{position:absolute;display:flex;align-items:center;left:.75rem;margin-top:-.9rem;padding-bottom:1rem;user-select:none}.floor-label--active .floor-title{opacity:1;box-shadow:0 0 .5rem rgba(0,0,0,.2)}.floor-circle{height:.5rem;width:.5rem;background:rgba(var(--text-color),1)}.floor-title{opacity:.5;font-size:.9rem;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%}.big-icon,.outlet-number{width:2rem;height:2rem}.floor:nth-of-type(2),.floor:nth-of-type(3){display:flex;justify-content:center;background-image:linear-gradient(135deg,#000 25%,#ffd900 25%,#ffd900 50%,#000 50%,#000 75%,#ffd900 75%,#ffd900 100%);background-size:84.85px 84.85px;margin-bottom:4rem;padding:2rem 0}.floor:nth-of-type(2) .h2,.floor:nth-of-type(3) .h2{text-align:center;background:#ffde26;padding:1rem 2rem;margin:1rem 0;justify-self:center;color:#000}#floor_1__outlets{margin:3rem 0;gap:1.5rem}.outlet-preview{position:relative;align-items:center;display:grid}.outlet-number{display:grid;position:relative;aspect-ratio:1/1;font-size:1.3rem;font-weight:900;margin-bottom:.5rem;border-radius:.2rem;place-content:center;justify-self:flex-start;background:rgba(var(--text-color),1);color:rgba(var(--foreground-color),1);box-shadow:.2rem .2rem 0 var(--red)}.outlet-preview__info{position:relative;padding:1rem;border-radius:.5rem}.outlet__title{font-weight:700;font-size:1.8rem;margin-bottom:.8rem}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-label,.outlet_switcher__button--active,.room-button[active]{color:var(--accent-color)}.outlet-preview__border{position:absolute;height:100%;width:100%;z-index:-1;box-shadow:0 0 0 .1rem rgba(var(--text-color),.2);border-radius:.5rem}.outlet-preview__button{background-color:rgba(var(--text-color),.1);justify-self:flex-start;border-radius:.3rem}#outlet_switcher,sm-carousel{background:rgba(var(--foreground-color),1)}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}#bit_bond_series__container{background:url(../assets/bg/bitbonds-bg.png) bottom right no-repeat,rgba(var(--foreground-color),1);background-size:60%}#bob_fund_investors__container{background:url(../assets/bg/bobsfund-bg.png) bottom left no-repeat,rgba(var(--foreground-color),1);background-size:60%}#ico_investors__container{background:url(../assets/bg/ico-bg.png) top right no-repeat,rgba(var(--foreground-color),1);background-size:60%}sm-carousel{position:relative;height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{align-items:flex-start;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__button{font-size:1rem;padding:.4rem 0}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--red)}.outlet-label{display:flex;align-items:center;justify-self:flex-start;margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--accent-color);margin-right:.5rem}scroll-tab-header{position:sticky;top:0;--padding:0.5rem 0;--border-radius:0.3rem;--background:var(--background-color);--grid-auto-flow:column;z-index:1}scroll-tab-panels{--background:transparent}scroll-tab-panels>*{min-height:100vh;padding-top:4rem;opacity:.4;transition:opacity .6s}.room-button,.td{padding:.6rem .8rem}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.room-button{position:relative;opacity:.6;border-radius:0;font-weight:500;font-size:1.1rem;transition:opacity .3s,background-color .3s}.room-button[active]{opacity:1}.room-button[active] .icon{fill:var(--accent-color)}.room-button[active]::after{content:"";position:absolute;height:.1rem;width:100%;bottom:0;left:0;border-radius:.2rem .2rem 0 0;background:var(--accent-color)}table{border-collapse:collapse;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color),.1)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width:640px){.hide-on-mobile{display:none}.floor-label{transition:transform .3s}.floor-label .floor-title{opacity:0;transform:translateX(-1rem);transition:opacity .3s,transform .3s}.floor-label--active{opacity:1}.floor-label--active .floor-title{opacity:1;box-shadow:0 0 .5rem rgba(0,0,0,.2);transform:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}}@media only screen and (min-width:640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#elevator_sections{padding:0 3rem 4rem 4.6rem}#home_page{grid-template-columns:1fr 80vw 1fr}#floor_line_map{margin-left:.8rem}#floor_1__outlets{gap:5rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2,1fr)}.carousel-holder{align-self:flex-start;transform:translateY(-2rem);z-index:1;border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;box-shadow:-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{box-shadow:2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}.outlet-preview__info{padding:2rem}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width:1280px){.page{grid-template-columns:1fr 80vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}}@media only screen and (min-width:1920px){#home_page,.page{grid-template-columns:1fr 60vw 1fr}}@media (any-hover:hover){::-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)}.page-link:hover .icon{fill:var(--accent-color)}.outlet-section .icon{transform:translateX(-.5rem);transition:transform .3s}.outlet-section:hover .icon{transform:none}.floor__button:hover{background:rgba(var(--text-color),.2)}}
\ No newline at end of file
+.pos-relative,button{position:relative}.floor-title,.overflow-ellipsis,.td{white-space:nowrap}.hide,.ripple{pointer-events:none}.interact,.theme-switcher,button{cursor:pointer;-webkit-tap-highlight-color:transparent}*{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}body{--primary-color:#115FF0;--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;--accent-color:#F55B5D;color:rgba(var(--text-color),1);height:calc(100%);font-size:clamp(1rem,1.2vmax,3rem);background:var(--background-color)}body[data-theme=dark]{--primary-color:#79A5F6;--text-color:240,240,240;--text-color-light:170,170,170;--foreground-color:20,20,20;--background-color:#0a0a0a;--error-color:rgb(255, 106, 106)}body[data-theme=dark] #outlet_switcher{background:linear-gradient(rgba(var(--text-color),.06),rgba(var(--text-color),.06)),rgba(var(--foreground-color),1)}.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,.outlet__title{text-transform:capitalize}p{max-width:60ch;line-height:1.7}img{object-fit:cover}button{overflow:hidden;display:inline-flex;align-items:center;border:none;background:0 0;outline:0;color:inherit;font-weight:500}.button--primary,.outlet-number{color:rgba(var(--foreground-color),1)}.button{border-radius:.2rem;padding:.5rem .6rem}.button--primary{background:var(--primary-color)}.button--primary .icon{fill:rgba(var(--foreground-color),1)}button:focus-visible{outline:solid rgba(var(--text-color),1)}sm-input,sm-textarea{--border-radius:0.2rem;--background:rgba(var(--text-color), 0.06)}sm-button{--border-radius:0.2rem}sm-tab-header{align-self:flex-start}ul{list-style:none}.flex{display:flex}.grid{display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.flow-column{grid-auto-flow:column}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.elevator__header,.popup__header{gap:.5rem;grid-template-columns:auto 1fr}.align-start{align-items:flex-start}.align-center,.popup__header{align-items:center}.text-center{text-align:center}.justify-start{justify-content:start}.justify-center{justify-content:center}.justify-right{margin-left:auto}.button__icon--right,.margin-left-0-5{margin-left:.5rem}.align-self-center{align-self:center}.justify-self-center{justify-self:center}.justify-self-start{justify-self:start}.direction-column{flex-direction:column}.space-between{justify-content:space-between}.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;text-overflow:ellipsis}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(var(--text-color),.16)}.interact{position:relative;overflow:hidden}.observe-empty-state:empty{display:none}.observe-empty-state:not(:empty)~.empty-state{display:none}.icon{width:1.5rem;height:1.5rem;fill:rgba(var(--text-color),.9)}.icon-only{height:2.6rem;width:2.6rem;padding:.6rem}.close-icon{padding:.3rem}.close-button{left:-.5rem}.button__label{font-size:1rem}.button__icon{height:1.1rem;width:1.1rem}.color-0-9{color:rgba(var(--text-color),.9)}.color-0-8{color:rgba(var(--text-color),.8)}.color-0-7{color:rgba(var(--text-color),.7)}.weight-400{font-weight:400}.room-button,.weight-500{font-weight:500}.weight-700{font-weight:700}.weight-900{font-weight:900}.popup__header{padding:.5rem 1.5rem 0 1rem;display:grid;width:100%}#elevator_popup{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:10;grid-template-rows:auto 1fr;background:rgba(var(--foreground-color),1)}.elevator__header,.item__title{position:sticky;background:rgba(var(--foreground-color),1);top:0}.elevator__header{padding:1.2rem 1.5rem;display:grid;align-items:center;justify-content:flex-start;width:100%;z-index:1}#floor_list{align-content:flex-start;padding:0 1.5rem 4rem;gap:2rem;overflow-y:auto;transform-origin:top;counter-reset:floor-counter}.floor_list__item{display:grid;gap:1.5rem;counter-increment:floor-counter}.floor_list__item .floor-num::after{content:" " counter(floor-counter)}.floor_list__item:last-of-type{padding-bottom:25vh}.item__title{padding-bottom:.5rem;z-index:1}.outlet-list{gap:2rem;padding:0 0 1rem 2rem;border-left:.15rem solid var(--accent-color);counter-reset:outlet-counter}.outlet-section{display:grid;user-select:none;width:min(50ch,100%);counter-increment:outlet-counter}.outlet-section .outlet-title::before{content:counter(outlet-counter) ". "}.outlet-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.outlet-brief{color:rgba(var(--text-color),.8)}.popup__header__close{padding:.5rem;cursor:pointer}.floor__button{position:relative;padding:.5rem 1rem;max-width:20ch;justify-content:center;text-align:left;border-radius:.2rem;font-size:1.5rem;font-weight:900;background:rgba(var(--text-color),.06)}.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}#main_header__logo{height:1.8rem;width:1.8rem}.theme-switcher{position:relative;justify-self:flex-end;width:1.5rem;height:1.5rem}.theme-switcher .icon{position:absolute;transition:transform .6s}.theme-switcher__checkbox{display:none}.theme-switcher__checkbox:checked~.moon-icon{transform:scale(0) rotate(90deg)}.theme-switcher__checkbox:not(:checked)~.sun-icon{transform:scale(0) rotate(-90deg)}.page{position:relative;display:grid;grid-template-columns:1rem 1fr 1rem}#floor_line_map,#home_page{grid-template-columns:2rem 1fr}.page>*{grid-column:2/3}.tag{background:var(--primary-color);padding:.4rem .6rem}#home_page{will-change:scroll-position;overflow-y:auto;max-height:calc(100vh - 5rem)}#floor_line_map{position:sticky;top:1rem;height:60vh;z-index:5;grid-column:1/2}.line-map{height:100%}.line-map__circle{position:absolute;border-radius:1rem;width:1rem;height:1rem;margin-top:-.5rem;background:rgba(var(--foreground-color),1);border:.2rem solid var(--accent-color);transition:transform .1s linear;z-index:5}.line-map__bar{width:.1rem;height:100%;border-radius:1rem;background:var(--accent-color)}.floor-circle,.outlet-number{background:rgba(var(--text-color),1)}.floor-label{position:absolute;display:flex;align-items:center;left:.75rem;margin-top:-1.4rem;padding-bottom:1rem;user-select:none;transition:transform .3s}.outlet-number,.outlet-preview{display:grid;position:relative}.floor-label .floor-title{opacity:0;transform:translateX(-1rem);transition:opacity .3s,transform .3s}.floor-label--active{opacity:1}.floor-label--active .floor-title{opacity:1;box-shadow:0 0 .5rem rgba(0,0,0,.2);transform:none}.floor-circle{position:absolute;height:.5rem;width:.5rem;border-radius:1rem}#outlet_switcher,.floor-title,sm-carousel{background:rgba(var(--foreground-color),1)}.floor-title{opacity:.5;font-size:.9rem;padding:.4rem .6rem;margin-left:1rem;border-radius:.2rem;transition:box-shadow .3s,opacity .3s}#floor_container{width:calc(100% - 1rem)}.floor{padding-bottom:3rem;width:100%}.big-icon{height:2rem;width:2rem}.outlets-container{margin:3rem 0;gap:1.5rem}.outlet-preview{align-items:center}.outlet-number{width:2rem;height:2rem;aspect-ratio:1/1;font-size:1.3rem;font-weight:900;margin-bottom:.5rem;border-radius:.2rem;place-content:center;justify-self:flex-start;box-shadow:.2rem .2rem 0 var(--accent-color)}.outlet-preview__info{position:relative;padding:1rem;border-radius:.5rem}.outlet__title{font-weight:900;font-size:1.8rem;margin-bottom:.8rem}.outlet__description{color:rgba(var(--text-color),.8)}.outlet-label,.outlet_switcher__button--active,.room-button[active]{color:var(--primary-color)}.outlet-preview__border{position:absolute;height:100%;width:100%;z-index:-1;box-shadow:0 0 0 .1rem rgba(var(--text-color),.2);border-radius:.5rem}.outlet-preview__button{justify-self:flex-start;border-radius:.2rem;padding:.3rem 1rem;box-shadow:0 0 0 1px rgba(var(--text-color),1)}.label{position:relative;font-size:.8rem;margin-bottom:.3rem}.value{font-size:1.3rem}#bit_bond_series__container{background:url(../assets/bg/bitbonds-bg.png) bottom right no-repeat,rgba(var(--foreground-color),1);background-size:60%}#bob_fund_investors__container{background:url(../assets/bg/bobsfund-bg.png) bottom left no-repeat,rgba(var(--foreground-color),1);background-size:60%}#ico_investors__container{background:url(../assets/bg/ico-bg.png) top right no-repeat,rgba(var(--foreground-color),1);background-size:60%}sm-carousel{position:relative;height:100%;border-radius:.5rem;padding:1.5rem 1.5rem 4rem;--arrow-left:1.5rem;--arrow-right:1.5rem;--arrow-fill:rgba(var(--text-color), 1);--arrow-background:transparent;--arrow-box-shadow:none;--arrow-bottom:-3.5rem;--indicator-bottom:-2.5rem;--active-indicator-color:var(--primary-color)}.bit-bond-series__row,.bob-fund__row,.investor-card{min-width:100%}.investor-card{align-items:flex-start;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}.investor-card--small{grid-template-areas:"img ." "para para"}.investor-card--small .investor__image{width:4rem;height:4rem;border-radius:50%}.investor-card--big{grid-template-areas:"img ." "img para"}.investor__image{grid-area:img;width:5rem;border-radius:.5rem}.investor__bio{font-size:.9rem;margin-top:.5rem}.investor__contribution-container{grid-area:para}#outlet_switcher{position:absolute;top:0;padding:1rem;border-radius:.3rem;box-shadow:0 2rem 4rem -1rem rgba(0,0,0,.2);z-index:2}.outlet_switcher__button{font-size:1rem;padding:.4rem 0}.outlet_switcher__button:not(:last-of-type)::after{content:"";position:relative;width:4vw;height:.1rem;margin:0 .5rem;background:var(--accent-color)}.outlet-label{display:flex;align-items:center;justify-self:flex-start;margin-bottom:.5rem;font-size:1rem}.outlet-label .icon{fill:var(--primary-color);margin-right:.5rem}scroll-tab-header{position:sticky;top:0;--padding:0.5rem 0;--border-radius:0.3rem;--background:var(--background-color);--grid-auto-flow:column;z-index:1}scroll-tab-panels{--background:transparent}scroll-tab-panels>*{min-height:100vh;padding-top:4rem;opacity:.4;transition:opacity .6s}.room-button,.td{padding:.6rem .8rem}scroll-tab-panels>[active]{opacity:1}.auto-grid-layout{justify-content:flex-start;overflow-x:auto}.grid-2{grid-template-columns:auto 1fr}.room-button{position:relative;opacity:.6;border-radius:0;font-size:1.1rem;transition:opacity .3s,background-color .3s}.room-button[active]{opacity:1}.room-button[active] .icon{fill:var(--primary-color)}.room-button[active]::after{content:"";position:absolute;height:.1rem;width:100%;bottom:0;left:0;border-radius:.2rem .2rem 0 0;background:var(--primary-color)}table{border-collapse:collapse;width:max-content}.tr{margin:.5rem}.tr:nth-of-type(even){background:rgba(var(--text-color),.1)}#ico_page__carousel{width:min(36rem,100%);height:max-content}.phase{grid-template-columns:4rem 1fr}.phase:not(:last-of-type) .phase__description{padding-bottom:1.5rem}.phase:last-of-type .progress-bar__line{height:0}.progress-bar__circle,.progress-bar__line{position:absolute;margin-top:1rem;left:50%;transform:translateX(-50%)}.progress-bar__circle{padding:.4rem;background:rgba(var(--foreground-color),1);border:rgba(var(--text-color),1) solid;border-radius:50%;z-index:1}.progress-bar__line{height:100%;width:.1rem;background:rgba(var(--text-color),.9)}.phase__date{margin-top:.3rem}.phase__description{margin-top:1rem}@media only screen and (max-width:640px){.hide-on-mobile{display:none}#outlet_switcher{width:calc(100% - 2rem)}.outlet-hero-section{margin-top:2rem}}@media only screen and (min-width:640px){.page{grid-template-columns:1fr 90vw 1fr}.h1{font-size:4rem}.h2{font-size:2.5rem}.h3{font-size:1.5rem}.h4{font-size:1.1rem}#main_header{padding:1.2rem 2rem}#floor_list{padding:0 3rem 4rem 4.6rem}#home_page{grid-template-columns:1fr 80vw 1fr}.outlets-container{gap:5rem}.outlet-preview{gap:1rem;grid-template-columns:repeat(2,1fr)}.carousel-holder{align-self:flex-start;transform:translateY(-2rem);z-index:1;border-radius:.5rem}.carousel-holder--left{grid-row:1/2;grid-column:1/2;box-shadow:-2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.carousel-holder--left~.outlet-preview__border{justify-self:flex-end}.carousel-holder--right{box-shadow:2rem 5rem 4rem -2rem rgba(0,0,0,.2)}.outlet-preview__border{width:66%}.outlet-preview__info{padding:2rem}.outlet-preview__carousel{padding:2rem 2rem 5rem}#outlet_switcher{padding:1rem 1.5rem}.outlet-hero-section{margin-top:4rem}.auto-grid-layout{grid-template-columns:auto 1fr}.investor__image{width:8rem}}@media only screen and (min-width:1280px){.page{grid-template-columns:1fr 80vw 1fr}.grid-3{justify-content:center}.grid-3>.grid{width:100%}}@media only screen and (min-width:1920px){#home_page,.page{grid-template-columns:1fr 60vw 1fr}}@media (any-hover:hover){::-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(--primary-color)}.page-link:hover .icon{fill:var(--primary-color)}.floor__button:hover{background:rgba(var(--text-color),.2)}}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
index ddb386c..a0bb250 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -7,21 +7,21 @@
 }
 
 body {
-    --accent-color: #1042e9;
+    --primary-color: #115FF0;
     --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;
-    --red: #E84545;
+    --accent-color: #F55B5D;
     color: rgba(var(--text-color), 1);
     height: calc(100%);
     font-size: clamp(1rem, 1.2vmax, 3rem);
     background: var(--background-color);
 }
 body[data-theme='dark']{
-    --accent-color:#2babf5;
+    --primary-color:#79A5F6;
     --text-color: 240, 240, 240;
     --text-color-light: 170, 170, 170;
     --foreground-color: 20, 20, 20;
@@ -89,7 +89,7 @@ button{
     padding: 0.5rem 0.6rem;
 }
 .button--primary{
-    background: var(--accent-color);
+    background: var(--primary-color);
     color: rgba(var(--foreground-color), 1);
     .icon{
         fill: rgba(var(--foreground-color), 1);
@@ -316,7 +316,6 @@ ul{
     right: 0;
     bottom: 0;
     z-index: 10;
-    overflow-y: auto;
     grid-template-rows: auto 1fr;
     background: rgba(var(--foreground-color), 1);
 }
@@ -334,29 +333,55 @@ ul{
     z-index: 1;
 
 }
-#elevator_sections{
+#floor_list{
     align-content: flex-start;
     padding: 0 1.5rem 4rem 1.5rem;
-}
-#elevator_button_panel{
     gap: 2rem;
-    overflow: auto;
-    scroll-snap-type: x proximity;
-    grid-template-columns: repeat(3, min(40ch, 80%));
-    li{
-        display: grid;
-        gap: 2rem;
-        align-content: flex-start;
-        scroll-snap-align: start;
+    overflow-y: auto;
+    transform-origin: top;
+    counter-reset: floor-counter;
+}
+.floor_list__item{
+    display: grid;
+    gap: 1.5rem;
+    counter-increment: floor-counter;
+    .floor-num::after{
+        content: " " counter(floor-counter);
     }
-    sup{
-        font-weight: 500;
-        font-size: 1rem;
+    &:last-of-type{
+        padding-bottom: 25vh;
     }
 }
+.item__title{
+    position: sticky;
+    top: 0;
+    padding-bottom: 0.5rem;
+    background: rgba(var(--foreground-color), 1);
+    z-index: 1;
+}
+
+.outlet-list{
+    gap: 2rem;
+    padding: 0 0 1rem 2rem;
+    border-left: 0.15rem solid var(--accent-color);
+    counter-reset: outlet-counter;
+}
 .outlet-section{
     display: grid;
     user-select: none;
+    width: min(50ch, 100%);
+    counter-increment: outlet-counter;
+    .outlet-title::before{
+        content: counter(outlet-counter)". ";
+    }
+}
+.outlet-title{
+    font-size: 1.2rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+}
+.outlet-brief{
+    color: rgba(var(--text-color), 0.8);
 }
 
 .popup__header__close{
@@ -367,11 +392,11 @@ ul{
 
 .floor__button{
     position: relative;
-    padding: 1rem;
-    height: 4rem;
-    width: 4rem;
+    padding: 0.5rem 1rem;
+    max-width: 20ch;
     justify-content: center;
-    border-radius: 0.5rem;
+    text-align: left;
+    border-radius: 0.2rem;
     font-size: 1.5rem;
     font-weight: 900;
     background: rgba(var(--text-color), 0.06);
@@ -380,11 +405,16 @@ ul{
         box-shadow: 0 0 0 0.4rem rgba(var(--text-color), 1) inset;
     }
 }
+.floor-name{
+    margin-top: 0.2rem;
+    font-size: 0.8rem;
+}
+
 .elevator__floor-line{
     flex: 1;
     height: 0.1rem;
     margin-left: 2rem;
-    background-color: var(--red);
+    background-color: var(--accent-color);
 }
 
 
@@ -433,11 +463,12 @@ ul{
 }
 
 .tag{
-    background: var(--accent-color);
+    background: var(--primary-color);
     padding: 0.4rem 0.6rem;
 }
 
 #home_page{
+    will-change: scroll-position;
     overflow-y: auto;
     max-height: calc(100vh - 5rem);
     grid-template-columns: 2rem 1fr;
@@ -446,7 +477,7 @@ ul{
 #floor_line_map{
     position: sticky;
     top: 1rem;
-    height: 40vh;
+    height: 60vh;
     z-index: 5;
     grid-template-columns: 2rem 1fr;
     grid-column: 1/2;
@@ -461,7 +492,7 @@ ul{
     height: 1rem;
     margin-top: -0.5rem;
     background: rgba(var(--foreground-color), 1);
-    border: solid 0.2rem var(--red);
+    border: solid 0.2rem var(--accent-color);
     transition: transform 0.1s linear;
     z-index: 5;
 }
@@ -469,7 +500,7 @@ ul{
     width: 0.1rem;
     height: 100%;
     border-radius: 1rem;
-    background: var(--red);
+    background: var(--accent-color);
 }
 
 .floor-label{
@@ -477,13 +508,21 @@ ul{
     display: flex;
     align-items: center;
     left: 0.75rem;
-    margin-top: -0.9rem;
+    margin-top: -1.4rem;
     padding-bottom: 1rem;
     user-select: none;
+    transition: transform 0.3s;
+    .floor-title{
+        opacity: 0;
+        transform: translateX(-1rem);
+        transition: opacity 0.3s, transform 0.3s;
+    }
     &--active{
+        opacity: 1;
         .floor-title{
             opacity: 1;
             box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
+            transform: none;
         }
     }
 }
@@ -512,24 +551,6 @@ ul{
 .floor{
     padding-bottom: 3rem;
     width: 100%;
-    &:nth-of-type(2),
-    &:nth-of-type(3){
-        display: flex;
-        justify-content: center;
-        background-image: linear-gradient(135deg, #000000 25%, #ffd900 25%, #ffd900 50%, #000000 50%, #000000 75%, #ffd900 75%, #ffd900 100%);
-        background-size: 84.85px 84.85px;
-        margin-bottom: 4rem;
-        padding: 2rem 0;
-    }
-    &:nth-of-type(2) .h2,
-    &:nth-of-type(3) .h2{
-        text-align: center;
-        background: #ffde26;
-        padding: 1rem 2rem;
-        margin: 1rem 0;
-        justify-self: center;
-        color: black;
-    }
 }
 
 .big-icon{
@@ -537,7 +558,7 @@ ul{
     width: 2rem;
 }
 
-#floor_1__outlets{
+.outlets-container{
     margin: 3rem 0;
     gap: 1.5rem;
 }
@@ -561,7 +582,7 @@ ul{
     justify-self: flex-start;
     background: rgba(var(--text-color), 1);
     color: rgba(var(--foreground-color), 1);
-    box-shadow: 0.2rem 0.2rem 0 var(--red);
+    box-shadow: 0.2rem 0.2rem 0 var(--accent-color);
 }
 .outlet-preview__info{
     position: relative;
@@ -569,7 +590,7 @@ ul{
     border-radius: 0.5rem;
 }
 .outlet__title{
-    font-weight: 700;
+    font-weight: 900;
     font-size: 1.8rem;
     margin-bottom: 0.8rem;
     text-transform: capitalize;
@@ -586,9 +607,10 @@ ul{
     border-radius: 0.5rem;
 }
 .outlet-preview__button{
-    background-color: rgba(var(--text-color), 0.1);
     justify-self: flex-start;
-    border-radius: 0.3rem;
+    border-radius: 0.2rem;
+    padding: 0.3rem 1rem;
+    box-shadow: 0 0 0 1px rgba(var(--text-color), 1);
 }
 
 /* .outlet-preview__carousel{
@@ -629,6 +651,7 @@ sm-carousel{
     --arrow-box-shadow: none;
     --arrow-bottom: -3.5rem;
     --indicator-bottom: -2.5rem;
+    --active-indicator-color: var(--primary-color);
 }
 
 .bit-bond-series__row,
@@ -678,7 +701,7 @@ sm-carousel{
     font-size: 1rem;
     padding: 0.4rem 0;
     &--active{
-        color: var(--accent-color);
+        color: var(--primary-color);
     }
     &:not(:last-of-type)::after{
         content: '';
@@ -686,18 +709,18 @@ sm-carousel{
         width: 4vw;
         height: 0.1rem;
         margin: 0 0.5rem;
-        background: var(--red);
+        background: var(--accent-color);
     }
 }
 .outlet-label{
     display: flex;
     align-items: center;
     justify-self: flex-start;
-    color: var(--accent-color);
+    color: var(--primary-color);
     margin-bottom: 0.5rem;
     font-size: 1rem;
     .icon{
-        fill: var(--accent-color);
+        fill: var(--primary-color);
         margin-right: 0.5rem;
     }
 }
@@ -740,9 +763,9 @@ scroll-tab-panels{
     padding: 0.6rem 0.8rem;
     &[active]{
         opacity: 1;
-        color: var(--accent-color);
+        color: var(--primary-color);
         .icon{
-            fill: var(--accent-color);
+            fill: var(--primary-color);
         }
         &::after{
             content: '';
@@ -752,7 +775,7 @@ scroll-tab-panels{
             bottom: 0;
             left: 0;
             border-radius: 0.2rem 0.2rem 0 0;
-            background: var(--accent-color);
+            background: var(--primary-color);
         }
     }
 
@@ -823,22 +846,6 @@ table{
     .hide-on-mobile{
         display: none;
     }
-    .floor-label{
-        transition: transform 0.3s;
-        .floor-title{
-            opacity: 0;
-            transform: translateX(-1rem);
-            transition: opacity 0.3s, transform 0.3s;
-        }
-        &--active{
-            opacity: 1;
-            .floor-title{
-                opacity: 1;
-                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
-                transform: none;
-            }
-        }
-    }
     #outlet_switcher{
         width: calc(100% - 2rem);
     }
@@ -865,16 +872,13 @@ table{
     #main_header{
         padding: 1.2rem 2rem;
     }
-    #elevator_sections{
+    #floor_list{
         padding: 0 3rem 4rem 4.6rem;
     }
     #home_page{
         grid-template-columns: 1fr 80vw 1fr;
     }
-    #floor_line_map{
-        margin-left: 0.8rem;
-    }
-    #floor_1__outlets{
+    .outlets-container{
         gap: 5rem;
     }
     .outlet-preview{
@@ -937,7 +941,7 @@ table{
                 height: 4rem;
                 width: 1px;
                 right: 0.5rem;
-                background-color: var(--red);
+                background-color: var(--accent-color);
             }
         } */
     }
@@ -964,21 +968,12 @@ table{
         cursor: pointer;
         transition: color 0.3s;
         &:hover{
-            color: var(--accent-color);
+            color: var(--primary-color);
             .icon{
-                fill: var(--accent-color);
+                fill: var(--primary-color);
             }
         }
     }
-    .outlet-section{
-        .icon{
-            transform: translateX(-0.5rem);
-            transition: transform 0.3s;
-        }
-        &:hover .icon{
-            transform: none;
-        }
-    }
     .floor__button:hover{
         background: rgba(var(--text-color), 0.2);
     }
diff --git a/index.html b/index.html
index 8854b2f..5d3ace2 100644
--- a/index.html
+++ b/index.html
@@ -107,7 +107,10 @@
     <template id="floor_indicator_template">
         <div class="floor-label interact">
             <span class="floor-circle"></span>
-            <span class="floor-title weight-500 color-0-8 h5"></span>
+            <span class="grid floor-title">
+                <h5 class="floor-num weight-400 color-0-7 h5"></h5>
+                <h5 class="floor-name weight-400"></h5>
+            </span>
         </div>
     </template>
 
@@ -126,50 +129,112 @@
                 <h4 class="h4 header__company-name">RanchiMall</h4>
             </div> -->
         </header>
-        <div id="elevator_sections" class="grid">
-            <h4 class="h4 margin-bottom-2r">Floors</h4>
-            <ul id="elevator_button_panel" class="grid">
-                <li>
-                    <div class="flex align-center">
-                        <button class="button floor__button" data-target="floor_1">
-                            <span>
-                                1<sup>st</sup>
-                            </span>
-                        </button>
-                        <div class="elevator__floor-line"></div>
-                    </div>
-                    <div class="outlet-section page-link interact" data-target="bitbonds">
-                        <h3 class="h3 margin-bottom-0-5r">1. BitCoin Bonds</h3>
-                        <p class="color-0-8">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae, quae!</p>
-                    </div>
-                    <div class="outlet-section page-link interact" data-target="bob'sfund">
-                        <h3 class="h3 margin-bottom-0-5r">2. Bob's Fund</h3>
-                        <p class="color-0-8">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae, quae!</p>
-                    </div>
-                    <div class="outlet-section page-link interact" data-target="ico">
-                        <h3 class="h3 margin-bottom-0-5r">3. ICO</h3>
-                        <p class="color-0-8">Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae, quae!</p>
-                    </div>
-                </li>
-                <li>
-                    <div class="flex align-center">
-                        <button class="button floor__button" data-target="floor_2">
-                            <span>
-                                2<sup>nd</sup>
-                            </span>
-                        </button>
-                        <div class="elevator__floor-line"></div>
-                    </div>
-                </li>
-                <li>
-                    <button class="button floor__button" data-target="floor_3">
-                        <span>
-                            3<sup>rd</sup>
-                        </span>
-                    </button>
-                </li>
-            </ul>
-        </div>
+        <ul id="floor_list" class="grid">
+            <li class="floor_list__item">
+                <div class="item__title">
+                    <h5 class="h5 floor-num">Floor</h5>
+                    <h4 class="h3">Current Products</h4>
+                </div>
+                <ul class="outlet-list grid">
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="bitbonds">
+                        <h4 class="outlet-title">BitCoin Bonds</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="bob'sfund">
+                        <h4 class="outlet-title">Bob's Fund</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="ico">
+                        <h4 class="outlet-title">ICO</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                </ul>
+            </li>
+            <li class="floor_list__item">
+                <div class="item__title">
+                    <h5 class="h5 floor-num">Floor</h5>
+                    <h4 class="h3">Blockchain Contracts</h4>
+                </div>
+                <ul class="outlet-list grid">
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Incorporation Blockchain Contract</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Internship Blockchain Contract</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">FLO Blockchain Contract</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Startup Blockchain Contract</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Real Estate Blockchain Contract</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Painting Blockchain Contract</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                </ul>
+            </li>
+            <li class="floor_list__item">
+                <div class="item__title">
+                    <h5 class="h5 floor-num">Floor</h5>
+                    <h4 class="h3">Blockchain Apps</h4>
+                </div>
+                <ul class="outlet-list grid">
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Web Wallet</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                </ul>
+            </li>
+            <li class="floor_list__item">
+                <div class="item__title">
+                    <h5 class="h5 floor-num">Floor</h5>
+                    <h4 class="h3">Experimental Ideas</h4>
+                </div>
+                <ul class="outlet-list grid">
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Blockchain Cloud</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">UPI on Blockchain</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">E-Commerce on Blockchain</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                </ul>
+            </li>
+            <li class="floor_list__item">
+                <div class="item__title">
+                    <h5 class="h5 floor-num">Floor</h5>
+                    <h4 class="h3">Statistics and Administration</h4>
+                </div>
+                <ul class="outlet-list grid">
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Incorporation</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Team</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                    <li class="outlet-section page-link interact" tabindex="0" data-target="">
+                        <h4 class="outlet-title">Operational Statistics</h4>
+                        <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
+                    </li>
+                </ul>
+            </li>
+        </ul>
     </section>
 
     <!--  -->
@@ -201,13 +266,13 @@
         </aside>
         <main id="floor_container" class="grid">
             <section id="floor_1" class="floor">
-<!--                 <span class="flex align-center margin-bottom-1-5r">
-                    <svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/></svg>
-                    <h4 class="h4 weight-500">
-                        Outlets
+                <span class="grid align-center margin-bottom-1-5r">
+                    <h5 class="h5">Floor</h5>
+                    <h4 class="h4 weight-700">
+                        Current Projects
                     </h4>
-                </span> -->
-                <main id="floor_1__outlets" class="grid">
+                </span>
+                <main id="floor_1__outlets" class="grid outlets-container">
                     <div id="bit_bond_outlet" class="outlet-preview carousel-container">
                         <div class="grid outlet-preview__info">
                             <div class="outlet-number">1</div>
@@ -217,7 +282,6 @@
                             </p>
                             <button class="button page-link outlet-preview__button" data-target="bitbonds">
                                 <span class="button__label">Visit</span>
-                                <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"/></svg>
                             </button>
                         </div>
                         <div class="grid carousel-holder carousel-holder--right">
@@ -234,7 +298,6 @@
                             </p>
                             <button class="button page-link outlet-preview__button" data-target="bob'sfund">
                                 <span class="button__label">Visit</span>
-                                <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"/></svg>
                             </button>
                         </div>
                         <div class="grid carousel-holder carousel-holder--left">
@@ -251,7 +314,6 @@
                             </p>
                             <button class="button page-link outlet-preview__button" data-target="ico">
                                 <span class="button__label">Visit</span>
-                                <svg class="icon button__icon--right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z"/></svg>
                             </button>
                         </div>
                         <div class="grid carousel-holder carousel-holder--right">
@@ -262,10 +324,226 @@
                 </main>
             </section>
             <section id="floor_2" class="floor">
-                <h4 class="h2">Under construction</h4>
+                <span class="grid align-center margin-bottom-1-5r">
+                    <h5 class="h5">Floor 2</h5>
+                    <h4 class="h4 weight-700">
+                        Blockchain Contracts
+                    </h4>
+                </span>
+                <main id="floor_2__outlets" class="grid outlets-container">
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">1</div>
+                            <h3 class="outlet__title">Internship Blockchain Contract</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">2</div>
+                            <h3 class="outlet__title">FLO Blockchain Contract</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bob'sfund">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">3</div>
+                            <h3 class="outlet__title">Startup Blockchain Contract</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="ico">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">4</div>
+                            <h3 class="outlet__title">Real Estate Blockchain Contract</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="ico">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">5</div>
+                            <h3 class="outlet__title">Painting Blockchain Contract</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="ico">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                </main>
             </section>
             <section id="floor_3" class="floor">
-                <h4 class="h2">Under construction</h4>
+                <span class="grid align-center margin-bottom-1-5r">
+                    <h5 class="h5">Floor 3</h5>
+                    <h4 class="h4 weight-700">
+                        Blockchain Apps
+                    </h4>
+                </span>
+                <main id="floor_3__outlets" class="grid outlets-container">
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">1</div>
+                            <h3 class="outlet__title">Web Wallet</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">2</div>
+                            <h3 class="outlet__title">Messenger</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">3</div>
+                            <h3 class="outlet__title">Content Collaboration</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                </main>
+            </section>
+            <section id="floor_4" class="floor">
+                <span class="grid align-center margin-bottom-1-5r">
+                    <h5 class="h5">Floor 4</h5>
+                    <h4 class="h4 weight-700">
+                        Experimental Ideas
+                    </h4>
+                </span>
+                <main id="floor_4__outlets" class="grid outlets-container">
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">1</div>
+                            <h3 class="outlet__title">Blockchain Cloud</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">2</div>
+                            <h3 class="outlet__title">UPI on Blockchain</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bob'sfund">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">3</div>
+                            <h3 class="outlet__title">E-Commerce on Blockchain</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="ico">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                </main>
+            </section>
+            <section id="floor_5" class="floor">
+                <span class="grid align-center margin-bottom-1-5r">
+                    <h5 class="h5">Floor 5</h5>
+                    <h4 class="h4 weight-700">
+                        Statistics and Administration
+                    </h4>
+                </span>
+                <main id="floor_5__outlets" class="grid outlets-container">
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">1</div>
+                            <h3 class="outlet__title">Incorporation</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bitbonds">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">2</div>
+                            <h3 class="outlet__title">Team</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="bob'sfund">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                    <div id="" class="outlet-preview">
+                        <div class="grid outlet-preview__info">
+                            <div class="outlet-number">3</div>
+                            <h3 class="outlet__title">Operational Statistics</h3>
+                            <p class="outlet__description margin-bottom-1-5r">
+                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
+                            </p>
+                            <button class="button page-link outlet-preview__button" data-target="ico">
+                                <span class="button__label">Visit</span>
+                            </button>
+                        </div>
+                        <div class="outlet-preview__border"></div>
+                    </div>
+                </main>
             </section>
         </main>
     </article>
@@ -429,7 +707,6 @@
     <!--  -->
     <script src="components.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script>
     <script id="standard_UI_functions">
 
         const domRefs = {}
@@ -855,7 +1132,6 @@
     </script>
 
     <script>
-        gsap.registerPlugin(ScrollTrigger);
         const render = {
             bitBondRow(obj){
                 const {series, currentValue, timeElapsed} = obj
@@ -904,11 +1180,14 @@
                 const floorLabel = getRef('floor_indicator_template').content.cloneNode(true).firstElementChild
                 floorLabel.setAttribute('style', `top: ${offsetTop}px`)
                 floorLabel.dataset.target = `floor_${floorNumber}`
-                floorLabel.querySelector('.floor-title').textContent = `Floor ${floorNumber}`
+                floorLabel.querySelector('.floor-num').textContent = `Floor ${floorNumber}`
+                floorLabel.querySelector('.floor-name').textContent = floors[floorNumber - 1]
                 return floorLabel
             }
         }
 
+        const floors = ['Current Products', 'Blockchain Contracts', 'Blockchain Applications', 'Experimental Ideas', 'Statistics and Administration']
+
 
         /* 
             Animations
@@ -1435,24 +1714,30 @@
             easing: 'ease'
         }
 
-        const siteMapTimeline = gsap.timeline({defaults: {ease: 'power2'}, onReverseComplete: resumeScrolling, paused: true})
-        siteMapTimeline.from('#elevator_popup', {opacity: 0})
+        const siteMapTimeline = gsap.timeline({defaults: {ease: 'power3'}, onReverseComplete: resumeScrolling, paused: true})
+        siteMapTimeline.from('#elevator_popup', {duration: 0.3, opacity: 0})
                         .from('.close-button', {scale: 0}, '-= 0.2')
-                        .from('#elevator_sections', {opacity: 0, y: 10})
-                        .from('.outlet-section', {opacity: 0, x: 10, stagger: 0.1}, '-=0.1')
+                        .from('.floor_list__item', {opacity: 0, y: 16, stagger: 0.1})
+                        .from('.outlet-section', {opacity: 0, y: 16, stagger: 0.1}, '-=0.7')
 
         function showSiteMap(){
+            document.querySelectorAll('.page').forEach(page => {
+                page.setAttribute('aria-hidden', 'true')
+            })
             isSiteMapOpen = true
             document.body.style.overflow = 'hidden';
             document.body.style.top= `-${window.scrollY}px`
             getRef('elevator_popup').classList.remove('hide-completely')
-            siteMapTimeline.duration(1).play()
+            siteMapTimeline.duration(2).play()
         }
         
         function hideSiteMap(){
             const scrollY = document.body.style.top;
             window.scrollTo(0, parseInt(scrollY || '0') * -1);
             siteMapTimeline.duration(0.4).reverse()
+            document.querySelectorAll('.page').forEach(page => {
+                page.removeAttribute('aria-hidden')
+            })
         }
 
         function resumeScrolling(){