v0.15.23

Added background art to floating sections

css/main.css

@@ -12,7 +12,7 @@ body {
   --text-color: 17, 17, 17;
   --text-color-light: 100, 100, 100;
   --foreground-color: 255, 255, 255;
-  --background-color: #F3F3F3;
+  --background-color: #F6f6f6;
   --error-color: red;
   --red: #E84545;
   color: rgba(var(--text-color), 1);
@@ -22,7 +22,7 @@ body {
 }
 
 body[data-theme=dark] {
-  --accent-color:#2fb3ff;
+  --accent-color:#2babf5;
   --text-color: 240, 240, 240;
   --text-color-light: 170, 170, 170;
   --foreground-color: 20, 20, 20;
@@ -510,8 +510,6 @@ ul {
   overflow-y: auto;
   max-height: calc(100vh - 5rem);
   grid-template-columns: 2rem 1fr;
-  background: url(../assets/bg/homepage-bg.svg) no-repeat center;
-  background-size: cover;
 }
 
 #floor_line_map {
@@ -648,7 +646,9 @@ ul {
 }
 
 .outlet-preview__button {
-  justify-self: flex-end;
+  background-color: rgba(var(--text-color), 0.1);
+  justify-self: flex-start;
+  border-radius: 0.3rem;
 }
 
 /* .outlet-preview__carousel{
@@ -664,6 +664,21 @@ ul {
   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%;

css/main.scss

@@ -12,7 +12,7 @@ body {
     --text-color: 17, 17, 17;
     --text-color-light: 100, 100, 100;
     --foreground-color: 255, 255, 255;
-    --background-color: #F3F3F3;
+    --background-color: #F6f6f6;
     --error-color: red;
     --red: #E84545;
     color: rgba(var(--text-color), 1);
@@ -21,7 +21,7 @@ body {
     background: var(--background-color);
 }
 body[data-theme='dark']{
-    --accent-color:#2fb3ff;
+    --accent-color:#2babf5;
     --text-color: 240, 240, 240;
     --text-color-light: 170, 170, 170;
     --foreground-color: 20, 20, 20;
@@ -441,8 +441,6 @@ ul{
     overflow-y: auto;
     max-height: calc(100vh - 5rem);
     grid-template-columns: 2rem 1fr;
-    background: url(../assets/bg/homepage-bg.svg) no-repeat center;
-    background-size: cover;
 }
 
 #floor_line_map{
@@ -570,7 +568,9 @@ ul{
     border-radius: 0.5rem;
 }
 .outlet-preview__button{
-    justify-self: flex-end;
+    background-color: rgba(var(--text-color), 0.1);
+    justify-self: flex-start;
+    border-radius: 0.3rem;
 }
 
 /* .outlet-preview__carousel{
@@ -585,6 +585,19 @@ ul{
     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%;

index.html

@@ -216,7 +216,7 @@
                                 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>
+                                <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>
@@ -233,7 +233,7 @@
                                 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>
+                                <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>
@@ -250,7 +250,7 @@
                                 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>
+                                <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>