BlissRoms Website v2
Signed-off-by: Jackeagle <jackeagle102@gmail.com>
diff --git a/components/button.css b/components/button.css
deleted file mode 100644
index 84813d0..0000000
--- a/components/button.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.button-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button-text {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
- background-color: var(--dl-color-primary-300);
-}
-.button-text:hover {
- color: var(--dl-color-primary-300);
- background-color: var(--dl-color-gray-white);
-}
-
-
-
-
-
-
-
-
-
-
diff --git a/components/button.html b/components/button.html
deleted file mode 100644
index cd99953..0000000
--- a/components/button.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div>
- <link href="./button.css" rel="stylesheet" />
- <div class="button-container">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
-</div>
diff --git a/components/button_nofill.css b/components/button_nofill.css
deleted file mode 100644
index fb83597..0000000
--- a/components/button_nofill.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.button_nofill-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button_nofill-text {
- color: var(--dl-color-primary-300);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- border-color: var(--dl-color-primary-300);
- border-width: 1px;
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
-}
-.button_nofill-text:hover {
- color: var(--dl-color-gray-white);
- background-color: var(--dl-color-primary-300);
-}
-
diff --git a/components/button_nofill.html b/components/button_nofill.html
deleted file mode 100644
index 78dfc04..0000000
--- a/components/button_nofill.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div>
- <link href="./button_nofill.css" rel="stylesheet" />
- <div class="button_nofill-container">
- <span class="button_nofill-text body-16"><span>Download</span></span>
- </div>
-</div>
diff --git a/components/carrousel.css b/components/carrousel.css
deleted file mode 100644
index d0641d3..0000000
--- a/components/carrousel.css
+++ /dev/null
@@ -1,83 +0,0 @@
-.carrousel-carrousel {
- flex: 0 0 auto;
- margin: var(--dl-space-space-oneandhalfunits);
- display: flex;
- min-height: 50vh;
- align-items: center;
- flex-direction: column;
- justify-content: center;
-}
-.carrousel-title {
- color: var(--dl-color-gray-white);
- margin: var(--dl-space-space-oneandhalfunits);
-}
-.carrousel-images {
- flex: 1;
- display: flex;
- align-items: stretch;
- flex-direction: row;
- justify-content: center;
-}
-.carrousel-go-left {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.carrousel-icon {
- fill: var(--dl-color-primary-700);
- width: var(--dl-size-size-small);
-}
-.carrousel-slider {
- flex: 1;
- width: 824px;
- display: flex;
- overflow: hidden;
- position: relative;
- align-self: stretch;
- align-items: center;
- flex-direction: column;
- justify-content: center;
-}
-.carrousel-slides-container {
- flex: 1;
- width: 100%;
- display: flex;
- overflow: hidden;
- max-width: 100%;
- align-self: stretch;
- align-items: center;
- border-radius: 16px;
- flex-direction: row;
- justify-content: center;
-}
-.carrousel-left {
- object-fit: cover;
- object-position: center;
-}
-.carrousel-left1 {
- object-fit: cover;
- object-position: center;
-}
-.carrousel-mid {
- object-fit: cover;
- object-position: center;
-}
-.carrousel-right {
- object-fit: cover;
- object-position: center;
-}
-.carrousel-right1 {
- object-fit: cover;
- object-position: center;
-}
-.carrousel-go-right {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.carrousel-icon2 {
- fill: var(--dl-color-primary-700);
- width: var(--dl-size-size-small);
-}
diff --git a/components/carrousel.html b/components/carrousel.html
deleted file mode 100644
index 9a39d9e..0000000
--- a/components/carrousel.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<div>
- <link href="./carrousel.css" rel="stylesheet" />
- <div class="carrousel-carrousel">
- <span class="carrousel-title h3-36"><span>Screenshots</span></span>
- <div class="carrousel-images">
- <div data-action="goLeft" class="carrousel-go-left">
- <svg viewBox="0 0 1024 1024" class="carrousel-icon">
- <path d="M658 708l-60 60-256-256 256-256 60 60-196 196z"></path>
- </svg>
- </div>
- <div class="carrousel-slider">
- <div class="carrousel-slides-container">
- <img
- src="https://images.unsplash.com/photo-1638292597251-6fe6b2ba50f9?ixid=Mnw5MTMyMXwwfDF8YWxsfDN8fHx8fHwyfHwxNjM4MzQwMjk2&ixlib=rb-1.2.1&h=300"
- class="
- carrousel-left
- hidden-element
- left-element left-element-initial
- "
- />
- <img
- src="https://images.unsplash.com/photo-1638190654307-66662e77fed9?ixid=Mnw5MTMyMXwwfDF8YWxsfDN8fHx8fHwyfHwxNjM4MjkzODc1&ixlib=rb-1.2.1&h=300"
- class="carrousel-left1 left-element left-element-initial"
- />
- <img
- src="https://images.unsplash.com/photo-1638204956063-5e65c3288d3c?ixid=Mnw5MTMyMXwwfDF8YWxsfDE3fHx8fHx8Mnx8MTYzODI5Mzg3NQ&ixlib=rb-1.2.1&h=300"
- loading="lazy"
- class="carrousel-mid mid-element mid-element-initial"
- />
- <img
- src="https://images.unsplash.com/photo-1638210574680-b30164f073f3?ixid=Mnw5MTMyMXwwfDF8YWxsfDE5fHx8fHx8Mnx8MTYzODI5NzAzOQ&ixlib=rb-1.2.1&h=300"
- class="carrousel-right right-element-initial right-element"
- />
- <img
- src="https://images.unsplash.com/photo-1638043883400-33d4ab1017a1?ixid=Mnw5MTMyMXwwfDF8YWxsfDV8fHx8fHwyfHwxNjM4MzQwMjk2&ixlib=rb-1.2.1&h=300"
- class="
- carrousel-right1
- hidden-element
- right-element-initial right-element
- "
- />
- </div>
- </div>
- <div data-action="goRight" class="carrousel-go-right">
- <svg viewBox="0 0 1024 1024" class="carrousel-icon2">
- <path d="M426 256l256 256-256 256-60-60 196-196-196-196z"></path>
- </svg>
- </div>
- </div>
- </div>
-</div>
diff --git a/components/download.css b/components/download.css
deleted file mode 100644
index 6bea4c3..0000000
--- a/components/download.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.download-container {
- display: flex;
- position: relative;
-}
-.download-button {
- color: var(--dl-color-gray-white);
- transition: 0.3s;
- border-color: var(--dl-color-primary-300);
- background-color: var(--dl-color-primary-300);
-}
-.download-button:hover {
- color: var(--dl-color-primary-300);
- background-color: var(--dl-color-primary-700);
-}
diff --git a/components/download.html b/components/download.html
deleted file mode 100644
index 131ba61..0000000
--- a/components/download.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div>
- <link href="./download.css" rel="stylesheet" />
- <div class="download-container">
- <button class="download-button button-14 button">
- <span>Download</span>
- </button>
- </div>
-</div>
diff --git a/components/features.css b/components/features.css
index 44bd840..4e9029f 100644
--- a/components/features.css
+++ b/components/features.css
@@ -1,178 +1,250 @@
.features-features {
+ width: 100%;
display: flex;
+ padding: var(--dl-space-space-threeunits);
+ position: relative;
+ max-width: var(--dl-size-size-maxwidth);
+ align-self: center;
align-items: center;
flex-direction: column;
}
+.features-heading {
+ display: flex;
+ z-index: 100;
+ margin-bottom: var(--dl-space-space-threeunits);
+ flex-direction: column;
+ justify-content: center;
+}
.features-text {
- color: var(--dl-color-gray-white);
+ color: var(--dl-color-bliss-primary);
+ font-size: 3rem;
align-self: center;
- margin-top: 96px;
-}
-.features-text01 {
- color: var(--dl-color-primary-500);
- font-size: 24px;
- margin-top: 8px;
- font-family: Poppins;
-}
-.features-features1 {
- display: flex;
- margin-top: 32px;
- align-items: center;
- margin-bottom: 32px;
- flex-direction: row;
-}
-.features-sec-bb {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.features-security {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- margin-bottom: 40px;
- flex-direction: column;
-}
-.features-icon {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.features-text02 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
+ text-align: center;
+ margin-bottom: var(--dl-space-space-unit);
}
.features-text03 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.features-battery {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
-}
-.features-icon02 {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.features-text04 {
- color: var(--dl-color-primary-300);
+ font-size: 18px;
+ align-self: center;
font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.features-text05 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
text-align: center;
+ font-weight: 500;
}
-.features-design-settings {
+.features-list {
+ gap: 24px;
display: flex;
- align-items: center;
+ z-index: 100;
flex-direction: column;
}
-.features-focusondesign {
- width: 352px;
+.features-f-1 {
+ gap: 24px;
+ width: auto;
display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
+ flex-wrap: wrap;
+ flex-direction: row;
+ justify-content: center;
}
-.features-icon04 {
- fill: var(--dl-color-gray-white);
- width: 32px;
+.features-focus-on-design {
+ transition: 0.3s;
}
-.features-text06 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.features-text07 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
+.features-focus-on-design:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
}
.features-image {
- width: 180px;
- margin-top: 88px;
- object-fit: cover;
- margin-bottom: 88px;
-}
-.features-settings {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
-}
-.features-icon07 {
- fill: var(--dl-color-gray-white);
width: 32px;
+ object-fit: cover;
}
-.features-text08 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.features-text09 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.features-perf-comp {
- display: flex;
- align-items: center;
- flex-direction: column;
+.features-text04 {
+ color: #002766;
+ font-size: 18px;
}
.features-performance {
- width: 352px;
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
display: flex;
- padding: 16px;
- align-items: center;
- margin-bottom: 40px;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #AEF998;
+ border-width: 1.6px;
+ border-radius: 16px;
flex-direction: column;
+ background-color: #D2FDC5;
}
-.features-icon09 {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.features-text10 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.features-text11 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.features-compatibility {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
+.features-performance:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
}
.features-image1 {
width: 32px;
object-fit: cover;
}
-.features-text12 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
+.features-text06 {
+ color: #186601;
+ font-size: 18px;
}
-.features-text13 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
+.features-regular-updates {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #98EFF9;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #C5F7FD;
+}
+.features-regular-updates:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image2 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text08 {
+ color: #002766;
+ font-size: 18px;
+}
+.features-f-2 {
+ gap: 24px;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: row;
+ justify-content: center;
+}
+.features-battery-friendly {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #F9E798;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #FDF3C5;
+}
+.features-battery-friendly:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image3 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text10 {
+ color: #665300;
+ font-size: 18px;
+}
+.features-added-security {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #A598F9;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #CDC5FD;
+}
+.features-added-security:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image4 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text12 {
+ color: #002766;
+ font-size: 18px;
+}
+.features-many-more {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #F9989C;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #FDC5C8;
+}
+.features-many-more:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image5 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text14 {
+ color: #660005;
+ font-size: 18px;
+}
+.features-image6 {
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ width: 306px;
+ margin: auto;
+ z-index: 1;
+ position: absolute;
+ object-fit: cover;
+}
+@media(max-width: 991px) {
+ .features-text {
+ align-self: center;
+ }
+}
+@media(max-width: 767px) {
+ .features-features {
+ max-width: 100%;
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .features-f-1 {
+ flex-wrap: wrap;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ }
+ .features-f-2 {
+ flex-wrap: wrap;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ }
+}
+@media(max-width: 479px) {
+ .features-features {
+ width: 454px;
+ max-width: auto;
+ align-self: center;
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-unit);
+ padding-right: var(--dl-space-space-unit);
+ padding-bottom: var(--dl-space-space-twounits);
+ }
+ .features-text {
+ width: 478px;
+ font-size: 1.6rem;
+ margin-bottom: var(--dl-space-space-halfunit);
+ }
+ .features-text03 {
+ font-size: 16px;
+ }
}
diff --git a/components/features.html b/components/features.html
index be3ad0e..959094c 100644
--- a/components/features.html
+++ b/components/features.html
@@ -1,117 +1,110 @@
<div>
<link href="./features.css" rel="stylesheet" />
- <div class="features-features">
- <span class="features-text h4-28">
- <span>It’s more than what you think</span>
- </span>
- <span class="features-text01">
- <span>A comprehesive overview of features</span>
- </span>
- <div class="features-features1">
- <div class="features-sec-bb">
- <div class="features-security">
- <svg viewBox="0 0 1024 1024" class="features-icon">
- <path
- d="M512 42l384 172v256q0 178-110 325t-274 187q-164-40-274-187t-110-325v-256zM512 512v382q118-38 200-143t98-239h-298zM512 512v-376l-298 132v244h298z"
- ></path>
- </svg>
- <span class="features-text02 h6-20"><span>Added Security</span></span>
- <span class="features-text03 body-12">
+ <div id="features" class="features-features">
+ <div class="features-heading">
+ <h1 class="features-text">
+ <span></span>
+ <span>It’s more than what you think</span>
+ </h1>
+ <span class="features-text03">
+ <span>A comprehesive overview of features</span>
+ </span>
+ </div>
+ <div class="features-list">
+ <div class="features-f-1">
+ <div class="features-focus-on-design feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/design_services_black_24dp%201.svg"
+ class="features-image"
+ />
+ <h1 class="features-text04"><span>Focus on design</span></h1>
+ <span>
<span>
We include many options for customization and theming throughout
the OS
</span>
</span>
</div>
- <div class="features-battery">
- <svg viewBox="0 0 1024 1024" class="features-icon02">
- <path
- d="M213.333 725.333h-85.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165v-341.333c0-11.776 4.736-22.4 12.501-30.165s18.389-12.501 30.165-12.501h136.107c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-136.107c-35.328 0-67.413 14.379-90.496 37.504s-37.504 55.168-37.504 90.496v341.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h85.333c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667zM640 298.667h85.333c11.776 0 22.4 4.736 30.165 12.501s12.501 18.389 12.501 30.165v341.333c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-136.107c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667h136.107c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-341.333c0-35.328-14.379-67.413-37.504-90.496s-55.168-37.504-90.496-37.504h-85.333c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM1024 554.667v-85.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v85.333c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667zM433.835 232.32l-170.667 256c-13.056 19.627-7.765 46.080 11.819 59.179 7.339 4.907 15.659 7.211 23.68 7.168h176.256l-126.464 189.653c-13.056 19.627-7.765 46.080 11.819 59.179s46.080 7.765 59.179-11.819l170.667-256c4.523-6.656 7.211-14.848 7.211-23.68 0-23.552-19.115-42.667-42.667-42.667h-176.256l126.464-189.653c13.056-19.627 7.765-46.080-11.819-59.179s-46.080-7.765-59.179 11.819z"
- ></path>
- </svg>
- <span class="features-text04 h6-20">
- <span>Battery-friendly</span>
- </span>
- <span class="features-text05 body-12">
- <span>
- Extra options are provided to help tune battery consumption to the
- best levels
- </span>
- </span>
- </div>
- </div>
- <div class="features-design-settings">
- <div class="features-focusondesign">
- <svg viewBox="0 0 1024 1024" class="features-icon04">
- <path
- d="M1018.17 291.89l-286.058-286.058c-9.334-9.334-21.644-7.234-27.356 4.666l-38.354 79.904 267.198 267.198 79.904-38.354c11.9-5.712 14-18.022 4.666-27.356z"
- ></path>
- <path
- d="M615.384 135.384l-263.384 21.95c-17.5 2.166-32.080 5.898-37.090 28.752-0.006 0.024-0.012 0.042-0.018 0.066-71.422 343.070-314.892 677.848-314.892 677.848l57.374 57.374 271.986-271.99c-5.996-12.53-9.36-26.564-9.36-41.384 0-53.020 42.98-96 96-96s96 42.98 96 96-42.98 96-96 96c-14.82 0-28.852-3.364-41.384-9.36l-271.988 271.986 57.372 57.374c0 0 334.778-243.47 677.848-314.892 0.024-0.006 0.042-0.012 0.066-0.018 22.854-5.010 26.586-19.59 28.752-37.090l21.95-263.384-273.232-273.232z"
- ></path>
- </svg>
- <span class="features-text06 h6-20">
- <span>Focus on design</span>
- </span>
- <span class="features-text07 body-12">
- <span>
- We include many options for customization and theming throughout
- the OS
- </span>
- </span>
- </div>
- <img
- alt="image"
- src="../public/playground_assets/bliss_logo.svg"
- class="features-image"
- />
- <div class="features-settings">
- <svg viewBox="0 0 1024 1024" class="features-icon07">
- <path
- d="M512 662q62 0 106-44t44-106-44-106-106-44-106 44-44 106 44 106 106 44zM830 554l90 70q14 10 4 28l-86 148q-8 14-26 8l-106-42q-42 30-72 42l-16 112q-4 18-20 18h-172q-16 0-20-18l-16-112q-38-16-72-42l-106 42q-18 6-26-8l-86-148q-10-18 4-28l90-70q-2-14-2-42t2-42l-90-70q-14-10-4-28l86-148q8-14 26-8l106 42q42-30 72-42l16-112q4-18 20-18h172q16 0 20 18l16 112q38 16 72 42l106-42q18-6 26 8l86 148q10 18-4 28l-90 70q2 14 2 42t-2 42z"
- ></path>
- </svg>
- <span class="features-text08 h6-20">
- <span>Customized settings</span>
- </span>
- <span class="features-text09 body-12">
- <span>
- Choose settings depending on the criteria you value the most. With
- no limits.
- </span>
- </span>
- </div>
- </div>
- <div class="features-perf-comp">
- <div class="features-performance">
- <svg viewBox="0 0 1024 1024" class="features-icon09">
- <path
- d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM302.836 834.152c11.106-30.632 17.164-63.688 17.164-98.152 0-124.35-78.81-230.292-189.208-270.606 10.21-84.924 48.254-163.498 109.678-224.924 72.53-72.526 168.96-112.47 271.53-112.47s199 39.944 271.53 112.47c61.428 61.426 99.468 140 109.682 224.924-110.402 40.314-189.212 146.256-189.212 270.606 0 34.468 6.060 67.52 17.166 98.15-61.706 40.242-133.77 61.85-209.166 61.85-75.394 0-147.458-21.608-209.164-61.848zM551.754 640.996c13.878 3.494 24.246 16.080 24.246 31.004v64c0 17.6-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32v-64c0-14.924 10.368-27.51 24.246-31.004l23.754-448.996h32l23.754 448.996z"
- ></path>
- </svg>
- <span class="features-text10 h6-20"><span>Performance</span></span>
- <span class="features-text11 body-12">
+ <div class="features-performance feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/assessment_black_24dp%201.svg"
+ class="features-image1"
+ />
+ <h1 class="features-text06"><span>Performance</span></h1>
+ <span>
<span>
Focused on speed and stability with tweaks to assist in the most
demanding applications
</span>
</span>
</div>
- <div class="features-compatibility">
+ <div class="features-regular-updates feature-card">
<img
alt="image"
- src="../public/playground_assets/compatibility.svg"
- class="features-image1"
+ src="public/playground_assets/ontime%20updates.svg"
+ class="features-image2"
/>
- <span class="features-text12 h6-20"><span>Compatibility</span></span>
- <span class="features-text13 body-12">
+ <h1 class="features-text08"><span>Regular updates</span></h1>
+ <span>
<span>
- We bring Bliss to every device we own. And our PC builds include
- extras for ARM/ARM64 app compatibility
+ Bliss mainterners provide regular updates based on released
+ builds.
+ </span>
+ </span>
+ </div>
+ </div>
+ <div class="features-f-2">
+ <div class="features-battery-friendly feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/battery-heart-outline.svg"
+ class="features-image3"
+ />
+ <h1 class="features-text10"><span>Battery-friendly</span></h1>
+ <span>
+ <span>
+ Extra options are provided to help tune battery consumption to the
+ best levels
+ </span>
+ </span>
+ </div>
+ <div class="features-added-security feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/verified_user_black_24dp%201.svg"
+ class="features-image4"
+ />
+ <h1 class="features-text12"><span>Added Security</span></h1>
+ <span>
+ <span>
+ We include many options for security and safety throughout the OS
+ </span>
+ </span>
+ </div>
+ <div class="features-many-more feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/more_black_24dp%201.svg"
+ class="features-image5"
+ />
+ <h1 class="features-text14">
+ <span></span>
+ <span>and many more</span>
+ </h1>
+ <span>
+ <span>
+ More options are provided to help tune android to the best levels
</span>
</span>
</div>
</div>
</div>
+ <img
+ alt="image"
+ src="public/playground_assets/bg-logo-400w.png"
+ class="features-image6"
+ />
</div>
</div>
diff --git a/components/footer.css b/components/footer.css
index f638265..98af4ba 100644
--- a/components/footer.css
+++ b/components/footer.css
@@ -1,112 +1,105 @@
.footer-footer {
width: 100%;
display: flex;
- max-width: 100%;
+ position: relative;
+ max-width: var(--dl-size-size-maxwidth);
align-items: center;
padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-fourunits);
- padding-right: var(--dl-space-space-fourunits);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
flex-direction: column;
padding-bottom: var(--dl-space-space-twounits);
justify-content: space-between;
- background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
}
.footer-container {
width: 100%;
display: flex;
- align-items: flex-start;
- flex-direction: row;
justify-content: space-between;
}
.footer-logo {
+ width: 32%;
display: flex;
max-width: var(--dl-size-size-maxwidth);
- align-self: flex-start;
align-items: flex-start;
- margin-right: 56px;
- flex-direction: column;
- justify-content: center;
-}
-.footer-logo1 {
- display: flex;
- align-items: center;
+ margin-bottom: var(--dl-space-space-twounits);
flex-direction: column;
}
.footer-image {
- width: var(--dl-size-size-medium);
- height: 64px;
+ width: 64px;
+ height: auto;
}
.footer-text {
- color: var(--dl-color-primary-500);
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
-}
-.footer-text02 {
- color: var(--dl-color-gray-900);
- width: 224px;
- margin-top: var(--dl-space-space-unit);
- line-height: 1.32;
+ width: 100%;
+ margin-top: var(--dl-space-space-twounits);
}
.footer-links-container {
display: flex;
align-items: flex-start;
flex-direction: row;
- justify-content: space-between;
+ justify-content: flex-end;
}
.footer-container1 {
display: flex;
align-items: flex-start;
- margin-right: var(--dl-space-space-fourunits);
+ margin-right: 4rem;
flex-direction: row;
- justify-content: space-between;
+ justify-content: flex-start;
}
-.footer-community-container {
+.footer-product-container {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
- margin-right: var(--dl-space-space-fourunits);
+ margin-right: 4rem;
flex-direction: column;
justify-content: flex-start;
}
-.footer-text05 {
- color: var(--dl-color-primary-700);
+.footer-text1 {
+ color: var(--dl-color-bliss-primary);
font-weight: 700;
margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.footer-link {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link01 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link02 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
-.footer-sources-container {
+.footer-company-container {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
}
-.footer-text08 {
- color: var(--dl-color-primary-700);
+.footer-text2 {
+ color: var(--dl-color-bliss-primary);
font-weight: 700;
margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.footer-link03 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link04 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link05 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link06 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link07 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-container2 {
@@ -118,18 +111,21 @@
.footer-contact {
display: flex;
align-items: flex-start;
- margin-bottom: 40px;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
flex-direction: column;
justify-content: flex-start;
}
-.footer-text12 {
- color: var(--dl-color-primary-700);
+.footer-text3 {
+ color: var(--dl-color-bliss-primary);
+ font-weight: 700;
margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.footer-link08 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link09 {
+ margin-bottom: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link10 {
@@ -141,9 +137,10 @@
flex-direction: column;
justify-content: flex-start;
}
-.footer-text13 {
- color: var(--dl-color-primary-700);
- margin-bottom: var(--dl-space-space-unit);
+.footer-text4 {
+ color: var(--dl-color-bliss-primary);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
}
.footer-icon-group {
display: flex;
@@ -154,58 +151,47 @@
.footer-link11 {
display: contents;
}
+.footer-icon {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-unit);
+ text-decoration: none;
+}
.footer-link12 {
display: contents;
}
-.footer-icon02 {
+.footer-icon2 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-unit);
text-decoration: none;
}
.footer-link13 {
display: contents;
}
-.footer-icon04 {
+.footer-icon4 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
text-decoration: none;
}
-.footer-link14 {
- display: contents;
-}
-.footer-icon06 {
- fill: #D9D9D9;
- text-decoration: none;
-}
-.footer-link15 {
- display: contents;
-}
-.footer-icon08 {
- text-decoration: none;
-}
-.footer-link16 {
- display: contents;
-}
.footer-separator {
width: 100%;
height: 1px;
margin-top: var(--dl-space-space-twounits);
margin-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-primary-700);
+ background-color: var(--dl-color-gray-900);
}
-
-.rootClassName1 {
- margin-top: var(--dl-space-space-oneandhalfunits);
- background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
+.footer-text5 {
+ align-self: center;
}
@media(max-width: 991px) {
.footer-footer {
flex-direction: column;
}
- .footer-links-container {
- align-items: flex-start;
- flex-direction: column;
- }
.footer-container1 {
margin-right: var(--dl-space-space-fourunits);
}
- .footer-community-container {
+ .footer-product-container {
margin-right: var(--dl-space-space-fourunits);
}
}
@@ -225,13 +211,13 @@
.footer-image {
margin-bottom: var(--dl-space-space-oneandhalfunits);
}
- .footer-text02 {
- margin-top: var(--dl-space-space-twounits);
+ .footer-text {
+ margin-top: var(--dl-space-space-unit);
text-align: center;
- margin-bottom: var(--dl-space-space-twounits);
}
.footer-links-container {
width: 100%;
+ margin-top: var(--dl-space-space-twounits);
align-items: flex-start;
flex-direction: row;
justify-content: center;
@@ -239,81 +225,48 @@
.footer-container1 {
margin-right: var(--dl-space-space-fourunits);
}
- .footer-community-container {
+ .footer-product-container {
margin-right: var(--dl-space-space-fourunits);
}
- .rootClassName {
- width: 100%;
- }
}
@media(max-width: 479px) {
.footer-footer {
padding: var(--dl-space-space-unit);
}
.footer-container {
- padding: var(--dl-space-space-twounits);
- align-self: center;
align-items: center;
flex-direction: column;
}
.footer-logo {
- align-self: center;
- align-items: center;
- margin-right: 0px;
- justify-content: center;
+ width: auto;
}
.footer-image {
margin-bottom: 0px;
}
- .footer-text02 {
- width: var(--dl-size-size-xxlarge);
- align-self: center;
- margin-top: var(--dl-space-space-unit);
- text-align: center;
- margin-bottom: var(--dl-space-space-unit);
+ .footer-text {
+ width: 80%;
}
.footer-links-container {
- align-self: flex-start;
+ align-items: flex-start;
flex-direction: column;
}
.footer-container1 {
- margin: var(--dl-space-space-unit);
+ margin-right: 0px;
flex-direction: column;
}
- .footer-sources-container {
+ .footer-company-container {
margin-top: var(--dl-space-space-twounits);
}
.footer-container2 {
- margin: var(--dl-space-space-unit);
+ margin-top: var(--dl-space-space-twounits);
+ align-items: flex-start;
+ margin-bottom: 0px;
}
.footer-contact {
align-items: flex-start;
margin-bottom: var(--dl-space-space-unit);
}
- .footer-socials {
- margin-top: var(--dl-space-space-oneandhalfunits);
- }
- .footer-icon02 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon04 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon06 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon08 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon10 {
- fill: var(--dl-color-gray-white);
- }
- .footer-separator {
- margin-top: 0px;
- margin-bottom: 0px;
- background-color: var(--dl-color-primary-700);
- }
- .rootClassName {
- width: 100%;
+ .footer-text5 {
+ text-align: center;
}
}
diff --git a/components/footer.html b/components/footer.html
index 51d9933..77b22d6 100644
--- a/components/footer.html
+++ b/components/footer.html
@@ -1,212 +1,157 @@
<div>
<link href="./footer.css" rel="stylesheet" />
- <footer id="footer" class="footer-footer">
+ <footer class="footer-footer">
<div class="footer-container">
<div class="footer-logo">
- <div class="footer-logo1">
- <img
- alt="logo"
- src="../public/playground_assets/bliss%20logo1.svg"
- class="footer-image"
- />
- <span class="footer-text body-16"><span>BlissRoms</span></span>
- </div>
- <span class="footer-text02">
+ <img
+ alt="logo"
+ src="public/playground_assets/bliss-logo.svg"
+ class="footer-image"
+ />
+ <span class="footer-text">
<span>
- <span>
- An open-source operating system based on Android with
- customizations, options and added security features.
- </span>
+ An open-source operating system based on Android with
+ customizations, options and added security features.
</span>
</span>
</div>
<div class="footer-links-container">
<div class="footer-container1">
- <div class="footer-community-container">
- <span class="footer-text05">Community</span>
+ <div class="footer-product-container">
+ <span class="footer-text1"><span>Community</span></span>
<a
href="https://t.me/Team_Bliss_Community"
target="_blank"
rel="noreferrer noopener"
- class="footer-link Footerlink"
+ class="footer-link"
>
<span>BlissRoms Telegram</span>
- <br />
- <span></span>
</a>
<a
href="https://t.me/blissx86"
target="_blank"
rel="noreferrer noopener"
- class="footer-link01 Footerlink"
+ class="footer-link01"
>
- Bliss OS Telegram
+ <span>Bliss OS Telegram</span>
</a>
<a
- href="https://discord.gg/wwc4Aua4fp"
+ href="https://discord.com/invite/wwc4Aua4fp"
target="_blank"
rel="noreferrer noopener"
- class="footer-link02 Footerlink"
+ class="footer-link02"
>
- Bliss Discord
+ <span>Bliss Discord</span>
</a>
</div>
- <div class="footer-sources-container">
- <span class="footer-text08">Sources</span>
- <span class="Footerlink">BlissRoms Gerrit Review</span>
+ <div class="footer-company-container">
+ <span class="footer-text2"><span>Sources</span></span>
<a
- href="https://review-x86.blissroms.com/"
+ href="https://review.blissroms.org/q/status:open+-is:wip"
target="_blank"
rel="noreferrer noopener"
- class="footer-link03 Footerlink"
+ class="footer-link03"
>
- <span>Bliss OS (x86) Gerrit Review</span>
- <br />
- <span></span>
+ <span>BlissRoms Gerrit Review</span>
</a>
<a
href="https://github.com/BlissRoms"
target="_blank"
rel="noreferrer noopener"
- class="footer-link04 Footerlink"
+ class="footer-link04"
>
- BlissRoms GitHub
+ <span>BlissRoms GitHub</span>
</a>
<a
href="https://github.com/BlissRoms-Devices"
target="_blank"
rel="noreferrer noopener"
- class="footer-link05 Footerlink"
+ class="footer-link05"
>
- BlissRoms-Devices GitHub
+ <span>BlissRoms-Devices GitHub</span>
</a>
<a
href="https://github.com/BlissRoms-x86"
target="_blank"
rel="noreferrer noopener"
- class="footer-link06 Footerlink"
+ class="footer-link06"
>
- Bliss OS GitHub
+ <span>Bliss OS GitHub</span>
</a>
<a
href="https://github.com/BlissRoms-pine64"
target="_blank"
rel="noreferrer noopener"
- class="footer-link07 Footerlink"
+ class="footer-link07"
>
- BlissRoms-PINE64 GitHub
+ <span>BlissRoms-PINE64 GitHub</span>
</a>
</div>
</div>
<div class="footer-container2">
<div class="footer-contact">
- <span class="footer-text12 footer-Text-Style">Links</span>
+ <span class="footer-text3"><span>Links</span></span>
<a
href="https://blissroms.org/team.html"
target="_blank"
rel="noreferrer noopener"
- class="footer-link08 Footerlink"
+ class="footer-link08"
>
- Team members
+ <span>Team members</span>
</a>
<a
- href="https://status.blissroms.org/"
+ href="https://status.blissroms.org"
target="_blank"
rel="noreferrer noopener"
- class="footer-link09 Footerlink"
+ class="footer-link09"
>
- Status
+ <span>Status</span>
</a>
<a
href="https://blog.blissroms.org/"
target="_blank"
rel="noreferrer noopener"
- class="footer-link10 Footerlink"
+ class="footer-link10"
>
- Blog
+ <span>Blog</span>
</a>
</div>
<div class="footer-socials">
- <span class="footer-text13 footer-Text-Style">Follow Us</span>
+ <span class="footer-text4"><span>Follow Us</span></span>
<div class="footer-icon-group">
<a
- href="https://twitter.com/stayblissful"
+ href="https://twitter.com/bliss_roms"
target="_blank"
rel="noreferrer noopener"
class="footer-link11"
>
- <svg viewBox="0 0 950.8571428571428 1024" class="icons">
+ <svg viewBox="0 0 950.8571428571428 1024" class="footer-icon">
<path
d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
></path>
</svg>
</a>
<a
- href="https://www.instagram.com/blissroms/"
+ href="https://www.instagram.com/blissroms"
target="_blank"
rel="noreferrer noopener"
class="footer-link12"
>
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="footer-icon02 icons"
- >
+ <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon2">
<path
d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
></path>
</svg>
</a>
<a
- href="https://github.com/BlissRoms"
+ href="https://www.facebook.com/BlissROMs"
target="_blank"
rel="noreferrer noopener"
class="footer-link13"
>
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="footer-icon04 icons"
- >
+ <svg viewBox="0 0 602.2582857142856 1024" class="footer-icon4">
<path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path>
- </svg>
- </a>
- <a
- href="https://t.me/BlissROM_Updates"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link14"
- >
- <svg viewBox="0 0 1024 1024" class="footer-icon06 icons">
- <path
- d="M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z"
- ></path>
- </svg>
- </a>
- <a
- href="https://www.linkedin.com/company/stayblissful"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link15"
- >
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="footer-icon08 icons"
- >
- <path
- d="M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z"
- ></path>
- </svg>
- </a>
- <a
- href="https://www.reddit.com/r/BlissRoms"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link16"
- >
- <svg viewBox="0 0 1024 1024" class="icons footer-icon10">
- <path
- d="M1024 483.429c0 44.571-25.143 82.857-62.286 101.714 4.571 17.714 6.857 36 6.857 54.857 0 180.571-204 326.857-455.429 326.857-250.857 0-454.857-146.286-454.857-326.857 0-18.286 2.286-36.571 6.286-53.714-38.286-18.857-64.571-57.714-64.571-102.857 0-62.857 50.857-113.714 113.714-113.714 32.571 0 61.714 13.714 82.857 36 77.143-53.714 180-88.571 294.286-92.571l66.286-297.714c2.286-10.286 13.143-17.143 23.429-14.857l210.857 46.286c13.714-27.429 42.857-46.857 76-46.857 47.429 0 85.714 38.286 85.714 85.143 0 47.429-38.286 85.714-85.714 85.714-46.857 0-85.143-38.286-85.143-85.143l-190.857-42.286-59.429 269.714c114.857 3.429 218.857 37.714 296.571 91.429 20.571-21.714 49.714-34.857 81.714-34.857 62.857 0 113.714 50.857 113.714 113.714zM238.857 597.143c0 47.429 38.286 85.714 85.143 85.714 47.429 0 85.714-38.286 85.714-85.714 0-46.857-38.286-85.143-85.714-85.143-46.857 0-85.143 38.286-85.143 85.143zM701.714 800c8.571-8.571 8.571-21.143 0-29.714-8-8-21.143-8-29.143 0-34.286 34.857-108 46.857-160.571 46.857s-126.286-12-160.571-46.857c-8-8-21.143-8-29.143 0-8.571 8-8.571 21.143 0 29.714 54.286 54.286 158.857 58.286 189.714 58.286s135.429-4 189.714-58.286zM700 682.857c46.857 0 85.143-38.286 85.143-85.714 0-46.857-38.286-85.143-85.143-85.143-47.429 0-85.714 38.286-85.714 85.143 0 47.429 38.286 85.714 85.714 85.714z"
+ d="M548 6.857v150.857h-89.714c-70.286 0-83.429 33.714-83.429 82.286v108h167.429l-22.286 169.143h-145.143v433.714h-174.857v-433.714h-145.714v-169.143h145.714v-124.571c0-144.571 88.571-223.429 217.714-223.429 61.714 0 114.857 4.571 130.286 6.857z"
></path>
</svg>
</a>
@@ -216,5 +161,8 @@
</div>
</div>
<div class="footer-separator"></div>
+ <span class="footer-text5">
+ <span>Copyright © 2022 BlissLabs. All rights reserved</span>
+ </span>
</footer>
</div>
diff --git a/components/member.css b/components/member.css
deleted file mode 100644
index 2498696..0000000
--- a/components/member.css
+++ /dev/null
@@ -1,133 +0,0 @@
-.member-container {
- cursor: pointer;
- display: flex;
- position: relative;
- align-items: flex-start;
- justify-content: center;
-}
-.member-container1 {
- flex: 0 0 auto;
- width: 240px;
- height: 280px;
- margin: var(--dl-space-space-halfunit);
- display: flex;
- padding: var(--dl-space-space-unit);
- transition: 0.3s;
- align-items: center;
- border-radius: var(--dl-radius-radius-radius8);
- flex-direction: column;
- justify-content: center;
- background-color: #121212;
-}
-.member-container1:hover {
- box-shadow: 0px 2px 32px 24px #000000;
- background-color: #181818;
-}
-.member-image {
- width: 104px;
- height: 104px;
- min-width: var(--dl-size-size-small);
- min-height: var(--dl-size-size-small);
- object-fit: cover;
- border-radius: var(--dl-radius-radius-round);
-}
-.member-text {
- color: var(--dl-color-primary-300);
- margin-top: var(--dl-space-space-unit);
-}
-.member-text1 {
- color: var(--dl-color-gray-900);
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
- margin-bottom: var(--dl-space-space-halfunit);
-}
-.member-text2 {
- color: var(--dl-color-gray-500);
- width: 250px;
- display: none;
- text-align: center;
-}
-.member-icons {
- flex: 0 0 auto;
- display: flex;
- flex-wrap: wrap;
- margin-top: var(--dl-space-space-halfunit);
- align-items: center;
- margin-bottom: var(--dl-space-space-halfunit);
- justify-content: center;
-}
-.member-icon {
- fill: #D9D9D9;
- width: 20px;
- transition: 0.3s;
-}
-.member-icon:hover {
- fill: var(--dl-color-primary-500);
-}
-.member-icon2 {
- fill: #D9D9D9;
- width: 20px;
- transition: 0.3s;
- margin-left: var(--dl-space-space-unit);
- margin-right: var(--dl-space-space-unit);
-}
-.member-icon2:hover {
- fill: var(--dl-color-primary-500);
-}
-.member-icon4 {
- fill: #D9D9D9;
- width: 20px;
- transition: 0.3s;
-}
-.member-icon4:hover {
- fill: var(--dl-color-primary-500);
-}
-
-
-
-
-
-.rootClassName5 {
- align-self: center;
-}
-
-
-
-
-
-
-
-
-@media(max-width: 479px) {
- .member-container {
- width: auto;
- }
- .member-container1 {
- width: auto;
- height: auto;
- margin: 0px;
- padding-top: var(--dl-space-space-unit);
- padding-left: 24px;
- padding-right: 24px;
- padding-bottom: var(--dl-space-space-unit);
- }
- .member-image {
- width: var(--dl-size-size-medium);
- height: var(--dl-size-size-medium);
- min-width: var(--dl-size-size-small);
- min-height: var(--dl-size-size-small);
- }
- .member-text1 {
- width: var(--dl-size-size-medium);
- }
- .member-icon {
- width: var(--dl-size-size-xsmall);
- }
- .member-icon2 {
- width: var(--dl-size-size-xsmall);
- }
- .member-icon4 {
- width: var(--dl-size-size-xsmall);
- }
-}
diff --git a/components/member.html b/components/member.html
deleted file mode 100644
index a19ef4f..0000000
--- a/components/member.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<div>
- <link href="./member.css" rel="stylesheet" />
- <div class="member-container">
- <div class="member-container1">
- <img
- alt="image"
- src="https://images.unsplash.com/photo-1633190206143-e618bc3c0e8b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE0fHx8fHx8Mnx8MTYzMzI4MjIyMw&ixlib=rb-1.2.1&w=1500"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Silene Tokyo</span></h1>
- <span class="member-text1 body-12"><span>VP Operations</span></span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for planning, directing,
- and overseeing finance and operations activities in the organization,
- and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg viewBox="0 0 877.7142857142857 1024" class="member-icon">
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg viewBox="0 0 950.8571428571428 1024" class="member-icon2">
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg viewBox="0 0 877.7142857142857 1024" class="member-icon4">
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
-</div>
diff --git a/components/nav.css b/components/nav.css
new file mode 100644
index 0000000..ef56252
--- /dev/null
+++ b/components/nav.css
@@ -0,0 +1,263 @@
+.navigation-links-nav {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+.navigation-links-text1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+}
+.navigation-links-link {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.navigation-links-link1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.navigation-links-text2 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+}
+
+
+
+
+
+
+
+
+
+@media(max-width: 767px) {
+ .navigation-links-nav {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .navigation-links-text1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-link {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-link1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-text2 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+}
+@media(max-width: 479px) {
+ .navigation-links-root-class-name11 {
+ margin-left: var(--dl-space-space-unit);
+ }
+}
+
+.nav-nav {
+ width: 100%;
+ display: flex;
+ z-index: 100;
+ position: sticky;
+ max-width: var(--dl-size-size-maxwidth);
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ padding-bottom: var(--dl-space-space-twounits);
+ justify-content: space-between;
+}
+.nav-image {
+ width: var(--dl-size-size-small);
+ object-fit: cover;
+}
+.nav-nav1 {
+ display: flex;
+}
+.nav-nav2 {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+.nav-link {
+ text-decoration: none;
+}
+.nav-link1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-link2 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-link3 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-link4 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-btn-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.nav-register {
+ color: var(--dl-color-gray-white);
+ display: flex;
+ grid-gap: 8px;
+ align-self: center;
+ align-items: center;
+ border-width: 0px;
+ flex-direction: row;
+ text-decoration: none;
+ background-color: var(--dl-color-bliss-primary);
+}
+.nav-icon {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+}
+.nav-nav3 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.nav-container {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: var(--dl-space-space-threeunits);
+ justify-content: space-between;
+}
+.nav-image1 {
+ height: 2rem;
+}
+.nav-menu-close {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.nav-icon04 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-twounits);
+}
+.nav-icon06 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-twounits);
+}
+.nav-icon08 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+}
+@media(max-width: 1200px) {
+ .nav-mobile-menu {
+ display: none;
+ }
+}
+@media(max-width: 991px) {
+ .nav-burger-menu {
+ display: none;
+ }
+ .nav-mobile-menu {
+ display: none;
+ }
+}
+@media(max-width: 767px) {
+ .nav-nav {
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .nav-nav1 {
+ display: none;
+ }
+ .nav-nav2 {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .nav-link1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-link2 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-link3 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-link4 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-btn-group {
+ display: none;
+ }
+ .nav-burger-menu {
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ display: flex;
+ }
+ .nav-icon {
+ width: 32px;
+ height: 32px;
+ }
+ .nav-mobile-menu {
+ display: none;
+ }
+}
+@media(max-width: 479px) {
+ .nav-nav {
+ padding: var(--dl-space-space-unit);
+ }
+ .nav-nav1 {
+ display: none;
+ align-items: flex-start;
+ }
+ .nav-icon {
+ fill: var(--dl-color-gray-500);
+ }
+ .nav-mobile-menu {
+ display: none;
+ background-color: #ffffff;
+ }
+ .nav-nav3 {
+ width: 100%;
+ background-color: #ffffff;
+ }
+ .nav-container {
+ background-color: #ffffff;
+ }
+ .nav-menu-close {
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ }
+ .nav-icon02 {
+ width: 24px;
+ }
+ .nav-icon-group {
+ margin-top: var(--dl-space-space-twounits);
+ }
+}
diff --git a/components/nav.html b/components/nav.html
new file mode 100644
index 0000000..e4e85ba
--- /dev/null
+++ b/components/nav.html
@@ -0,0 +1,126 @@
+<div>
+ <link href="./nav.css" rel="stylesheet" />
+ <header data-role="Header" class="nav-nav">
+ <img
+ alt="image"
+ src="public/playground_assets/bliss-logo.svg"
+ class="nav-image"
+ />
+ <div class="nav-nav1">
+ <nav class="nav-nav2">
+ <a
+ href="http://docs.blissroms.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link"
+ >
+ <span>Docs</span>
+ </a>
+ <a href="#features" class="nav-link1 nav-link"><span>Features</span></a>
+ <a
+ href="https://blisslabs.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link2 nav-link"
+ >
+ <span>BlissLabs</span>
+ </a>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link3 nav-link"
+ >
+ <span>Team</span>
+ </a>
+ <a
+ href="https://blog.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link4 nav-link"
+ >
+ <span>Blog</span>
+ </a>
+ </nav>
+ </div>
+ <div class="nav-btn-group">
+ <a href="#download" class="nav-register button">
+ <span><span>Download</span></span>
+ </a>
+ </div>
+ <div
+ id="hamicon"
+ data-type="BurgerMenu"
+ class="teleport-menu-burger nav-burger-menu"
+ >
+ <svg viewBox="0 0 1024 1024" class="nav-icon">
+ <path
+ d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
+ ></path>
+ </svg>
+ </div>
+ <div
+ id="mobilemenu"
+ data-type="MobileMenu"
+ class="teleport-menu-mobile nav-mobile-menu"
+ >
+ <div class="nav-nav3">
+ <div class="nav-container">
+ <img
+ alt="image"
+ src="public/playground_assets/bliss-logo.svg"
+ class="nav-image1"
+ />
+ <div
+ data-type="CloseMobileMenu"
+ class="nav-menu-close teleport-menu-close"
+ >
+ <svg viewBox="0 0 1024 1024" class="nav-icon02">
+ <path
+ d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ <nav class="navigation-links-nav navigation-links-root-class-name11">
+ <span class="nav-link"><span>About</span></span>
+ <span class="navigation-links-text1 nav-link">
+ <span>Features</span>
+ </span>
+ <a
+ href="https://blisslabs.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navigation-links-link nav-link"
+ >
+ <span>BlissLabs</span>
+ </a>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navigation-links-link1 nav-link"
+ >
+ <span>Team</span>
+ </a>
+ <span class="navigation-links-text2 nav-link"><span>Blog</span></span>
+ </nav>
+ </div>
+ <div class="nav-icon-group">
+ <svg viewBox="0 0 950.8571428571428 1024" class="nav-icon04">
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg viewBox="0 0 877.7142857142857 1024" class="nav-icon06">
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path></svg
+ ><svg viewBox="0 0 602.2582857142856 1024" class="nav-icon08">
+ <path
+ d="M548 6.857v150.857h-89.714c-70.286 0-83.429 33.714-83.429 82.286v108h167.429l-22.286 169.143h-145.143v433.714h-174.857v-433.714h-145.714v-169.143h145.714v-124.571c0-144.571 88.571-223.429 217.714-223.429 61.714 0 114.857 4.571 130.286 6.857z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </header>
+</div>
diff --git a/components/nav_element.css b/components/nav_element.css
deleted file mode 100644
index 6ae0966..0000000
--- a/components/nav_element.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.nav_element-container {
- display: flex;
- position: relative;
-}
-.nav_element-text {
- font-style: normal;
- transition: 0.3s;
- font-weight: 500;
- margin-left: 72px;
-}
-
diff --git a/components/nav_element.html b/components/nav_element.html
deleted file mode 100644
index 7a31fcc..0000000
--- a/components/nav_element.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div>
- <link href="./nav_element.css" rel="stylesheet" />
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Home</span></span>
- </div>
-</div>
diff --git a/components/navbar.css b/components/navbar.css
deleted file mode 100644
index 5c19692..0000000
--- a/components/navbar.css
+++ /dev/null
@@ -1,295 +0,0 @@
-.nav_element-container {
- display: flex;
- position: relative;
-}
-.nav_element-text {
- font-style: normal;
- transition: 0.3s;
- font-weight: 500;
- margin-left: 72px;
-}
-
-
-.button-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button-text {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
- background-color: var(--dl-color-primary-300);
-}
-.button-text:hover {
- color: var(--dl-color-primary-300);
- background-color: var(--dl-color-gray-white);
-}
-
-
-
-
-
-
-
-
-
-
-
-.navbar-image {
- width: 60px;
- height: 60px;
-}
-.navbar-container {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- align-items: space-between;
- margin-right: var(--dl-space-space-oneandhalfunits);
- flex-direction: column;
-}
-.navbar-nav-elements-desktop {
- flex: 0 0 auto;
- display: flex;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: row;
-}
-.navbar-navlink {
- display: contents;
-}
-.navbar-component {
- text-decoration: none;
-}
-.navbar-navlink1 {
- display: contents;
-}
-.navbar-component1 {
- text-decoration: none;
-}
-.navbar-navlink2 {
- display: contents;
-}
-.navbar-component2 {
- text-decoration: none;
-}
-.navbar-link {
- display: contents;
-}
-.navbar-component3 {
- text-decoration: none;
-}
-.navbar-link1 {
- display: contents;
-}
-.navbar-component4 {
- text-decoration: none;
-}
-.navbar-btn-group {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar-component5 {
- text-decoration: none;
-}
-.navbar-burger-menu {
- display: none;
-}
-.navbar-icon {
- width: var(--dl-size-size-xsmall);
- height: var(--dl-size-size-xsmall);
- display: none;
- transition: 0.3s;
-}
-
-.navbar-nav-elements-mobile {
- flex: 0 0 auto;
- display: none;
- position: absolute;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: column;
-}
-.navbar-navlink3 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-navlink3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-link3 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-link3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-navlink4 {
- font-style: normal;
- transition: 0.3s;
- text-decoration: none;
-}
-
-.navbar-navlink4:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-text {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-text:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-text1 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-text1:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-btn-group1 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar-component6 {
- text-decoration: none;
-}
-.navbar-container1 {
- top: 32px;
- width: 24px;
- height: 24px;
- position: absolute;
-}
-.navbar-icon2 {
- width: 24px;
- height: 24px;
-}
-
-@media(max-width: 991px) {
- .navbar-nav-elements-desktop {
- display: none;
- }
- .navbar-btn-group {
- display: none;
- }
- .navbar-burger-menu {
- display: flex;
- }
- .navbar-icon {
- fill: #D9D9D9;
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- display: flex;
- }
- .navbar-nav-elements-mobile {
- top: 0px;
- left: 0px;
- right: 0px;
- display: flex;
- align-items: flex-start;
- margin-left: 0px;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- padding-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-gray-black);
- }
- .navbar-btn-group1 {
- display: none;
- }
- .navbar-container1 {
- right: 32px;
- }
-}
-@media(max-width: 767px) {
- .navbar-icon {
- fill: var(--dl-color-gray-900);
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- }
-}
-@media(max-width: 479px) {
- .navbar-image {
- width: auto;
- height: auto;
- }
- .navbar-burger-menu {
- display: flex;
- }
- .navbar-icon {
- fill: var(--dl-color-gray-900);
- width: 32px;
- height: 32px;
- }
- .navbar-nav-elements-mobile {
- height: 100vh;
- flex-direction: column;
- justify-content: center;
- background-color: var(--dl-color-gray-white);
- }
- .navbar-navlink3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-link3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-navlink4 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-text {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-text1 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-btn-group1 {
- display: flex;
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
- }
- .navbar-icon2 {
- fill: var(--dl-color-primary-100);
- }
- .rootClassName {
- width: 100%;
- }
-}
diff --git a/components/navbar.html b/components/navbar.html
deleted file mode 100644
index 66e8c4d..0000000
--- a/components/navbar.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<div>
- <link href="./navbar.css" rel="stylesheet" />
- <nav class="Navbar navbar-fixed">
- <img
- alt="logo"
- src="../public/playground_assets/nav_logo.svg"
- class="navbar-image"
- />
- <div class="navbar-container">
- <nav class="navbar-nav-elements-desktop">
- <a href="/" class="navbar-navlink">
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Home</span></span>
- </div>
- </a>
- <a href="/" class="navbar-navlink1">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Features</span>
- </span>
- </div>
- </a>
- <a href="/team.html" class="navbar-navlink2">
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Team</span></span>
- </div>
- </a>
- <a
- href="https://bliss-family-store.creator-spring.com/"
- target="_blank"
- rel="noreferrer noopener"
- class="navbar-link"
- >
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Gear</span></span>
- </div>
- </a>
- <a
- href="https://docs.blissroms.org/"
- target="_blank"
- rel="noreferrer noopener"
- class="navbar-link1"
- >
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Docs</span></span>
- </div>
- </a>
- </nav>
- </div>
- <a href="#downloads">
- <div class="navbar-btn-group">
- <div class="button-container rootClassName4">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar-burger-menu teleport-menu-burger">
- <svg viewBox="0 0 1024 1024" class="navbar-icon">
- <path
- d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
- ></path>
- </svg>
- </div>
- <nav class="navbar-nav-elements-mobile teleport-menu-mobile">
- <a href="/" class="navbar-navlink3 h4-28 mb-12 navelement">
- <span>Home</span>
- </a>
- <a href="#features" class="navbar-link3 h4-28 mb-12 navelement">
- <span>Features</span>
- </a>
- <a href="/team.html" class="navbar-navlink4 h4-28 mb-12 navelement">
- <span>Team</span>
- </a>
- <span class="navbar-text h4-28 mb-12 navelement"><span>Gear</span></span>
- <span class="navbar-text1 mb-12 navelement h4-28"><span>Blog</span></span>
- <a href="#downloads">
- <div class="navbar-btn-group1">
- <div class="button-container rootClassName4">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar-container1 teleport-menu-close">
- <svg viewBox="0 0 804.5714285714286 1024" class="navbar-icon2">
- <path
- d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
- ></path>
- </svg>
- </div>
- </nav>
- </nav>
-</div>
diff --git a/components/navbar_team.css b/components/navbar_team.css
deleted file mode 100644
index da853c2..0000000
--- a/components/navbar_team.css
+++ /dev/null
@@ -1,286 +0,0 @@
-.nav_element-container {
- display: flex;
- position: relative;
-}
-.nav_element-text {
- font-style: normal;
- transition: 0.3s;
- font-weight: 500;
- margin-left: 72px;
-}
-
-
-.button-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button-text {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
- background-color: var(--dl-color-primary-300);
-}
-.button-text:hover {
- color: var(--dl-color-primary-300);
- background-color: var(--dl-color-gray-white);
-}
-
-
-
-
-
-
-
-
-
-
-
-.navbar_team-image {
- width: 60px;
- height: 60px;
-}
-.navbar_team-container {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- align-items: space-between;
- margin-right: var(--dl-space-space-oneandhalfunits);
- flex-direction: column;
-}
-.navbar_team-nav-elements-desktop {
- flex: 0 0 auto;
- display: flex;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: row;
-}
-.navbar_team-navlink {
- display: contents;
-}
-.navbar_team-component {
- text-decoration: none;
-}
-.navbar_team-navlink1 {
- display: contents;
-}
-.navbar_team-component1 {
- text-decoration: none;
-}
-.navbar_team-link {
- display: contents;
-}
-.navbar_team-component2 {
- text-decoration: none;
-}
-.navbar_team-link1 {
- display: contents;
-}
-.navbar_team-component3 {
- text-decoration: none;
-}
-.navbar_team-btn-group {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar_team-component4 {
- text-decoration: none;
-}
-.navbar_team-burger-menu {
- display: none;
-}
-.navbar_team-icon {
- width: var(--dl-size-size-xsmall);
- height: var(--dl-size-size-xsmall);
- display: none;
- transition: 0.3s;
-}
-
-.navbar_team-nav-elements-mobile {
- flex: 0 0 auto;
- display: none;
- position: absolute;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: column;
-}
-.navbar_team-navlink2 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-navlink2:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-link3 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-link3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-navlink3 {
- font-style: normal;
- transition: 0.3s;
- text-decoration: none;
-}
-
-.navbar_team-navlink3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-text {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-text:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-text1 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-text1:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-btn-group1 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar_team-component5 {
- text-decoration: none;
-}
-.navbar_team-container1 {
- top: 32px;
- width: 24px;
- height: 24px;
- position: absolute;
-}
-.navbar_team-icon2 {
- width: 24px;
- height: 24px;
-}
-
-@media(max-width: 991px) {
- .navbar_team-nav-elements-desktop {
- display: none;
- }
- .navbar_team-btn-group {
- display: none;
- }
- .navbar_team-burger-menu {
- display: flex;
- }
- .navbar_team-icon {
- fill: #D9D9D9;
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- display: flex;
- }
- .navbar_team-nav-elements-mobile {
- top: 0px;
- left: 0px;
- right: 0px;
- display: flex;
- align-items: flex-start;
- margin-left: 0px;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- padding-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-gray-black);
- }
- .navbar_team-btn-group1 {
- display: none;
- }
- .navbar_team-container1 {
- right: 32px;
- }
-}
-@media(max-width: 767px) {
- .navbar_team-icon {
- fill: var(--dl-color-gray-900);
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- }
-}
-@media(max-width: 479px) {
- .navbar_team-image {
- width: auto;
- height: auto;
- }
- .navbar_team-burger-menu {
- display: flex;
- }
- .navbar_team-icon {
- fill: var(--dl-color-gray-900);
- width: 32px;
- height: 32px;
- }
- .navbar_team-nav-elements-mobile {
- height: 100vh;
- flex-direction: column;
- justify-content: center;
- background-color: var(--dl-color-gray-white);
- }
- .navbar_team-navlink2 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-link3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-navlink3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-text {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-text1 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-btn-group1 {
- display: flex;
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
- }
- .navbar_team-icon2 {
- fill: var(--dl-color-primary-100);
- }
-}
diff --git a/components/navbar_team.html b/components/navbar_team.html
deleted file mode 100644
index f7caede..0000000
--- a/components/navbar_team.html
+++ /dev/null
@@ -1,89 +0,0 @@
-<div>
- <link href="./navbar_team.css" rel="stylesheet" />
- <nav class="Navbar navbar-fixed">
- <img
- alt="logo"
- src="../public/playground_assets/nav_logo.svg"
- class="navbar_team-image"
- />
- <div class="navbar_team-container">
- <nav class="navbar_team-nav-elements-desktop">
- <a href="/" class="navbar_team-navlink">
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Home</span></span>
- </div>
- </a>
- <a href="/team.html" class="navbar_team-navlink1">
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Team</span></span>
- </div>
- </a>
- <a
- href="https://bliss-family-store.creator-spring.com/"
- target="_blank"
- rel="noreferrer noopener"
- class="navbar_team-link"
- >
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Gear</span></span>
- </div>
- </a>
- <a
- href="https://docs.blissroms.org/"
- target="_blank"
- rel="noreferrer noopener"
- class="navbar_team-link1"
- >
- <div class="nav_element-container">
- <span class="nav_element-text navelement"><span>Docs</span></span>
- </div>
- </a>
- </nav>
- </div>
- <a href="#downloads">
- <div class="navbar_team-btn-group">
- <div class="button-container rootClassName8">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar_team-burger-menu teleport-menu-burger">
- <svg viewBox="0 0 1024 1024" class="navbar_team-icon">
- <path
- d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
- ></path>
- </svg>
- </div>
- <nav class="navbar_team-nav-elements-mobile teleport-menu-mobile">
- <a href="/" class="navbar_team-navlink2 h4-28 mb-12 navelement">
- <span>Home</span>
- </a>
- <a href="#features" class="navbar_team-link3 h4-28 mb-12 navelement">
- <span>Features</span>
- </a>
- <a href="/team.html" class="navbar_team-navlink3 h4-28 mb-12 navelement">
- <span>Team</span>
- </a>
- <span class="navbar_team-text h4-28 mb-12 navelement">
- <span>Gear</span>
- </span>
- <span class="navbar_team-text1 h4-28 mb-12 navelement">
- <span>Blog</span>
- </span>
- <a href="#downloads">
- <div class="navbar_team-btn-group1">
- <div class="button-container rootClassName8">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar_team-container1 teleport-menu-close">
- <svg viewBox="0 0 804.5714285714286 1024" class="navbar_team-icon2">
- <path
- d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
- ></path>
- </svg>
- </div>
- </nav>
- </nav>
-</div>
diff --git a/components/navigation-links.css b/components/navigation-links.css
new file mode 100644
index 0000000..e07afe6
--- /dev/null
+++ b/components/navigation-links.css
@@ -0,0 +1,64 @@
+.navigation-links-nav {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+.navigation-links-text1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+}
+.navigation-links-link {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.navigation-links-link1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.navigation-links-text2 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+}
+
+
+
+
+
+
+
+
+
+@media(max-width: 767px) {
+ .navigation-links-nav {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .navigation-links-text1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-link {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-link1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-text2 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+}
+@media(max-width: 479px) {
+ .navigation-links-root-class-name11 {
+ margin-left: var(--dl-space-space-unit);
+ }
+}
diff --git a/components/navigation-links.html b/components/navigation-links.html
new file mode 100644
index 0000000..17e7789
--- /dev/null
+++ b/components/navigation-links.html
@@ -0,0 +1,24 @@
+<div>
+ <link href="./navigation-links.css" rel="stylesheet" />
+ <nav class="navigation-links-nav">
+ <span class="nav-link"><span>About</span></span>
+ <span class="navigation-links-text1 nav-link"><span>Features</span></span>
+ <a
+ href="https://blisslabs.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navigation-links-link nav-link"
+ >
+ <span>BlissLabs</span>
+ </a>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navigation-links-link1 nav-link"
+ >
+ <span>Team</span>
+ </a>
+ <span class="navigation-links-text2 nav-link"><span>Blog</span></span>
+ </nav>
+</div>
diff --git a/components/stats.css b/components/stats.css
new file mode 100644
index 0000000..3905146
--- /dev/null
+++ b/components/stats.css
@@ -0,0 +1,132 @@
+.stats-stats {
+ gap: 24px;
+ width: 100%;
+ display: flex;
+ position: relative;
+ flex-wrap: wrap;
+ align-self: center;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.stats-maintainer {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ padding-top: 32px;
+ padding-left: 48px;
+ border-radius: 16px;
+ padding-right: 48px;
+ flex-direction: column;
+ padding-bottom: 32px;
+}
+.stats-image {
+ width: 56px;
+ object-fit: cover;
+}
+.stats-text {
+ color: #301BB8;
+ font-size: 24px;
+}
+.stats-text1 {
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.stats-text2 {
+ color: #1E0E87;
+ font-size: 3em;
+ margin-top: var(--dl-space-space-halfunit);
+}
+.stats-downloads {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ padding-top: 32px;
+ padding-left: 48px;
+ border-radius: 16px;
+ padding-right: 48px;
+ flex-direction: column;
+ padding-bottom: 32px;
+}
+.stats-image1 {
+ width: 56px;
+ object-fit: cover;
+}
+.stats-text3 {
+ color: #1B57B8;
+ font-size: 24px;
+}
+.stats-text4 {
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.stats-text5 {
+ color: #0E3C87;
+ font-size: 3em;
+ margin-top: var(--dl-space-space-halfunit);
+}
+.stats-devices {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ padding-top: 32px;
+ padding-left: 48px;
+ border-radius: 16px;
+ padding-right: 48px;
+ flex-direction: column;
+ padding-bottom: 32px;
+}
+.stats-image2 {
+ width: 56px;
+ object-fit: cover;
+}
+.stats-text6 {
+ color: #3FB81B;
+ font-size: 24px;
+}
+.stats-text7 {
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.stats-text8 {
+ color: #004C41;
+ font-size: 3em;
+ margin-top: var(--dl-space-space-halfunit);
+}
+@media(max-width: 767px) {
+ .stats-stats {
+ width: 100%;
+ align-items: center;
+ justify-content: center;
+ }
+ .stats-maintainer {
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .stats-downloads {
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .stats-devices {
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+}
+@media(max-width: 479px) {
+ .stats-stats {
+ width: auto;
+ align-self: center;
+ align-items: stretch;
+ flex-direction: column;
+ justify-content: center;
+ }
+}
diff --git a/components/stats.html b/components/stats.html
new file mode 100644
index 0000000..65666b2
--- /dev/null
+++ b/components/stats.html
@@ -0,0 +1,35 @@
+<div>
+ <link href="./stats.css" rel="stylesheet" />
+ <div class="stats-stats">
+ <div class="stats-maintainer">
+ <img
+ alt="image"
+ src="public/playground_assets/groups_black_24dp.svg"
+ class="stats-image"
+ />
+ <h1 class="stats-text"><span>Maintainer</span></h1>
+ <span class="stats-text1"><span>Total no of maintainers</span></span>
+ <h1 class="stats-text2"><span>35</span></h1>
+ </div>
+ <div class="stats-downloads">
+ <img
+ alt="image"
+ src="public/playground_assets/file_download_black_24dp.svg"
+ class="stats-image1"
+ />
+ <h1 class="stats-text3"><span>Downloads</span></h1>
+ <span class="stats-text4"><span>Total no of downloads</span></span>
+ <h1 class="stats-text5"><span>20M+</span></h1>
+ </div>
+ <div class="stats-devices">
+ <img
+ alt="image"
+ src="public/playground_assets/devices_black_24dp.svg"
+ class="stats-image2"
+ />
+ <h1 class="stats-text6"><span>Devices</span></h1>
+ <span class="stats-text7"><span>Total no of devices</span></span>
+ <h1 class="stats-text8"><span>35</span></h1>
+ </div>
+ </div>
+</div>
diff --git a/home.css b/home.css
new file mode 100644
index 0000000..15dc2be
--- /dev/null
+++ b/home.css
@@ -0,0 +1,1594 @@
+.navigation-links-nav {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+.navigation-links-text1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+}
+.navigation-links-link {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.navigation-links-link1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.navigation-links-text2 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+}
+
+
+
+
+
+
+
+
+
+@media(max-width: 767px) {
+ .navigation-links-nav {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .navigation-links-text1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-link {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-link1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .navigation-links-text2 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+}
+@media(max-width: 479px) {
+ .navigation-links-root-class-name11 {
+ margin-left: var(--dl-space-space-unit);
+ }
+}
+
+.nav-nav {
+ width: 100%;
+ display: flex;
+ z-index: 100;
+ position: sticky;
+ max-width: var(--dl-size-size-maxwidth);
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ padding-bottom: var(--dl-space-space-twounits);
+ justify-content: space-between;
+}
+.nav-image {
+ width: var(--dl-size-size-small);
+ object-fit: cover;
+}
+.nav-nav1 {
+ display: flex;
+}
+.nav-nav2 {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+.nav-link {
+ text-decoration: none;
+}
+.nav-link1 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-link2 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-link3 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-link4 {
+ font-style: normal;
+ font-weight: 500;
+ margin-left: var(--dl-space-space-twounits);
+ text-decoration: none;
+}
+.nav-btn-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.nav-register {
+ color: var(--dl-color-gray-white);
+ display: flex;
+ grid-gap: 8px;
+ align-self: center;
+ align-items: center;
+ border-width: 0px;
+ flex-direction: row;
+ text-decoration: none;
+ background-color: var(--dl-color-bliss-primary);
+}
+.nav-icon {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+}
+.nav-nav3 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.nav-container {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: var(--dl-space-space-threeunits);
+ justify-content: space-between;
+}
+.nav-image1 {
+ height: 2rem;
+}
+.nav-menu-close {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.nav-icon04 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-twounits);
+}
+.nav-icon06 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-twounits);
+}
+.nav-icon08 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+}
+@media(max-width: 1200px) {
+ .nav-mobile-menu {
+ display: none;
+ }
+}
+@media(max-width: 991px) {
+ .nav-burger-menu {
+ display: none;
+ }
+ .nav-mobile-menu {
+ display: none;
+ }
+}
+@media(max-width: 767px) {
+ .nav-nav {
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .nav-nav1 {
+ display: none;
+ }
+ .nav-nav2 {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .nav-link1 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-link2 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-link3 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-link4 {
+ margin-left: 0;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .nav-btn-group {
+ display: none;
+ }
+ .nav-burger-menu {
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ display: flex;
+ }
+ .nav-icon {
+ width: 32px;
+ height: 32px;
+ }
+ .nav-mobile-menu {
+ display: none;
+ }
+}
+@media(max-width: 479px) {
+ .nav-nav {
+ padding: var(--dl-space-space-unit);
+ }
+ .nav-nav1 {
+ display: none;
+ align-items: flex-start;
+ }
+ .nav-icon {
+ fill: var(--dl-color-gray-500);
+ }
+ .nav-mobile-menu {
+ display: none;
+ background-color: #ffffff;
+ }
+ .nav-nav3 {
+ width: 100%;
+ background-color: #ffffff;
+ }
+ .nav-container {
+ background-color: #ffffff;
+ }
+ .nav-menu-close {
+ width: var(--dl-size-size-small);
+ height: var(--dl-size-size-small);
+ }
+ .nav-icon02 {
+ width: 24px;
+ }
+ .nav-icon-group {
+ margin-top: var(--dl-space-space-twounits);
+ }
+}
+
+.features-features {
+ width: 100%;
+ display: flex;
+ padding: var(--dl-space-space-threeunits);
+ position: relative;
+ max-width: var(--dl-size-size-maxwidth);
+ align-self: center;
+ align-items: center;
+ flex-direction: column;
+}
+.features-heading {
+ display: flex;
+ z-index: 100;
+ margin-bottom: var(--dl-space-space-threeunits);
+ flex-direction: column;
+ justify-content: center;
+}
+.features-text {
+ color: var(--dl-color-bliss-primary);
+ font-size: 3rem;
+ align-self: center;
+ text-align: center;
+ margin-bottom: var(--dl-space-space-unit);
+}
+.features-text03 {
+ font-size: 18px;
+ align-self: center;
+ font-style: normal;
+ text-align: center;
+ font-weight: 500;
+}
+.features-list {
+ gap: 24px;
+ display: flex;
+ z-index: 100;
+ flex-direction: column;
+}
+.features-f-1 {
+ gap: 24px;
+ width: auto;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: row;
+ justify-content: center;
+}
+.features-focus-on-design {
+ transition: 0.3s;
+}
+.features-focus-on-design:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text04 {
+ color: #002766;
+ font-size: 18px;
+}
+.features-performance {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #AEF998;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #D2FDC5;
+}
+.features-performance:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image1 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text06 {
+ color: #186601;
+ font-size: 18px;
+}
+.features-regular-updates {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #98EFF9;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #C5F7FD;
+}
+.features-regular-updates:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image2 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text08 {
+ color: #002766;
+ font-size: 18px;
+}
+.features-f-2 {
+ gap: 24px;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: row;
+ justify-content: center;
+}
+.features-battery-friendly {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #F9E798;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #FDF3C5;
+}
+.features-battery-friendly:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image3 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text10 {
+ color: #665300;
+ font-size: 18px;
+}
+.features-added-security {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #A598F9;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #CDC5FD;
+}
+.features-added-security:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image4 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text12 {
+ color: #002766;
+ font-size: 18px;
+}
+.features-many-more {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #F9989C;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #FDC5C8;
+}
+.features-many-more:hover {
+ box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;;
+}
+.features-image5 {
+ width: 32px;
+ object-fit: cover;
+}
+.features-text14 {
+ color: #660005;
+ font-size: 18px;
+}
+.features-image6 {
+ top: 0px;
+ left: 0px;
+ right: 0px;
+ width: 306px;
+ margin: auto;
+ z-index: 1;
+ position: absolute;
+ object-fit: cover;
+}
+@media(max-width: 991px) {
+ .features-text {
+ align-self: center;
+ }
+}
+@media(max-width: 767px) {
+ .features-features {
+ max-width: 100%;
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .features-f-1 {
+ flex-wrap: wrap;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ }
+ .features-f-2 {
+ flex-wrap: wrap;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ }
+}
+@media(max-width: 479px) {
+ .features-features {
+ width: 454px;
+ max-width: auto;
+ align-self: center;
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-unit);
+ padding-right: var(--dl-space-space-unit);
+ padding-bottom: var(--dl-space-space-twounits);
+ }
+ .features-text {
+ width: 478px;
+ font-size: 1.6rem;
+ margin-bottom: var(--dl-space-space-halfunit);
+ }
+ .features-text03 {
+ font-size: 16px;
+ }
+}
+
+.stats-stats {
+ gap: 24px;
+ width: 100%;
+ display: flex;
+ position: relative;
+ flex-wrap: wrap;
+ align-self: center;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.stats-maintainer {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ padding-top: 32px;
+ padding-left: 48px;
+ border-radius: 16px;
+ padding-right: 48px;
+ flex-direction: column;
+ padding-bottom: 32px;
+}
+.stats-image {
+ width: 56px;
+ object-fit: cover;
+}
+.stats-text {
+ color: #301BB8;
+ font-size: 24px;
+}
+.stats-text1 {
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.stats-text2 {
+ color: #1E0E87;
+ font-size: 3em;
+ margin-top: var(--dl-space-space-halfunit);
+}
+.stats-downloads {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ padding-top: 32px;
+ padding-left: 48px;
+ border-radius: 16px;
+ padding-right: 48px;
+ flex-direction: column;
+ padding-bottom: 32px;
+}
+.stats-image1 {
+ width: 56px;
+ object-fit: cover;
+}
+.stats-text3 {
+ color: #1B57B8;
+ font-size: 24px;
+}
+.stats-text4 {
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.stats-text5 {
+ color: #0E3C87;
+ font-size: 3em;
+ margin-top: var(--dl-space-space-halfunit);
+}
+.stats-devices {
+ flex: 0 0 auto;
+ width: auto;
+ height: auto;
+ display: flex;
+ align-items: center;
+ padding-top: 32px;
+ padding-left: 48px;
+ border-radius: 16px;
+ padding-right: 48px;
+ flex-direction: column;
+ padding-bottom: 32px;
+}
+.stats-image2 {
+ width: 56px;
+ object-fit: cover;
+}
+.stats-text6 {
+ color: #3FB81B;
+ font-size: 24px;
+}
+.stats-text7 {
+ margin-top: var(--dl-space-space-halfunit);
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.stats-text8 {
+ color: #004C41;
+ font-size: 3em;
+ margin-top: var(--dl-space-space-halfunit);
+}
+@media(max-width: 767px) {
+ .stats-stats {
+ width: 100%;
+ align-items: center;
+ justify-content: center;
+ }
+ .stats-maintainer {
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .stats-downloads {
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .stats-devices {
+ padding-top: var(--dl-space-space-oneandhalfunits);
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+}
+@media(max-width: 479px) {
+ .stats-stats {
+ width: auto;
+ align-self: center;
+ align-items: stretch;
+ flex-direction: column;
+ justify-content: center;
+ }
+}
+
+.footer-footer {
+ width: 100%;
+ display: flex;
+ position: relative;
+ max-width: var(--dl-size-size-maxwidth);
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ flex-direction: column;
+ padding-bottom: var(--dl-space-space-twounits);
+ justify-content: space-between;
+}
+.footer-container {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+}
+.footer-logo {
+ width: 32%;
+ display: flex;
+ max-width: var(--dl-size-size-maxwidth);
+ align-items: flex-start;
+ margin-bottom: var(--dl-space-space-twounits);
+ flex-direction: column;
+}
+.footer-image {
+ width: 64px;
+ height: auto;
+}
+.footer-text {
+ width: 100%;
+ margin-top: var(--dl-space-space-twounits);
+}
+.footer-links-container {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: flex-end;
+}
+.footer-container1 {
+ display: flex;
+ align-items: flex-start;
+ margin-right: 4rem;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+.footer-product-container {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: flex-start;
+ margin-right: 4rem;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text1 {
+ color: var(--dl-color-bliss-primary);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link01 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link02 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-company-container {
+ flex: 0 0 auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text2 {
+ color: var(--dl-color-bliss-primary);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link03 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link04 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link05 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link06 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link07 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-container2 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-contact {
+ display: flex;
+ align-items: flex-start;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text3 {
+ color: var(--dl-color-bliss-primary);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-link08 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link09 {
+ margin-bottom: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link10 {
+ text-decoration: none;
+}
+.footer-socials {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+}
+.footer-text4 {
+ color: var(--dl-color-bliss-primary);
+ font-weight: 700;
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.footer-icon-group {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: space-between;
+}
+.footer-link11 {
+ display: contents;
+}
+.footer-icon {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link12 {
+ display: contents;
+}
+.footer-icon2 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ margin-right: var(--dl-space-space-unit);
+ text-decoration: none;
+}
+.footer-link13 {
+ display: contents;
+}
+.footer-icon4 {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+ text-decoration: none;
+}
+.footer-separator {
+ width: 100%;
+ height: 1px;
+ margin-top: var(--dl-space-space-twounits);
+ margin-bottom: var(--dl-space-space-twounits);
+ background-color: var(--dl-color-gray-900);
+}
+.footer-text5 {
+ align-self: center;
+}
+@media(max-width: 991px) {
+ .footer-footer {
+ flex-direction: column;
+ }
+ .footer-container1 {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .footer-product-container {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+}
+@media(max-width: 767px) {
+ .footer-footer {
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ }
+ .footer-container {
+ align-items: center;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .footer-logo {
+ align-items: center;
+ }
+ .footer-image {
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+ }
+ .footer-text {
+ margin-top: var(--dl-space-space-unit);
+ text-align: center;
+ }
+ .footer-links-container {
+ width: 100%;
+ margin-top: var(--dl-space-space-twounits);
+ align-items: flex-start;
+ flex-direction: row;
+ justify-content: center;
+ }
+ .footer-container1 {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+ .footer-product-container {
+ margin-right: var(--dl-space-space-fourunits);
+ }
+}
+@media(max-width: 479px) {
+ .footer-footer {
+ padding: var(--dl-space-space-unit);
+ }
+ .footer-container {
+ align-items: center;
+ flex-direction: column;
+ }
+ .footer-logo {
+ width: auto;
+ }
+ .footer-image {
+ margin-bottom: 0px;
+ }
+ .footer-text {
+ width: 80%;
+ }
+ .footer-links-container {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+ .footer-container1 {
+ margin-right: 0px;
+ flex-direction: column;
+ }
+ .footer-company-container {
+ margin-top: var(--dl-space-space-twounits);
+ }
+ .footer-container2 {
+ margin-top: var(--dl-space-space-twounits);
+ align-items: flex-start;
+ margin-bottom: 0px;
+ }
+ .footer-contact {
+ align-items: flex-start;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .footer-text5 {
+ text-align: center;
+ }
+}
+
+.home-container {
+ width: 100%;
+ display: flex;
+ overflow: auto;
+ min-height: 100vh;
+ align-items: center;
+ flex-direction: column;
+}
+.home-hero {
+ width: 100%;
+ display: flex;
+ position: relative;
+ max-width: var(--dl-size-size-maxwidth);
+ align-self: center;
+ min-height: 80vh;
+ align-items: flex-start;
+ padding-top: var(--dl-space-space-threeunits);
+ padding-left: var(--dl-space-space-sixunits);
+ padding-right: var(--dl-space-space-sixunits);
+ flex-direction: row;
+ padding-bottom: var(--dl-space-space-threeunits);
+ justify-content: space-between;
+}
+.home-hero-text {
+ display: flex;
+ margin-right: var(--dl-space-space-threeunits);
+ padding-right: var(--dl-space-space-threeunits);
+ flex-direction: column;
+}
+.home-rom-name {
+ width: auto;
+ font-style: normal;
+ font-weight: 600;
+ padding-top: var(--dl-space-space-unit);
+ padding-bottom: var(--dl-space-space-unit);
+}
+.home-text {
+ font-size: 3rem;
+ max-width: 450px;
+ min-width: 450px;
+}
+.home-text02 {
+ color: var(--dl-color-bliss-primary);
+}
+.home-text03 {
+ color: var(--dl-color-gray-500);
+ max-width: 80%;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ margin-bottom: var(--dl-space-space-oneandhalfunits);
+}
+.home-btn-group {
+ width: auto;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+}
+.home-link {
+ color: var(--dl-color-gray-white);
+ display: flex;
+ grid-gap: 8px;
+ align-self: center;
+ transition: 0.3s;
+ align-items: center;
+ padding-top: 12px;
+ border-width: 0px;
+ padding-left: 24px;
+ padding-right: 24px;
+ flex-direction: row;
+ padding-bottom: 12px;
+ justify-content: space-between;
+ text-decoration: none;
+ background-color: var(--dl-color-bliss-primary);
+}
+.home-link:hover {
+ color: var(--dl-color-gray-white);
+ background-color: var(--dl-color-gray-black);
+}
+.home-icon {
+ fill: var(--dl-color-gray-white);
+ width: 18px;
+ height: 24px;
+}
+.home-text04 {
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 500;
+}
+.home-link1 {
+ color: var(--dl-color-gray-700);
+ display: flex;
+ grid-gap: 8px;
+ transition: 0.3s;
+ align-items: center;
+ margin-left: var(--dl-space-space-unit);
+ padding-top: 12px;
+ border-color: transparent;
+ padding-left: 24px;
+ padding-right: 24px;
+ flex-direction: row;
+ padding-bottom: 12px;
+ justify-content: space-between;
+ text-decoration: none;
+}
+.home-link1:hover {
+ border-color: var(--dl-color-gray-black);
+}
+.home-icon02 {
+ fill: var(--dl-color-gray-700);
+ width: 18px;
+ height: 24px;
+}
+.home-text05 {
+ font-size: 18px;
+}
+.home-hero-image {
+ width: 949px;
+ height: 743px;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ background-size: cover;
+ justify-content: center;
+ background-image: url("public/playground_assets/lines-bg-1400w.png");
+ background-repeat: no-repeat;
+ background-position: center;
+}
+.home-image {
+ width: 300px;
+ z-index: 100;
+ max-width: 400px;
+ align-self: center;
+ object-fit: cover;
+}
+.home-download-pc {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ padding-top: var(--dl-space-space-threeunits);
+ flex-direction: column;
+ padding-bottom: var(--dl-space-space-threeunits);
+}
+.home-android-download {
+ max-width: 1800px;
+ margin-top: 0px;
+ max-height: 1200px;
+}
+.home-container1 {
+ display: flex;
+ z-index: 100;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-container2 {
+ width: auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-text06 {
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 600;
+}
+.home-text07 {
+ color: var(--dl-color-gray-black);
+ font-size: 48px;
+ font-style: normal;
+ margin-top: var(--dl-space-space-halfunit);
+ font-weight: 500;
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.home-text08 {
+ color: #007F6D;
+ width: 60%;
+ font-size: 18px;
+}
+.home-link2 {
+ gap: 8px;
+ color: var(--dl-color-gray-white);
+ display: flex;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ align-items: center;
+ padding-top: var(--dl-space-space-unit);
+ border-color: #009883;
+ border-width: 0px;
+ border-radius: var(--dl-radius-radius-radius8);
+ flex-direction: row;
+ padding-bottom: var(--dl-space-space-unit);
+ justify-content: center;
+ text-decoration: none;
+ background-color: #007F6D;
+}
+.home-icon04 {
+ fill: var(--dl-color-gray-white);
+ width: 24px;
+ height: 24px;
+}
+.home-text09 {
+ font-style: normal;
+ font-weight: 600;
+}
+.home-image1 {
+ width: 48em;
+ z-index: 100;
+ object-fit: cover;
+ border-radius: var(--dl-radius-radius-radius4);
+ border-top-right-radius: 32px;
+}
+.home-image2 {
+ top: 0px;
+ right: 0px;
+ width: 421px;
+ height: 217px;
+ position: absolute;
+ object-fit: cover;
+}
+.home-image3 {
+ left: 0px;
+ width: 254px;
+ bottom: 0px;
+ height: 73px;
+ position: absolute;
+ object-fit: cover;
+}
+.home-p-c-download {
+ flex: 0 0 auto;
+ width: 90%;
+ height: 100%;
+ display: flex;
+ position: relative;
+ max-width: auto;
+ min-width: auto;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ max-height: 1200px;
+ align-items: center;
+ padding-left: var(--dl-space-space-threeunits);
+ border-radius: 32px;
+ margin-bottom: 0px;
+ padding-right: 0px;
+ flex-direction: row;
+ justify-content: center;
+ background-color: #0B3866;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 32px;
+ border-bottom-right-radius: 32px;
+}
+.home-container3 {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-container4 {
+ width: auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-text10 {
+ color: #B0E4DD;
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 600;
+}
+.home-text11 {
+ color: #E6F6F4;
+ font-size: 48px;
+ font-style: normal;
+ margin-top: var(--dl-space-space-halfunit);
+ font-weight: 500;
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.home-text12 {
+ color: #D9F2EF;
+ width: 61%;
+ font-size: 18px;
+}
+.home-link3 {
+ gap: 8px;
+ color: var(--dl-color-gray-white);
+ display: flex;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ align-items: center;
+ padding-top: var(--dl-space-space-unit);
+ border-color: #009883;
+ border-width: 0px;
+ border-radius: var(--dl-radius-radius-radius8);
+ flex-direction: row;
+ padding-bottom: var(--dl-space-space-unit);
+ justify-content: center;
+ text-decoration: none;
+ background-color: #83C5BE;
+}
+.home-icon06 {
+ fill: #003B33;
+ width: 24px;
+ height: 24px;
+}
+.home-text13 {
+ fill: #003B33;
+ color: #003B33;
+ font-style: normal;
+ font-weight: 600;
+}
+.home-image4 {
+ width: 48em;
+ height: 60%;
+ z-index: 100;
+ object-fit: cover;
+ border-radius: var(--dl-radius-radius-radius4);
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 32px;
+}
+.home-image5 {
+ top: 0px;
+ right: 70px;
+ width: 302px;
+ height: 280px;
+ position: absolute;
+ object-fit: cover;
+}
+.home-image6 {
+ left: 510px;
+ width: 232px;
+ bottom: 0px;
+ height: 71px;
+ position: absolute;
+ object-fit: cover;
+}
+.home-download-mobile {
+ display: none;
+ align-items: center;
+ flex-direction: column;
+}
+.home-mobile-download-mobile {
+ width: 50%;
+ display: flex;
+ z-index: 100;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-container5 {
+ width: auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-text14 {
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 600;
+}
+.home-text15 {
+ color: var(--dl-color-gray-black);
+ font-size: 48px;
+ font-style: normal;
+ margin-top: var(--dl-space-space-halfunit);
+ font-weight: 500;
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.home-text16 {
+ color: #007F6D;
+ font-size: 18px;
+}
+.home-button {
+ gap: 8px;
+ color: var(--dl-color-gray-white);
+ display: flex;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ align-items: center;
+ padding-top: var(--dl-space-space-unit);
+ border-color: #009883;
+ border-width: 0px;
+ border-radius: var(--dl-radius-radius-radius8);
+ flex-direction: row;
+ padding-bottom: var(--dl-space-space-unit);
+ justify-content: center;
+ background-color: #007F6D;
+}
+.home-icon08 {
+ fill: var(--dl-color-gray-white);
+ width: 24px;
+ height: 24px;
+}
+.home-text17 {
+ font-style: normal;
+ font-weight: 600;
+}
+.home-p-c-download-mobile {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-container6 {
+ width: auto;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+}
+.home-text18 {
+ color: #B0E4DD;
+ font-size: 18px;
+ font-style: normal;
+ font-weight: 600;
+}
+.home-text19 {
+ color: #E6F6F4;
+ font-size: 48px;
+ font-style: normal;
+ margin-top: var(--dl-space-space-halfunit);
+ font-weight: 500;
+ margin-bottom: var(--dl-space-space-halfunit);
+}
+.home-text20 {
+ color: #D9F2EF;
+ width: 61%;
+ font-size: 18px;
+}
+.home-button1 {
+ gap: 8px;
+ color: var(--dl-color-gray-white);
+ display: flex;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ align-items: center;
+ padding-top: var(--dl-space-space-unit);
+ border-color: #009883;
+ border-width: 0px;
+ border-radius: var(--dl-radius-radius-radius8);
+ flex-direction: row;
+ padding-bottom: var(--dl-space-space-unit);
+ justify-content: center;
+ background-color: #83C5BE;
+}
+.home-icon10 {
+ fill: #003B33;
+ width: 24px;
+ height: 24px;
+}
+.home-text21 {
+ fill: #003B33;
+ color: #003B33;
+ font-style: normal;
+ font-weight: 600;
+}
+@media(max-width: 1200px) {
+ .home-image4 {
+ width: 40em;
+ }
+}
+@media(max-width: 991px) {
+ .home-hero {
+ align-self: center;
+ align-items: center;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .home-hero-text {
+ align-self: center;
+ align-items: center;
+ margin-right: 0px;
+ margin-bottom: var(--dl-space-space-twounits);
+ padding-right: 0px;
+ justify-content: center;
+ }
+ .home-text {
+ text-align: center;
+ }
+ .home-text03 {
+ max-width: 60%;
+ text-align: center;
+ }
+ .home-hero-image {
+ width: 100%;
+ position: static;
+ }
+ .home-download-pc {
+ padding-left: var(--dl-space-space-oneandhalfunits);
+ padding-right: var(--dl-space-space-oneandhalfunits);
+ }
+ .home-container1 {
+ padding: var(--dl-space-space-oneandhalfunits);
+ }
+ .home-text08 {
+ width: 100%;
+ }
+ .home-image1 {
+ width: 24em;
+ }
+ .home-container3 {
+ padding: var(--dl-space-space-oneandhalfunits);
+ }
+ .home-text12 {
+ width: 100%;
+ }
+ .home-image4 {
+ width: 24em;
+ }
+ .home-download-mobile {
+ display: none;
+ }
+ .home-mobile-download-mobile {
+ width: 50%;
+ padding: var(--dl-space-space-oneandhalfunits);
+ align-items: flex-start;
+ border-radius: var(--dl-radius-radius-radius4);
+ background-color: #95F9C3;
+ border-top-left-radius: 32px;
+ border-top-right-radius: 32px;
+ }
+ .home-container5 {
+ width: 50%;
+ }
+ .home-text15 {
+ width: auto;
+ }
+ .home-text16 {
+ width: 100%;
+ }
+ .home-p-c-download-mobile {
+ width: 50%;
+ padding: var(--dl-space-space-oneandhalfunits);
+ align-self: center;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ align-items: flex-start;
+ border-radius: var(--dl-radius-radius-radius4);
+ background-color: #0B3866;
+ border-bottom-left-radius: 32px;
+ border-bottom-right-radius: 32px;
+ }
+}
+@media(max-width: 767px) {
+ .home-hero {
+ max-width: 100%;
+ align-self: center;
+ align-items: center;
+ padding-left: var(--dl-space-space-twounits);
+ padding-right: var(--dl-space-space-twounits);
+ justify-content: space-between;
+ }
+ .home-hero-text {
+ align-self: center;
+ }
+ .home-hero-image {
+ width: 699px;
+ position: static;
+ align-self: center;
+ align-items: center;
+ justify-content: center;
+ }
+ .home-image {
+ width: var(--dl-size-size-xxlarge);
+ max-width: auto;
+ }
+ .home-download-pc {
+ display: none;
+ }
+ .home-download-mobile {
+ width: 100%;
+ display: flex;
+ margin-top: var(--dl-space-space-threeunits);
+ align-items: center;
+ margin-bottom: var(--dl-space-space-threeunits);
+ justify-content: center;
+ }
+ .home-mobile-download-mobile {
+ width: 80%;
+ }
+ .home-container5 {
+ width: auto;
+ }
+ .home-text15 {
+ width: 340px;
+ }
+ .home-p-c-download-mobile {
+ width: 80%;
+ }
+ .home-text20 {
+ width: auto;
+ }
+}
+@media(max-width: 479px) {
+ .home-hero {
+ align-self: center;
+ align-items: center;
+ padding-top: var(--dl-space-space-twounits);
+ padding-left: var(--dl-space-space-unit);
+ padding-right: var(--dl-space-space-unit);
+ padding-bottom: var(--dl-space-space-twounits);
+ justify-content: space-between;
+ }
+ .home-hero-text {
+ align-self: center;
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .home-text {
+ width: auto;
+ font-size: 1.8rem;
+ min-width: auto;
+ }
+ .home-text03 {
+ font-size: 12px;
+ max-width: 72%;
+ margin-top: var(--dl-space-space-unit);
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .home-btn-group {
+ flex-direction: column;
+ }
+ .home-link1 {
+ margin-top: var(--dl-space-space-unit);
+ margin-left: 0px;
+ }
+ .home-hero-image {
+ width: 450px;
+ height: 557px;
+ position: static;
+ align-self: center;
+ margin-right: 0px;
+ justify-content: center;
+ }
+ .home-image {
+ width: 48%;
+ }
+ .home-download-mobile {
+ display: flex;
+ margin-bottom: var(--dl-space-space-threeunits);
+ }
+ .home-mobile-download-mobile {
+ width: 80%;
+ align-items: center;
+ border-radius: var(--dl-radius-radius-radius4);
+ background-color: #95F9C3;
+ border-top-left-radius: 32px;
+ border-top-right-radius: 32px;
+ }
+ .home-container5 {
+ width: auto;
+ align-items: center;
+ }
+ .home-text15 {
+ width: auto;
+ font-size: 40px;
+ text-align: center;
+ }
+ .home-text16 {
+ width: auto;
+ font-size: 14px;
+ text-align: center;
+ }
+ .home-p-c-download-mobile {
+ width: 80%;
+ margin-top: var(--dl-space-space-oneandhalfunits);
+ align-items: center;
+ border-radius: var(--dl-radius-radius-radius4);
+ background-color: #0B3866;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 32px;
+ border-bottom-right-radius: 32px;
+ }
+ .home-text18 {
+ align-self: center;
+ }
+ .home-text19 {
+ font-size: 40px;
+ align-self: center;
+ text-align: center;
+ }
+ .home-text20 {
+ font-size: 14px;
+ text-align: center;
+ }
+}
diff --git a/index.html b/index.html
index 3d713f3..ca396b2 100644
--- a/index.html
+++ b/index.html
@@ -1,716 +1,767 @@
<!DOCTYPE html>
<html lang="en">
-
-<head>
- <title>BlissRoms</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <meta charset="utf-8" />
- <meta property="twitter:card" content="summary_large_image" />
- <style>
- html {
- line-height: 1.15;
- }
-
- body {
- margin: 0;
- }
-
- * {
- box-sizing: border-box;
- border-width: 0;
- border-style: solid;
- }
-
- p,
- li,
- ul,
- pre,
- div,
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin: 0;
- padding: 0;
- }
-
- button,
- input,
- optgroup,
- select,
- textarea {
- font-family: inherit;
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
- }
-
- button,
- select {
- text-transform: none;
- }
-
- button,
- [type="button"],
- [type="reset"],
- [type="submit"] {
- -webkit-appearance: button;
- }
-
- button::-moz-focus-inner,
- [type="button"]::-moz-focus-inner,
- [type="reset"]::-moz-focus-inner,
- [type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
- }
-
- button:-moz-focus,
- [type="button"]:-moz-focus,
- [type="reset"]:-moz-focus,
- [type="submit"]:-moz-focus {
- outline: 1px dotted ButtonText;
- }
-
- a {
- color: inherit;
- text-decoration: inherit;
- }
-
- input {
- padding: 2px 4px;
- }
-
- img {
- display: block;
- }
- </style>
-
- <!--swiper-->
- <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
-
- <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
- <script data-ad-client="ca-pub-7639560510014441" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-
- <style>
- html {
- font-family: Inter;
- font-size: 16px;
- }
-
- body {
- font-weight: 400;
- font-style: normal;
- text-decoration: none;
- text-transform: none;
- letter-spacing: normal;
- line-height: 1.15;
- color: var(--dl-color-gray-black);
- background-color: var(--dl-color-gray-white);
-
- }
- </style>
- <link rel="shortcut icon" href="/playground_assets/bliss logo.svg" type="icon/png" sizes="32x32" />
- <link rel="stylesheet"
- href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
- <link rel="stylesheet"
- href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" />
- <link rel="stylesheet" href="./styles/style.css" />
-</head>
-
-<body>
- <div>
- <link href="./styles/home.css" rel="stylesheet" />
+ <head>
<title>BlissRoms</title>
- <meta name="description"
- content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features." />
+ <script src="main.js"></script>
+ <meta
+ property="og:image"
+ content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/441d32d5-7efd-47e4-b222-ec49e55a626f/2f834815-e128-4caa-9538-1e5a5cb7fbd8?org_if_sml=1"
+ />
+ <meta
+ property="og:description"
+ content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features."
+ />
<meta property="og:title" content="BlissRoms" />
- <meta property="og:description"
- content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features." />
- <div class="home-container">
- <nav class="Navbar navbar-fixed rootClassName">
- <img alt="logo" src="../public/playground_assets/nav_logo.svg" class="navbar-image" />
- <div class="navbar-container">
- <nav class="navbar-nav-elements-desktop">
- <a href="/index.html" class="navbar-navlink">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Home</span>
- </span>
- </div>
- </a>
- <a href="/index.html" class="navbar-navlink1">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Features</span>
- </span>
- </div>
- </a>
- <a href="/team.html" class="navbar-navlink2">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Team</span>
- </span>
- </div>
- </a>
- <a href="https://bliss-family-store.creator-spring.com/" target="_blank" rel="noreferrer noopener"
- class="navbar-link">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Gear</span>
- </span>
- </div>
- </a>
- <a href="https://docs.blissroms.org/" target="_blank" rel="noreferrer noopener" class="navbar-link1">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Docs</span>
- </span>
- </div>
- </a>
- </nav>
- </div>
- <a href="#downloads">
- <div class="navbar-btn-group">
- <div class="button-container rootClassName4">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
+ <meta
+ name="description"
+ content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features."
+ />
+ <meta property="twitter:card" content="summary_large_image" />
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <meta charset="utf-8" />
+ <meta property="twitter:card" content="summary_large_image" />
+ <style data-tag="reset-style-sheet">
+ html {
+ line-height: 1.15;
+ }
+ body {
+ margin: 0;
+ }
+ * {
+ box-sizing: border-box;
+ border-width: 0;
+ border-style: solid;
+ }
+ p,
+ li,
+ ul,
+ pre,
+ div,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ margin: 0;
+ padding: 0;
+ }
+ button,
+ input,
+ optgroup,
+ select,
+ textarea {
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ }
+ button,
+ select {
+ text-transform: none;
+ }
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+ -webkit-appearance: button;
+ }
+ button::-moz-focus-inner,
+ [type="button"]::-moz-focus-inner,
+ [type="reset"]::-moz-focus-inner,
+ [type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+ }
+ button:-moz-focus,
+ [type="button"]:-moz-focus,
+ [type="reset"]:-moz-focus,
+ [type="submit"]:-moz-focus {
+ outline: 1px dotted ButtonText;
+ }
+ a {
+ color: inherit;
+ text-decoration: inherit;
+ }
+ input {
+ padding: 2px 4px;
+ }
+ img {
+ display: block;
+ }
+ html {
+ scroll-behavior: smooth;
+ }
+ </style>
+ <style data-tag="default-style-sheet">
+ html {
+ font-family: Inter;
+ font-size: 16px;
+ }
+
+ body {
+ font-weight: 400;
+ font-style: normal;
+ text-decoration: none;
+ text-transform: none;
+ letter-spacing: normal;
+ line-height: 1.15;
+ color: var(--dl-color-gray-black);
+ background-color: var(--dl-color-gray-white);
+ }
+ </style>
+ <link
+ rel="shortcut icon"
+ href="/playground_assets/favicon.ico"
+ type="icon/png"
+ sizes="32x32"
+ />
+ <link
+ rel="stylesheet"
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
+ data-tag="font"
+ />
+ <link rel="stylesheet" href="./style.css" />
+ </head>
+ <body>
+ <div>
+ <link href="./home.css" rel="stylesheet" />
+
+ <div class="home-container">
+ <header data-role="Header" class="nav-nav">
+ <img
+ alt="image"
+ src="public/playground_assets/bliss-logo.svg"
+ class="nav-image"
+ />
+ <div class="nav-nav1">
+ <nav class="nav-nav2">
+ <a
+ href="http://docs.blissroms.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link"
+ >
+ <span>Docs</span>
+ </a>
+ <a href="#features" class="nav-link1 nav-link">
+ <span>Features</span>
+ </a>
+ <a
+ href="https://blisslabs.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link2 nav-link"
+ >
+ <span>BlissLabs</span>
+ </a>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link3 nav-link"
+ >
+ <span>Team</span>
+ </a>
+ <a
+ href="https://blog.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="nav-link4 nav-link"
+ >
+ <span>Blog</span>
+ </a>
+ </nav>
</div>
- </a>
- <div class="navbar-burger-menu teleport-menu-burger">
- <svg viewBox="0 0 1024 1024" class="navbar-icon">
- <path
- d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z">
- </path>
- </svg>
- </div>
- <nav class="navbar-nav-elements-mobile teleport-menu-mobile">
- <a href="/index.html" class="navbar-navlink3 h4-28 mb-12 navelement">
- <span>Home</span>
- </a>
- <a href="#features" class="navbar-link3 h4-28 mb-12 navelement">
- <span>Features</span>
- </a>
- <a href="/team.html" class="navbar-navlink4 h4-28 mb-12 navelement">
- <span>Team</span>
- </a>
- <span class="navbar-text h4-28 mb-12 navelement">
- <span>Gear</span>
- </span>
- <span class="navbar-text1 mb-12 navelement h4-28">
- <span>Blog</span>
- </span>
- <a href="#downloads">
- <div class="navbar-btn-group1">
- <div class="button-container rootClassName4">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar-container1 teleport-menu-close">
- <svg viewBox="0 0 804.5714285714286 1024" class="navbar-icon2">
- <path d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z">
- </path>
+ <div class="nav-btn-group">
+ <a href="#download" class="nav-register button">
+ <span><span>Download</span></span>
+ </a>
+ </div>
+ <div
+ onclick="toggleMenu()"
+ ;
+ id="hamicon"
+ data-type="BurgerMenu"
+ class="teleport-menu-burger nav-burger-menu"
+ >
+ <svg viewBox="0 0 1024 1024" class="nav-icon">
+ <path
+ d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
+ ></path>
</svg>
</div>
- </nav>
- </nav>
- <div class="home-hero">
- <span class="home-text">BlissRoms</span>
- <span class="home-text01 h6-20">
- An open-source operating system based on Android with
- customizations, options and added security features.
- </span>
- <img alt="image" src="public/playground_assets/phone_img-1500h.png" loading="lazy" class="home-image" />
- </div>
- <div id="features" class="home-features-section">
- <div class="home-featuresheader">
- <span class="home-text02 h4-28">It’s more than what you think</span>
- <span class="home-text03 body-16">
- A comprehesive overview of features
- </span>
- </div>
- <div class="home-features">
- <div class="home-sec-bb">
- <div class="home-security">
- <svg viewBox="0 0 1024 1024" class="home-icon">
- <path
- d="M512 42l384 172v256q0 178-110 325t-274 187q-164-40-274-187t-110-325v-256zM512 512v382q118-38 200-143t98-239h-298zM512 512v-376l-298 132v244h298z">
- </path>
- </svg>
- <span class="home-text04 h6-20">Added Security</span>
- <span class="home-text05 body-12">
- We include many options for customization and theming
- throughout the OS
- </span>
- </div>
- <div class="home-battery">
- <svg viewBox="0 0 1024 1024" class="home-icon02">
- <path
- d="M213.333 725.333h-85.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165v-341.333c0-11.776 4.736-22.4 12.501-30.165s18.389-12.501 30.165-12.501h136.107c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-136.107c-35.328 0-67.413 14.379-90.496 37.504s-37.504 55.168-37.504 90.496v341.333c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h85.333c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667zM640 298.667h85.333c11.776 0 22.4 4.736 30.165 12.501s12.501 18.389 12.501 30.165v341.333c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-136.107c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667h136.107c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-341.333c0-35.328-14.379-67.413-37.504-90.496s-55.168-37.504-90.496-37.504h-85.333c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM1024 554.667v-85.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v85.333c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667zM433.835 232.32l-170.667 256c-13.056 19.627-7.765 46.080 11.819 59.179 7.339 4.907 15.659 7.211 23.68 7.168h176.256l-126.464 189.653c-13.056 19.627-7.765 46.080 11.819 59.179s46.080 7.765 59.179-11.819l170.667-256c4.523-6.656 7.211-14.848 7.211-23.68 0-23.552-19.115-42.667-42.667-42.667h-176.256l126.464-189.653c13.056-19.627 7.765-46.080-11.819-59.179s-46.080-7.765-59.179 11.819z">
- </path>
- </svg>
- <span class="home-text06 h6-20">Battery-friendly</span>
- <span class="home-text07 body-12">
- Extra options are provided to help tune battery consumption to
- the best levels
- </span>
- </div>
- </div>
- <div class="home-design-settings">
- <div class="home-focusondesign">
- <svg viewBox="0 0 1024 1024" class="home-icon04">
- <path
- d="M1018.17 291.89l-286.058-286.058c-9.334-9.334-21.644-7.234-27.356 4.666l-38.354 79.904 267.198 267.198 79.904-38.354c11.9-5.712 14-18.022 4.666-27.356z">
- </path>
- <path
- d="M615.384 135.384l-263.384 21.95c-17.5 2.166-32.080 5.898-37.090 28.752-0.006 0.024-0.012 0.042-0.018 0.066-71.422 343.070-314.892 677.848-314.892 677.848l57.374 57.374 271.986-271.99c-5.996-12.53-9.36-26.564-9.36-41.384 0-53.020 42.98-96 96-96s96 42.98 96 96-42.98 96-96 96c-14.82 0-28.852-3.364-41.384-9.36l-271.988 271.986 57.372 57.374c0 0 334.778-243.47 677.848-314.892 0.024-0.006 0.042-0.012 0.066-0.018 22.854-5.010 26.586-19.59 28.752-37.090l21.95-263.384-273.232-273.232z">
- </path>
- </svg>
- <span class="home-text08 h6-20">Focus on design</span>
- <span class="home-text09 body-12">
- We include many options for customization and theming
- throughout the OS
- </span>
- </div>
- <img alt="image" src="public/playground_assets/bliss_logo.svg" class="home-image1" />
- <div class="home-settings">
- <svg viewBox="0 0 1024 1024" class="home-icon07">
- <path
- d="M512 662q62 0 106-44t44-106-44-106-106-44-106 44-44 106 44 106 106 44zM830 554l90 70q14 10 4 28l-86 148q-8 14-26 8l-106-42q-42 30-72 42l-16 112q-4 18-20 18h-172q-16 0-20-18l-16-112q-38-16-72-42l-106 42q-18 6-26-8l-86-148q-10-18 4-28l90-70q-2-14-2-42t2-42l-90-70q-14-10-4-28l86-148q8-14 26-8l106 42q42-30 72-42l16-112q4-18 20-18h172q16 0 20 18l16 112q38 16 72 42l106-42q18-6 26 8l86 148q10 18-4 28l-90 70q2 14 2 42t-2 42z">
- </path>
- </svg>
- <span class="home-text10 h6-20">Customized settings</span>
- <span class="home-text11 body-12">
- Choose settings depending on the criteria you value the most.
- With no limits.
- </span>
- </div>
- </div>
- <div class="home-perf-comp">
- <div class="home-performance">
- <svg viewBox="0 0 1024 1024" class="home-icon09">
- <path
- d="M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM302.836 834.152c11.106-30.632 17.164-63.688 17.164-98.152 0-124.35-78.81-230.292-189.208-270.606 10.21-84.924 48.254-163.498 109.678-224.924 72.53-72.526 168.96-112.47 271.53-112.47s199 39.944 271.53 112.47c61.428 61.426 99.468 140 109.682 224.924-110.402 40.314-189.212 146.256-189.212 270.606 0 34.468 6.060 67.52 17.166 98.15-61.706 40.242-133.77 61.85-209.166 61.85-75.394 0-147.458-21.608-209.164-61.848zM551.754 640.996c13.878 3.494 24.246 16.080 24.246 31.004v64c0 17.6-14.4 32-32 32h-64c-17.6 0-32-14.4-32-32v-64c0-14.924 10.368-27.51 24.246-31.004l23.754-448.996h32l23.754 448.996z">
- </path>
- </svg>
- <span class="home-text12 h6-20">Performance</span>
- <span class="home-text13 body-12">
- Focused on speed and stability with tweaks to assist in the
- most demanding applications
- </span>
- </div>
- <div class="home-compatibility">
- <img alt="image" src="public/playground_assets/compatibility.svg" class="home-image2" />
- <span class="home-text14 h6-20">Compatibility</span>
- <span class="home-text15 body-12">
- We bring Bliss to every device we own. And our PC builds
- include extras for ARM/ARM64 app compatibility
- </span>
- </div>
- </div>
- </div>
- </div>
- <div class="home-stats">
- <div class="home-stat">
- <svg viewBox="0 0 1152 1024" class="home-icon11">
- <path
- d="M768 770.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z">
- </path>
- <path
- d="M327.196 795.328c55.31-36.15 124.080-63.636 199.788-80.414-15.054-17.784-28.708-37.622-40.492-59.020-30.414-55.234-46.492-116.058-46.492-175.894 0-86.042 0-167.31 30.6-233.762 29.706-64.504 83.128-104.496 159.222-119.488-16.914-76.48-61.94-126.75-181.822-126.75-192 0-192 128.942-192 288 0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h279.006c14.518-12.91 30.596-25.172 48.19-36.672z">
- </path>
- </svg>
- <span class="home-text16">Maintainer</span>
- <span class="home-text17">Total no of maintainers</span>
- <h1 class="home-text18 h3-48"><span>35</span></h1>
- </div>
- <div class="home-stat1">
- <svg viewBox="0 0 1024 1024" class="home-icon14">
- <path d="M214 768h596v86h-596v-86zM810 384l-298 298-298-298h170v-256h256v256h170z"></path>
- </svg>
- <span class="home-text20">Downloads</span>
- <span class="home-text21">Total no of downloads</span>
- <h1 class="home-text22 h3-48"><span>20m+</span></h1>
- </div>
- <div class="home-stat2">
- <svg viewBox="0 0 1024 1024" class="home-icon16">
- <path
- d="M938 726v-300h-170v300h170zM982 342q18 0 30 12t12 30v426q0 18-12 31t-30 13h-256q-18 0-31-13t-13-31v-426q0-18 13-30t31-12h256zM170 256v470h428v128h-598v-128h86v-470q0-34 25-60t59-26h768v86h-768z">
- </path>
- </svg>
- <span class="home-text24">Devices</span>
- <span class="home-text25">total no of supported devices</span>
- <h1 class="home-text26 h3-48"><span>37</span></h1>
- </div>
- </div>
- <div id="downloads" class="home-downloads">
- <h1 class="h4-28"><span class="home-text29">Downloads</span></h1>
- <span class="home-text30 body-12">
- <span>
- Open source software is code that is designed to be publicly
- accessible
- </span>
- <span>
- anyone can see, modify, and distribute the code as they see fit.
- </span>
- </span>
- <div class="home-container1">
- <div class="home-container2">
- <div class="home-p-c">
- <h1 class="home-text33 h5-24">Bliss OS for pc</h1>
- <span class="home-text34 body-12">
- <span>
- An Open Source OS, based on Android for PC's &
- Tablets
+ <div
+ id="mobilemenu"
+ data-type="MobileMenu"
+ class="teleport-menu-mobile nav-mobile-menu"
+ >
+ <div class="nav-nav3">
+ <div class="nav-container">
+ <img
+ alt="image"
+ src="public/playground_assets/bliss-logo.svg"
+ class="nav-image1"
+ />
+ <div
+ onclick="toggleMenu()"
+ ;
+ data-type="CloseMobileMenu"
+ class="nav-menu-close teleport-menu-close"
+ >
+ <svg viewBox="0 0 1024 1024" class="nav-icon02">
+ <path
+ d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ <nav
+ class="navigation-links-nav navigation-links-root-class-name11"
+ >
+ <span class="nav-link"><span>About</span></span>
+ <span class="navigation-links-text1 nav-link">
+ <span>Features</span>
</span>
- </span>
- <span class="home-text36 body-12"></span>
- <a href="https://blissos.org/" target="_blank" rel="noreferrer noopener" class="home-link">
- <div class="button-container rootClassName4">
- <span class="button-text body-16">
- <span>Bliss OS</span>
- </span>
- </div>
+ <a
+ href="https://blisslabs.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navigation-links-link nav-link"
+ >
+ <span>BlissLabs</span>
+ </a>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="navigation-links-link1 nav-link"
+ >
+ <span>Team</span>
+ </a>
+ <span class="navigation-links-text2 nav-link">
+ <span>Blog</span>
+ </span>
+ </nav>
+ </div>
+ <div class="nav-icon-group">
+ <svg viewBox="0 0 950.8571428571428 1024" class="nav-icon04">
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path></svg
+ ><svg viewBox="0 0 877.7142857142857 1024" class="nav-icon06">
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path></svg
+ ><svg viewBox="0 0 602.2582857142856 1024" class="nav-icon08">
+ <path
+ d="M548 6.857v150.857h-89.714c-70.286 0-83.429 33.714-83.429 82.286v108h167.429l-22.286 169.143h-145.143v433.714h-174.857v-433.714h-145.714v-169.143h145.714v-124.571c0-144.571 88.571-223.429 217.714-223.429 61.714 0 114.857 4.571 130.286 6.857z"
+ ></path>
+ </svg>
+ </div>
+ </div>
+ </header>
+ <div class="home-hero">
+ <div class="home-hero-text">
+ <span class="home-rom-name">BlissRoms</span>
+ <h1 class="home-text">
+ <span>The customization you want,</span>
+ <br />
+ <span class="home-text02">with the privacy you need</span>
+ </h1>
+ <span class="home-text03">
+ An open-source operating system based on Android with
+ customizations, options and added security features.
+ </span>
+ <div class="home-btn-group">
+ <a href="#download" class="home-link button">
+ <svg viewBox="0 0 1024 1024" class="home-icon">
+ <path
+ d="M853.333 640v170.667c0 11.776-4.736 22.4-12.501 30.165s-18.389 12.501-30.165 12.501h-597.333c-11.776 0-22.4-4.736-30.165-12.501s-12.501-18.389-12.501-30.165v-170.667c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v170.667c0 35.328 14.379 67.413 37.504 90.496s55.168 37.504 90.496 37.504h597.333c35.328 0 67.413-14.379 90.496-37.504s37.504-55.168 37.504-90.496v-170.667c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667zM554.667 537.003v-409.003c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v409.003l-140.501-140.501c-16.683-16.683-43.691-16.683-60.331 0s-16.683 43.691 0 60.331l213.333 213.333c3.925 3.925 8.619 7.083 13.824 9.259s10.795 3.243 16.341 3.243c10.923 0 21.845-4.181 30.165-12.501l213.333-213.333c16.683-16.683 16.683-43.691 0-60.331s-43.691-16.683-60.331 0z"
+ ></path>
+ </svg>
+ <span class="home-text04">Download</span>
</a>
- <a href="https://android-generic.github.io/" target="_blank" rel="noreferrer noopener" class="home-link1">
- <div class="button-container rootClassName4">
- <span class="button-text body-16">
- <span>Android Generic</span>
- </span>
- </div>
+ <a
+ href="https://blog.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="home-link1 button"
+ >
+ <svg viewBox="0 0 1024 1024" class="home-icon02">
+ <path
+ d="M981.333 512c0-129.579-52.565-246.997-137.472-331.861s-202.283-137.472-331.861-137.472-246.997 52.565-331.861 137.472-137.472 202.283-137.472 331.861 52.565 246.997 137.472 331.861 202.283 137.472 331.861 137.472 246.997-52.565 331.861-137.472 137.472-202.283 137.472-331.861zM896 512c0 106.069-42.923 201.984-112.469 271.531s-165.461 112.469-271.531 112.469-201.984-42.923-271.531-112.469-112.469-165.461-112.469-271.531 42.923-201.984 112.469-271.531 165.461-112.469 271.531-112.469 201.984 42.923 271.531 112.469 112.469 165.461 112.469 271.531zM554.667 682.667v-170.667c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667v170.667c0 23.552 19.115 42.667 42.667 42.667s42.667-19.115 42.667-42.667zM554.667 341.333c0-23.552-19.115-42.667-42.667-42.667s-42.667 19.115-42.667 42.667 19.115 42.667 42.667 42.667 42.667-19.115 42.667-42.667z"
+ ></path>
+ </svg>
+ <span class="home-text05">Changelog</span>
</a>
</div>
</div>
- <div class="home-rom">
- <h1 class="home-text37 h5-24">BlissRoms for mobile</h1>
- <span class="home-text38 body-12">
- <span>An open-source operating system based on Android</span>
+ <div class="home-hero-image">
+ <img
+ alt="image"
+ src="public/playground_assets/header-img-400w.png"
+ loading="lazy"
+ class="home-image"
+ />
+ </div>
+ </div>
+ <div id="features" class="features-features">
+ <div class="features-heading">
+ <h1 class="features-text">
+ <span></span>
+ <span>It’s more than what you think</span>
+ </h1>
+ <span class="features-text03">
+ <span>A comprehesive overview of features</span>
</span>
- <a href="https://downloads.blissroms.org/" target="_blank" rel="noreferrer noopener" class="home-link2">
- <div class="button-container rootClassName4">
- <span class="button-text body-16">
- <span>BlissRoms</span>
+ </div>
+ <div class="features-list">
+ <div class="features-f-1">
+ <div class="features-focus-on-design feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/design_services_black_24dp%201.svg"
+ class="features-image"
+ />
+ <h1 class="features-text04"><span>Focus on design</span></h1>
+ <span>
+ <span>
+ We include many options for customization and theming
+ throughout the OS
+ </span>
</span>
</div>
- </a>
- <div class="home-container3">
- <a href="https://sourceforge.net/projects/blissroms/files/https://sourceforge.net/projects/blissroms/files/"
- target="_blank" rel="noreferrer noopener" class="home-link3">
- <div class="button_nofill-container rootClassName">
- <span class="button_nofill-text body-16">
- <span>Earlier Builds</span>
+ <div class="features-performance feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/assessment_black_24dp%201.svg"
+ class="features-image1"
+ />
+ <h1 class="features-text06"><span>Performance</span></h1>
+ <span>
+ <span>
+ Focused on speed and stability with tweaks to assist in the
+ most demanding applications
</span>
- </div>
+ </span>
+ </div>
+ <div class="features-regular-updates feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/ontime%20updates.svg"
+ class="features-image2"
+ />
+ <h1 class="features-text08"><span>Regular updates</span></h1>
+ <span>
+ <span>
+ Bliss mainterners provide regular updates based on released
+ builds.
+ </span>
+ </span>
+ </div>
+ </div>
+ <div class="features-f-2">
+ <div class="features-battery-friendly feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/battery-heart-outline.svg"
+ class="features-image3"
+ />
+ <h1 class="features-text10"><span>Battery-friendly</span></h1>
+ <span>
+ <span>
+ Extra options are provided to help tune battery consumption
+ to the best levels
+ </span>
+ </span>
+ </div>
+ <div class="features-added-security feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/verified_user_black_24dp%201.svg"
+ class="features-image4"
+ />
+ <h1 class="features-text12"><span>Added Security</span></h1>
+ <span>
+ <span>
+ We include many options for security and safety throughout
+ the OS
+ </span>
+ </span>
+ </div>
+ <div class="features-many-more feature-card">
+ <img
+ alt="image"
+ src="public/playground_assets/more_black_24dp%201.svg"
+ class="features-image5"
+ />
+ <h1 class="features-text14">
+ <span></span>
+ <span>and many more</span>
+ </h1>
+ <span>
+ <span>
+ More options are provided to help tune android to the best
+ levels
+ </span>
+ </span>
+ </div>
+ </div>
+ </div>
+ <img
+ alt="image"
+ src="public/playground_assets/bg-logo-400w.png"
+ class="features-image6"
+ />
+ </div>
+ <div class="stats-stats">
+ <div class="stats-maintainer">
+ <img
+ alt="image"
+ src="public/playground_assets/groups_black_24dp.svg"
+ class="stats-image"
+ />
+ <h1 class="stats-text"><span>Maintainer</span></h1>
+ <span class="stats-text1">
+ <span>Total no of maintainers</span>
+ </span>
+ <h1 class="stats-text2"><span>35</span></h1>
+ </div>
+ <div class="stats-downloads">
+ <img
+ alt="image"
+ src="public/playground_assets/file_download_black_24dp.svg"
+ class="stats-image1"
+ />
+ <h1 class="stats-text3"><span>Downloads</span></h1>
+ <span class="stats-text4"><span>Total no of downloads</span></span>
+ <h1 class="stats-text5"><span>20M+</span></h1>
+ </div>
+ <div class="stats-devices">
+ <img
+ alt="image"
+ src="public/playground_assets/devices_black_24dp.svg"
+ class="stats-image2"
+ />
+ <h1 class="stats-text6"><span>Devices</span></h1>
+ <span class="stats-text7"><span>Total no of devices</span></span>
+ <h1 class="stats-text8"><span>35</span></h1>
+ </div>
+ </div>
+ <div id="download" class="home-download-pc">
+ <div class="home-android-download download-card">
+ <div class="home-container1">
+ <div class="home-container2">
+ <span class="home-text06">Get started</span>
+ <h1 class="home-text07">Android Phone</h1>
+ <span class="home-text08">
+ Download blissrom for your android mobile and enjoy all the
+ benefits of customization and security you need.
+ </span>
+ </div>
+ <a
+ href="https://downloads.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="home-link2 button"
+ >
+ <svg viewBox="0 0 1024 1024" class="home-icon04">
+ <path
+ d="M214 768h596v86h-596v-86zM810 384l-298 298-298-298h170v-256h256v256h170z"
+ ></path>
+ </svg>
+ <span class="home-text09">Download now</span>
</a>
</div>
+ <img
+ alt="image"
+ src="public/playground_assets/mobiel-ss-1500w.png"
+ loading="lazy"
+ class="home-image1"
+ />
+ <img
+ alt="image"
+ src="public/playground_assets/vectorblob-1.svg"
+ class="home-image2"
+ />
+ <img
+ alt="image"
+ src="public/playground_assets/vector-200h.png"
+ class="home-image3"
+ />
</div>
- </div>
- </div>
-
-
- <!--Images-->
- <div class="swiper mySwiper">
- <div class="swiper-wrapper">
- <div class="swiper-slide">
- <img src="./screenshots/1.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/2.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/3.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/4.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/10.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/6.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/7.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/8.jpg" />
- </div>
- <div class="swiper-slide">
- <img src="./screenshots/9.jpg" />
- </div>
- </div>
- <div class="swiper-pagination"></div>
- </div>
-
- <!-- Swiper JS -->
- <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
-
- <!-- Initialize Swiper -->
- <script>
- var swiper = new Swiper(".mySwiper", {
- effect: "coverflow",
- grabCursor: true,
- centeredSlides: true,
- slidesPerView: "auto",
- coverflowEffect: {
- rotate: 50,
- stretch: 0,
- depth: 100,
- modifier: 1,
- slideShadows: true,
- },
- pagination: {
- el: ".swiper-pagination",
- },
- navigation: {
- nextEl: '.swiper-button-next',
- prevEl: '.swiper-button-prev',
-
- },
- });
- </script>
-
-
-
-
- <div class="home-joinbliss">
- <div class="home-container4">
- <h1 class="home-text40 h3-36">Join Bliss</h1>
- <h1 class="home-text41 body-16">
- <span class="home-text42">
- We are accepting applications for maintainer and team
- </span>
- </h1>
- </div>
- <a href="https://docs.google.com/forms/d/1NbZ0mDqYoTnGbqLcd_XXt8d_SwQ2erxIAEWXHzhElS0/viewform" target="_blank"
- rel="noreferrer noopener" class="home-link4 button-14 join button">
- Join
- </a>
- </div>
- <footer id="footer" class="footer-footer rootClassName1">
- <div class="footer-container">
- <div class="footer-logo">
- <div class="footer-logo1">
- <img alt="logo" src="../public/playground_assets/bliss%20logo1.svg" class="footer-image" />
- <span class="footer-text body-16"><span>BlissRoms</span></span>
+ <div class="home-p-c-download">
+ <div class="home-container3">
+ <div class="home-container4">
+ <span class="home-text10">Get started</span>
+ <h1 class="home-text11">For PC</h1>
+ <span class="home-text12">
+ Download Bliss OS for your personal computer enjoy all the
+ benefits of customizations and security you need.
+ </span>
+ </div>
+ <a
+ href="https://blissos.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="home-link3 button"
+ >
+ <svg viewBox="0 0 1024 1024" class="home-icon06">
+ <path
+ d="M214 768h596v86h-596v-86zM810 384l-298 298-298-298h170v-256h256v256h170z"
+ ></path>
+ </svg>
+ <span class="home-text13">Download now</span>
+ </a>
</div>
- <span class="footer-text02">
- <span>
+ <img
+ alt="image"
+ src="public/playground_assets/as-1500w.png"
+ loading="lazy"
+ class="home-image4"
+ />
+ <img
+ alt="image"
+ src="public/playground_assets/vectorblob.svg"
+ class="home-image5"
+ />
+ <img
+ alt="image"
+ src="public/playground_assets/frame%2038.svg"
+ class="home-image6"
+ />
+ </div>
+ </div>
+ <div class="home-download-mobile">
+ <div class="home-mobile-download-mobile">
+ <div class="home-container5">
+ <span class="home-text14">Get started</span>
+ <h1 class="home-text15">Android Phone</h1>
+ <span class="home-text16">
+ Download blissrom for your android mobile and enjoy all the
+ benefits of customization and security you need.
+ </span>
+ </div>
+ <button class="home-button button">
+ <svg viewBox="0 0 1024 1024" class="home-icon08">
+ <path
+ d="M214 768h596v86h-596v-86zM810 384l-298 298-298-298h170v-256h256v256h170z"
+ ></path>
+ </svg>
+ <span class="home-text17">Download now</span>
+ </button>
+ </div>
+ <div class="home-p-c-download-mobile">
+ <div class="home-container6">
+ <span class="home-text18">Get started</span>
+ <h1 class="home-text19">For PC</h1>
+ <span class="home-text20">
+ Download Bliss OS for your personal computer enjoy all the
+ benefits of customizations and security you need.
+ </span>
+ </div>
+ <button class="home-button1 button">
+ <svg viewBox="0 0 1024 1024" class="home-icon10">
+ <path
+ d="M214 768h596v86h-596v-86zM810 384l-298 298-298-298h170v-256h256v256h170z"
+ ></path>
+ </svg>
+ <span class="home-text21">Download now</span>
+ </button>
+ </div>
+ </div>
+ <footer class="footer-footer">
+ <div class="footer-container">
+ <div class="footer-logo">
+ <img
+ alt="logo"
+ src="public/playground_assets/bliss-logo.svg"
+ class="footer-image"
+ />
+ <span class="footer-text">
<span>
An open-source operating system based on Android with
customizations, options and added security features.
</span>
</span>
- </span>
- </div>
- <div class="footer-links-container">
- <div class="footer-container1">
- <div class="footer-community-container">
- <span class="footer-text05">Community</span>
- <a href="https://t.me/Team_Bliss_Community" target="_blank" rel="noreferrer noopener"
- class="footer-link Footerlink">
- <span>BlissRoms Telegram</span>
- <br />
- <span></span>
- </a>
- <a href="https://t.me/blissx86" target="_blank" rel="noreferrer noopener"
- class="footer-link01 Footerlink">
- Bliss OS Telegram
- </a>
- <a href="https://discord.gg/wwc4Aua4fp" target="_blank" rel="noreferrer noopener"
- class="footer-link02 Footerlink">
- Bliss Discord
- </a>
- </div>
- <div class="footer-sources-container">
- <span class="footer-text08">Sources</span>
- <span class="Footerlink">BlissRoms Gerrit Review</span>
- <a href="https://review-x86.blissroms.com/" target="_blank" rel="noreferrer noopener"
- class="footer-link03 Footerlink">
- <span>Bliss OS (x86) Gerrit Review</span>
- <br />
- <span></span>
- </a>
- <a href="https://github.com/BlissRoms" target="_blank" rel="noreferrer noopener"
- class="footer-link04 Footerlink">
- BlissRoms GitHub
- </a>
- <a href="https://github.com/BlissRoms-Devices" target="_blank" rel="noreferrer noopener"
- class="footer-link05 Footerlink">
- BlissRoms-Devices GitHub
- </a>
- <a href="https://github.com/BlissRoms-x86" target="_blank" rel="noreferrer noopener"
- class="footer-link06 Footerlink">
- Bliss OS GitHub
- </a>
- <a href="https://github.com/BlissRoms-pine64" target="_blank" rel="noreferrer noopener"
- class="footer-link07 Footerlink">
- BlissRoms-PINE64 GitHub
- </a>
- </div>
</div>
- <div class="footer-container2">
- <div class="footer-contact">
- <span class="footer-text12 footer-Text-Style">Links</span>
- <a href="https://blissroms.org/team.html" target="_blank" rel="noreferrer noopener"
- class="footer-link08 Footerlink">
- Team members
- </a>
- <a href="https://status.blissroms.org/" target="_blank" rel="noreferrer noopener"
- class="footer-link09 Footerlink">
- Status
- </a>
- <a href="https://blog.blissroms.org/" target="_blank" rel="noreferrer noopener"
- class="footer-link10 Footerlink">
- Blog
- </a>
+ <div class="footer-links-container">
+ <div class="footer-container1">
+ <div class="footer-product-container">
+ <span class="footer-text1"><span>Community</span></span>
+ <a
+ href="https://t.me/Team_Bliss_Community"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link"
+ >
+ <span>BlissRoms Telegram</span>
+ </a>
+ <a
+ href="https://t.me/blissx86"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link01"
+ >
+ <span>Bliss OS Telegram</span>
+ </a>
+ <a
+ href="https://discord.com/invite/wwc4Aua4fp"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link02"
+ >
+ <span>Bliss Discord</span>
+ </a>
+ </div>
+ <div class="footer-company-container">
+ <span class="footer-text2"><span>Sources</span></span>
+ <a
+ href="https://review.blissroms.org/q/status:open+-is:wip"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link03"
+ >
+ <span>BlissRoms Gerrit Review</span>
+ </a>
+ <a
+ href="https://github.com/BlissRoms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link04"
+ >
+ <span>BlissRoms GitHub</span>
+ </a>
+ <a
+ href="https://github.com/BlissRoms-Devices"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link05"
+ >
+ <span>BlissRoms-Devices GitHub</span>
+ </a>
+ <a
+ href="https://github.com/BlissRoms-x86"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link06"
+ >
+ <span>Bliss OS GitHub</span>
+ </a>
+ <a
+ href="https://github.com/BlissRoms-pine64"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link07"
+ >
+ <span>BlissRoms-PINE64 GitHub</span>
+ </a>
+ </div>
</div>
- <div class="footer-socials">
- <span class="footer-text13 footer-Text-Style">Follow Us</span>
- <div class="footer-icon-group">
- <a href="https://twitter.com/stayblissful" target="_blank" rel="noreferrer noopener"
- class="footer-link11">
- <svg viewBox="0 0 950.8571428571428 1024" class="icons">
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z">
- </path>
- </svg>
+ <div class="footer-container2">
+ <div class="footer-contact">
+ <span class="footer-text3"><span>Links</span></span>
+ <a
+ href="https://blissroms.org/team.html"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link08"
+ >
+ <span>Team members</span>
</a>
- <a href="https://www.instagram.com/blissroms/" target="_blank" rel="noreferrer noopener"
- class="footer-link12">
- <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon02 icons">
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z">
- </path>
- </svg>
+ <a
+ href="https://status.blissroms.org"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link09"
+ >
+ <span>Status</span>
</a>
- <a href="https://github.com/BlissRoms" target="_blank" rel="noreferrer noopener"
- class="footer-link13">
- <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon04 icons">
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z">
- </path>
- </svg>
+ <a
+ href="https://blog.blissroms.org/"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link10"
+ >
+ <span>Blog</span>
</a>
- <a href="https://t.me/BlissROM_Updates" target="_blank" rel="noreferrer noopener"
- class="footer-link14">
- <svg viewBox="0 0 1024 1024" class="footer-icon06 icons">
- <path
- d="M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z">
- </path>
- </svg>
- </a>
- <a href="https://www.linkedin.com/company/stayblissful" target="_blank" rel="noreferrer noopener"
- class="footer-link15">
- <svg viewBox="0 0 877.7142857142857 1024" class="footer-icon08 icons">
- <path
- d="M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z">
- </path>
- </svg>
- </a>
- <a href="https://www.reddit.com/r/BlissRoms" target="_blank" rel="noreferrer noopener"
- class="footer-link16">
- <svg viewBox="0 0 1024 1024" class="icons footer-icon10">
- <path
- d="M1024 483.429c0 44.571-25.143 82.857-62.286 101.714 4.571 17.714 6.857 36 6.857 54.857 0 180.571-204 326.857-455.429 326.857-250.857 0-454.857-146.286-454.857-326.857 0-18.286 2.286-36.571 6.286-53.714-38.286-18.857-64.571-57.714-64.571-102.857 0-62.857 50.857-113.714 113.714-113.714 32.571 0 61.714 13.714 82.857 36 77.143-53.714 180-88.571 294.286-92.571l66.286-297.714c2.286-10.286 13.143-17.143 23.429-14.857l210.857 46.286c13.714-27.429 42.857-46.857 76-46.857 47.429 0 85.714 38.286 85.714 85.143 0 47.429-38.286 85.714-85.714 85.714-46.857 0-85.143-38.286-85.143-85.143l-190.857-42.286-59.429 269.714c114.857 3.429 218.857 37.714 296.571 91.429 20.571-21.714 49.714-34.857 81.714-34.857 62.857 0 113.714 50.857 113.714 113.714zM238.857 597.143c0 47.429 38.286 85.714 85.143 85.714 47.429 0 85.714-38.286 85.714-85.714 0-46.857-38.286-85.143-85.714-85.143-46.857 0-85.143 38.286-85.143 85.143zM701.714 800c8.571-8.571 8.571-21.143 0-29.714-8-8-21.143-8-29.143 0-34.286 34.857-108 46.857-160.571 46.857s-126.286-12-160.571-46.857c-8-8-21.143-8-29.143 0-8.571 8-8.571 21.143 0 29.714 54.286 54.286 158.857 58.286 189.714 58.286s135.429-4 189.714-58.286zM700 682.857c46.857 0 85.143-38.286 85.143-85.714 0-46.857-38.286-85.143-85.143-85.143-47.429 0-85.714 38.286-85.714 85.143 0 47.429 38.286 85.714 85.714 85.714z">
- </path>
- </svg>
- </a>
+ </div>
+ <div class="footer-socials">
+ <span class="footer-text4"><span>Follow Us</span></span>
+ <div class="footer-icon-group">
+ <a
+ href="https://twitter.com/bliss_roms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link11"
+ >
+ <svg
+ viewBox="0 0 950.8571428571428 1024"
+ class="footer-icon"
+ >
+ <path
+ d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.instagram.com/blissroms"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link12"
+ >
+ <svg
+ viewBox="0 0 877.7142857142857 1024"
+ class="footer-icon2"
+ >
+ <path
+ d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
+ ></path>
+ </svg>
+ </a>
+ <a
+ href="https://www.facebook.com/BlissROMs"
+ target="_blank"
+ rel="noreferrer noopener"
+ class="footer-link13"
+ >
+ <svg
+ viewBox="0 0 602.2582857142856 1024"
+ class="footer-icon4"
+ >
+ <path
+ d="M548 6.857v150.857h-89.714c-70.286 0-83.429 33.714-83.429 82.286v108h167.429l-22.286 169.143h-145.143v433.714h-174.857v-433.714h-145.714v-169.143h145.714v-124.571c0-144.571 88.571-223.429 217.714-223.429 61.714 0 114.857 4.571 130.286 6.857z"
+ ></path>
+ </svg>
+ </a>
+ </div>
</div>
</div>
</div>
</div>
- </div>
- <div class="footer-separator"></div>
- <span class="footer-text14 body-16" style="color: white;">
- <span>Copyright © 2021 BlissLabs. All rights reserved</span>
- </span>
- </footer>
+ <div class="footer-separator"></div>
+ <span class="footer-text5">
+ <span>Copyright © 2022 BlissLabs. All rights reserved</span>
+ </span>
+ </footer>
+ </div>
</div>
- </div>
-
- <!--navbar-->
- <script>
-
- (function () {
- class Menu {
- init = () => {
- this.listenForUrlChanges()
- this.getMenuElementsAndAddEvents()
- return this;
- };
-
- getMenuElementsAndAddEvents = () => {
- const mobileMenuElement = document.getElementsByClassName('teleport-menu-mobile')[0]
- const closeMenuElement = document.getElementsByClassName('teleport-menu-close')[0]
- const burgerMenuElement = document.getElementsByClassName('teleport-menu-burger')[0]
-
- if (!burgerMenuElement) {
- teleport.log("We're missing an element with a 'teleport-menu-mobile' class.");
- return;
- }
-
-
- if (!mobileMenuElement) {
- teleport.error(
- `We're missing an element with a 'teleport-menu-mobile' class.`
- );
- return;
- }
-
- if (!closeMenuElement) {
- teleport.error(
- `We're missing an element with a 'teleport-menu-mobile' class.'`
- );
- return;
- }
-
- mobileMenuElement.addEventListener("click", () => {
- mobileMenuElement.classList.remove("teleport-menu-show");
- })
- burgerMenuElement.addEventListener("click", () => {
- mobileMenuElement.classList.add("teleport-menu-show");
- });
- closeMenuElement.addEventListener("click", () => {
- mobileMenuElement.classList.remove("teleport-menu-show");
- });
- };
-
- listenForUrlChanges = () => {
- let url = location.href;
- document.addEventListener('click', () => {
- requestAnimationFrame(() => {
- if (url !== location.href) {
- console.log('URL changed');
- this.getMenuElementsAndAddEvents()
- url = location.href
- }
- });
- }, true);
+ <script>
+ function mobilemenu() {
+ if (document.getElementById("mobilemenu").style.display == "block") {
+ document.getElementById("mobilemenu").style.display = "none";
+ } else {
+ document.getElementById("mobilemenu").style.display = "block";
}
+ document
+ .getElementById("hamicon")
+ .addEventListener("click", mobilemenu);
}
-
- const teleport = {
- debug: false,
- log: (msg, obj) => {
- if (teleport.debug) {
- console.log("teleport: " + msg, obj || "");
- }
- },
- error: (msg, object) => {
- console.error("teleport-error: " + msg, object);
- },
- Menu,
- }
-
- new Menu().init()
- })()
- </script>
-
-</body>
-
+ </script>
+ </body>
</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..ca9dc0f
--- /dev/null
+++ b/main.js
@@ -0,0 +1,23 @@
+function toggleMenu() {
+ // get the clock
+ var myMenu = document.getElementById("mobilemenu");
+
+ // get the current value of the clock's display property
+ var displaySetting = myMenu.style.display;
+
+ // also get the clock button, so we can change what it says
+ var MenuButton = document.getElementById("hamicon");
+
+ // now toggle the clock and the button text, depending on current state
+ if (displaySetting == "block") {
+ console.log("2");
+ // clock is visible. hide it
+ myMenu.style.display = "none";
+ } else {
+ console.log("3");
+ // clock is hidden. show it
+ myMenu.style.display = "block";
+ }
+}
+console.log("1");
+// onclick = "toggleMenu()";
diff --git a/package.json b/package.json
index 821747d..f78ed5b 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
{
- "name": "bliss-rom",
+ "name": "blissroms",
"version": "1.0.0",
"private": true,
"dependencies": {
diff --git a/public/playground_assets/as-1500w.png b/public/playground_assets/as-1500w.png
new file mode 100644
index 0000000..34acbdf
--- /dev/null
+++ b/public/playground_assets/as-1500w.png
Binary files differ
diff --git a/public/playground_assets/assessment_black_24dp 1.svg b/public/playground_assets/assessment_black_24dp 1.svg
new file mode 100644
index 0000000..02d8e30
--- /dev/null
+++ b/public/playground_assets/assessment_black_24dp 1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.3333 4H6.66667C5.2 4 4 5.2 4 6.66667V25.3333C4 26.8 5.2 28 6.66667 28H25.3333C26.8 28 28 26.8 28 25.3333V6.66667C28 5.2 26.8 4 25.3333 4ZM25.3333 25.3333H6.66667V6.66667H25.3333V25.3333ZM9.33333 13.3333H12V22.6667H9.33333V13.3333ZM14.6667 9.33333H17.3333V22.6667H14.6667V9.33333ZM20 17.3333H22.6667V22.6667H20V17.3333Z" fill="#186601"/>
+</svg>
diff --git a/public/playground_assets/battery-heart-outline.svg b/public/playground_assets/battery-heart-outline.svg
new file mode 100644
index 0000000..9bff861
--- /dev/null
+++ b/public/playground_assets/battery-heart-outline.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.6667 21.9333L25.8667 21.2667C23.2 18.7333 21.3333 17 21.3333 15C21.3333 13.4 22.6667 12.0667 24.2667 12.0667C25.2 12.0667 26 12.4667 26.6667 13.1333C27.3333 12.4667 28.1333 12.0667 29.0667 12.0667C30.6667 12.0667 32 13.4 32 15C32 17 30.1333 18.6 27.4667 21.1333L26.6667 21.9333ZM18.2667 5.66667H16V3H8V5.66667H5.73333C4.8 5.66667 4 6.46667 4 7.4V27.8C4 28.8667 4.8 29.6667 5.73333 29.6667H18.1333C19.0667 29.6667 19.8667 28.8667 19.8667 27.9333V7.4C20 6.46667 19.2 5.66667 18.2667 5.66667ZM17.3333 27H6.66667V8.33333H17.3333V27Z" fill="#665300"/>
+</svg>
diff --git a/public/playground_assets/bg-logo-400w.png b/public/playground_assets/bg-logo-400w.png
new file mode 100644
index 0000000..6f9615b
--- /dev/null
+++ b/public/playground_assets/bg-logo-400w.png
Binary files differ
diff --git a/public/playground_assets/bliss logo.svg b/public/playground_assets/bliss logo.svg
deleted file mode 100644
index 87b7ce3..0000000
--- a/public/playground_assets/bliss logo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="735" height="398" viewBox="0 0 735 398" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M356 396C290.5 285 126 213.5 0 230C72.5 339 218.5 411 356 396Z" fill="#00A8EC"/>
-<path d="M379 395.362C444.5 284.362 609 212.862 735 229.362C662.5 338.362 516.5 410.362 379 395.362Z" fill="#00A8EC"/>
-<path d="M192.5 165C204.086 209.313 214.26 233.049 237 274C198.926 253.659 175.701 244.583 129.5 230C101.332 185.875 91.3483 160.259 80.5 116.5C128.212 128.623 153.094 138.623 192.5 165Z" fill="#00A8EC"/>
-<path d="M541.5 165.5C529.914 209.813 519.74 233.549 497 274.5C535.074 254.159 558.299 245.083 604.5 230.5C632.668 186.375 642.652 160.759 653.5 117C605.788 129.123 580.906 139.123 541.5 165.5Z" fill="#00A8EC"/>
-<path d="M315.5 155.5C340 195.5 360.5 262.5 366.5 308.5C371 264 393.987 197.962 418.5 155.5C412.5 103 395.127 35.3814 366.215 0C339.165 40.0596 318.459 105.152 315.5 155.5Z" fill="#00A8EC"/>
-<path d="M480 284C432.047 316.174 408.794 338.014 374.5 384.5C359.5 264 432.304 105.599 541.5 36.5C549.5 136 532 193 480 284Z" fill="#00A8EC"/>
-<path d="M253.349 283C301.302 315.174 324.555 337.014 358.849 383.5C373.849 263 301.045 104.599 191.849 35.5C183.849 135 201.349 192 253.349 283Z" fill="#00A8EC"/>
-</svg>
diff --git a/public/playground_assets/bliss logo1.svg b/public/playground_assets/bliss logo1.svg
deleted file mode 100644
index 87b7ce3..0000000
--- a/public/playground_assets/bliss logo1.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="735" height="398" viewBox="0 0 735 398" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M356 396C290.5 285 126 213.5 0 230C72.5 339 218.5 411 356 396Z" fill="#00A8EC"/>
-<path d="M379 395.362C444.5 284.362 609 212.862 735 229.362C662.5 338.362 516.5 410.362 379 395.362Z" fill="#00A8EC"/>
-<path d="M192.5 165C204.086 209.313 214.26 233.049 237 274C198.926 253.659 175.701 244.583 129.5 230C101.332 185.875 91.3483 160.259 80.5 116.5C128.212 128.623 153.094 138.623 192.5 165Z" fill="#00A8EC"/>
-<path d="M541.5 165.5C529.914 209.813 519.74 233.549 497 274.5C535.074 254.159 558.299 245.083 604.5 230.5C632.668 186.375 642.652 160.759 653.5 117C605.788 129.123 580.906 139.123 541.5 165.5Z" fill="#00A8EC"/>
-<path d="M315.5 155.5C340 195.5 360.5 262.5 366.5 308.5C371 264 393.987 197.962 418.5 155.5C412.5 103 395.127 35.3814 366.215 0C339.165 40.0596 318.459 105.152 315.5 155.5Z" fill="#00A8EC"/>
-<path d="M480 284C432.047 316.174 408.794 338.014 374.5 384.5C359.5 264 432.304 105.599 541.5 36.5C549.5 136 532 193 480 284Z" fill="#00A8EC"/>
-<path d="M253.349 283C301.302 315.174 324.555 337.014 358.849 383.5C373.849 263 301.045 104.599 191.849 35.5C183.849 135 201.349 192 253.349 283Z" fill="#00A8EC"/>
-</svg>
diff --git a/public/playground_assets/bliss-logo.svg b/public/playground_assets/bliss-logo.svg
new file mode 100644
index 0000000..77adb35
--- /dev/null
+++ b/public/playground_assets/bliss-logo.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.0001 47.8318C17.4236 43.3602 17.7055 37.4912 24.0001 34.0444C30.9525 37.8639 29.825 43.7329 24.0001 47.8318Z" fill="#00A8EC"/>
+<path d="M24 47.8318L23.9537 47.8987L24.0008 47.9306L24.0473 47.8979L24 47.8318ZM24 34.0444L24.0396 33.9736L24.0001 33.9518L23.9604 33.9734L24 34.0444ZM24.0462 47.7649C20.77 45.5374 19.2203 42.9743 19.255 40.555C19.2897 38.1373 20.9075 35.8306 24.0395 34.1156L23.9604 33.9734C20.7977 35.7052 19.1271 38.0564 19.0914 40.5527C19.0557 43.0473 20.6532 45.6546 23.9537 47.8987L24.0462 47.7649ZM23.9603 34.1154C27.4197 36.0159 28.8484 38.4132 28.7098 40.8287C28.5709 43.251 26.8549 45.7233 23.9526 47.7657L24.0473 47.8979C26.97 45.8413 28.7303 43.3297 28.8732 40.838C29.0165 38.3394 27.5327 35.8925 24.0396 33.9736L23.9603 34.1154Z" fill="#00A8EC"/>
+<path d="M41.2372 41.0299C42.6988 33.2568 38.3141 29.3046 31.4051 31.2807C29.2128 38.8561 34.1953 42.2155 41.2372 41.0299Z" fill="#00A8EC"/>
+<path d="M41.237 41.0299L41.3174 41.0447L41.3069 41.1003L41.2508 41.1098L41.237 41.0299ZM31.4049 31.2807L31.3262 31.2583L31.3386 31.2152L31.3821 31.2027L31.4049 31.2807ZM41.1565 41.015C41.8846 37.1428 41.1527 34.244 39.4029 32.5575C37.6542 30.8723 34.8653 30.3754 31.4275 31.3586L31.3821 31.2027C34.8535 30.2099 37.7114 30.7012 39.5169 32.4412C41.3213 34.1801 42.0509 37.1439 41.3174 41.0447L41.1565 41.015ZM31.4834 31.303C30.3927 35.0723 31.0921 37.7692 32.9125 39.3802C34.7382 40.9955 37.7146 41.5406 41.2233 40.9498L41.2508 41.1098C37.7174 41.7047 34.6816 41.1629 32.8036 39.5012C30.9204 37.835 30.2247 35.0643 31.3262 31.2583L31.4834 31.303Z" fill="#00A8EC"/>
+<path d="M7.13881 41.0299C5.67727 33.2568 10.0619 29.3046 16.9709 31.2807C19.1633 38.8561 14.1808 42.2155 7.13881 41.0299Z" fill="#00A8EC"/>
+<path d="M7.13901 41.0299L7.05859 41.0447L7.06904 41.1003L7.12532 41.1098L7.13901 41.0299ZM16.9711 31.2807L17.0498 31.2583L17.0374 31.2152L16.9939 31.2027L16.9711 31.2807ZM7.21944 41.015C6.49138 37.1428 7.22327 34.244 8.97313 32.5575C10.7218 30.8723 13.5108 30.3754 16.9485 31.3586L16.9939 31.2027C13.5225 30.2099 10.6646 30.7012 8.85909 32.4412C7.05474 34.1801 6.32511 37.1439 7.05859 41.0447L7.21944 41.015ZM16.8926 31.303C17.9834 35.0723 17.284 37.7692 15.4635 39.3802C13.6379 40.9955 10.6614 41.5406 7.15272 40.9498L7.12532 41.1098C10.6586 41.7047 13.6945 41.1629 15.5725 39.5012C17.4555 37.835 18.1514 35.0643 17.0498 31.2583L16.8926 31.303Z" fill="#00A8EC"/>
+<path d="M47.8638 23.8967C43.3542 30.4178 37.4353 30.1383 33.959 23.8967C37.8111 17.0031 43.73 18.121 47.8638 23.8967Z" fill="#00A8EC"/>
+<path d="M47.864 23.8967L47.9315 23.9425L47.9638 23.8959L47.9307 23.8498L47.864 23.8967ZM33.9591 23.8967L33.8877 23.8574L33.8657 23.8967L33.8875 23.9359L33.9591 23.8967ZM47.7965 23.8509C45.55 27.0993 42.9651 28.636 40.5252 28.6015C38.0869 28.5672 35.7605 26.9632 34.0309 23.8575L33.8875 23.9359C35.6341 27.0719 38.0053 28.7283 40.5229 28.7638C43.0388 28.7993 45.6683 27.2152 47.9315 23.9425L47.7965 23.8509ZM34.0307 23.936C35.9475 20.506 38.3652 19.0893 40.8013 19.2266C43.2443 19.3644 45.7375 21.0659 47.7973 23.9436L47.9307 23.8498C45.8566 20.9518 43.3235 19.2064 40.8106 19.0647C38.2907 18.9225 35.823 20.3939 33.8877 23.8574L34.0307 23.936Z" fill="#00A8EC"/>
+<path d="M0.13623 23.8967C4.6459 30.4178 10.5648 30.1383 14.0411 23.8967C10.189 17.0031 4.2701 18.121 0.13623 23.8967Z" fill="#00A8EC"/>
+<path d="M0.136379 23.8967L0.0689008 23.9425L0.0366211 23.8959L0.0696553 23.8498L0.136379 23.8967ZM14.0412 23.8967L14.1127 23.8574L14.1346 23.8967L14.1128 23.9359L14.0412 23.8967ZM0.203857 23.8509C2.45035 27.0993 5.03517 28.636 7.47517 28.6015C9.91354 28.5672 12.2399 26.9632 13.9695 23.8575L14.1128 23.9359C12.3662 27.0719 9.99503 28.7283 7.47749 28.7638C4.96154 28.7993 2.33208 27.2152 0.0689008 23.9425L0.203857 23.8509ZM13.9696 23.936C12.0529 20.506 9.6352 19.0893 7.19911 19.2266C4.75617 19.3644 2.26281 21.0659 0.203101 23.9436L0.0696553 23.8498C2.1438 20.9518 4.67684 19.2064 7.18983 19.0647C9.70968 18.9225 12.1774 20.3939 14.1127 23.8574L13.9696 23.936Z" fill="#00A8EC"/>
+<path d="M41.1918 6.937C33.3527 5.48782 29.3667 9.83538 31.3596 16.686C38.9995 18.8598 42.3876 13.9195 41.1918 6.937Z" fill="#00A8EC"/>
+<path d="M41.1915 6.937L41.2065 6.85725L41.2625 6.86763L41.2721 6.92343L41.1915 6.937ZM31.3593 16.686L31.3368 16.764L31.2933 16.7517L31.2807 16.7086L31.3593 16.686ZM41.1765 7.01676C37.2714 6.29484 34.3478 7.02056 32.6469 8.75563C30.9473 10.4896 30.4463 13.2549 31.4379 16.6636L31.2807 16.7086C30.2794 13.2666 30.7748 10.4328 32.5297 8.64254C34.2834 6.85346 37.2724 6.12998 41.2065 6.85725L41.1765 7.01676ZM31.3819 16.6082C35.1833 17.6897 37.9031 16.9962 39.5277 15.1911C41.1568 13.3809 41.7067 10.4296 41.1108 6.95059L41.2721 6.92343C41.8721 10.4268 41.3257 13.437 39.6498 15.2992C37.9694 17.1664 35.1753 17.8563 31.3368 16.764L31.3819 16.6082Z" fill="#00A8EC"/>
+<path d="M6.99642 6.937C14.8356 5.48782 18.8216 9.83538 16.8286 16.686C9.18874 18.8598 5.80062 13.9195 6.99642 6.937Z" fill="#00A8EC"/>
+<path d="M6.99616 6.937L6.98116 6.85725L6.92506 6.86763L6.9155 6.92343L6.99616 6.937ZM16.8284 16.686L16.8509 16.764L16.8944 16.7517L16.9069 16.7086L16.8284 16.686ZM7.01116 7.01676C10.9162 6.29484 13.8398 7.02056 15.5407 8.75563C17.2403 10.4896 17.7413 13.2549 16.7497 16.6636L16.9069 16.7086C17.9082 13.2666 17.4128 10.4328 15.658 8.64254C13.9042 6.85346 10.9152 6.12998 6.98116 6.85725L7.01116 7.01676ZM16.8057 16.6082C13.0044 17.6897 10.2845 16.9962 8.65992 15.1911C7.03074 13.3809 6.48102 10.4296 7.07682 6.95059L6.9155 6.92343C6.31551 10.4268 6.86194 13.437 8.53783 15.2992C10.2183 17.1664 13.0124 17.8563 16.8509 16.764L16.8057 16.6082Z" fill="#00A8EC"/>
+<path d="M23.9151 0.135223C30.4916 4.60678 30.2098 10.4757 23.9151 13.9226C16.9627 10.1031 18.09 4.23415 23.9151 0.135223Z" fill="#00A8EC"/>
+<path d="M23.9154 0.13523L23.9616 0.0683229L23.9146 0.0363159L23.8681 0.069071L23.9154 0.13523ZM23.9154 13.9226L23.8757 13.9934L23.9152 14.0152L23.9549 13.9936L23.9154 13.9226ZM23.8692 0.202138C27.1453 2.42964 28.6951 4.99263 28.6603 7.412C28.6257 9.82977 27.0078 12.1365 23.8758 13.8515L23.9549 13.9936C27.1176 12.2617 28.7882 9.91057 28.8239 7.4143C28.8597 4.91961 27.2622 2.31238 23.9616 0.0683229L23.8692 0.202138ZM23.9551 13.8516C20.4957 11.9511 19.067 9.55378 19.2055 7.13828C19.3445 4.71599 21.0605 2.24369 23.9627 0.201389L23.8681 0.069071C20.9454 2.12569 19.1851 4.63732 19.0422 7.12907C18.8988 9.62763 20.3826 12.0745 23.8757 13.9934L23.9551 13.8516Z" fill="#00A8EC"/>
+<path d="M19.678 22.1203L17.2354 23.7972L19.678 25.4741L19.1144 28.4551L22.1209 27.8961L23.9998 30.3182L25.8789 27.8961L28.6974 28.4551L28.1337 25.4741L30.5765 23.7972L28.1337 21.934L28.6974 19.1393L25.691 19.6983L23.9998 17.2762L22.0269 19.6983L19.1144 19.1393L19.678 22.1203Z" fill="#00A8EC" stroke="#00A8EC" stroke-width="1.2"/>
+</svg>
diff --git a/public/playground_assets/bliss_logo.svg b/public/playground_assets/bliss_logo.svg
deleted file mode 100644
index a06748d..0000000
--- a/public/playground_assets/bliss_logo.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="180" height="134" viewBox="0 0 180 134" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M87.1836 96.9796C71.1428 69.7959 30.8571 52.2857 -8.39233e-05 56.3265C17.755 83.0204 53.5101 100.653 87.1836 96.9796Z" fill="#00A8EC"/>
-<path d="M92.8164 96.8234C108.857 69.6397 149.143 52.1295 180 56.1703C162.245 82.8642 126.49 100.497 92.8164 96.8234Z" fill="#00A8EC"/>
-<path d="M47.1429 40.4082C49.9803 51.2605 52.472 57.0733 58.0409 67.1021C48.7166 62.1206 43.0289 59.8978 31.7144 56.3266C24.8162 45.5204 22.3711 39.2471 19.7144 28.5306C31.3988 31.4996 37.4924 33.9484 47.1429 40.4082Z" fill="#00A8EC"/>
-<path d="M132.612 40.5306C129.775 51.3829 127.283 57.1957 121.714 67.2245C131.039 62.243 136.726 60.0203 148.041 56.449C154.939 45.6429 157.384 39.3695 160.041 28.6531C148.357 31.622 142.263 34.0709 132.612 40.5306Z" fill="#00A8EC"/>
-<path d="M77.265 38.0816C83.265 47.8775 88.2854 64.2857 89.7548 75.551C90.8568 64.6531 96.4862 48.4805 102.49 38.0816C101.02 25.2245 96.7654 8.66483 89.6851 0C83.0606 9.81051 77.9895 25.7515 77.265 38.0816Z" fill="#00A8EC"/>
-<path d="M117.551 69.551C105.807 77.4304 100.113 82.779 91.7142 94.1633C88.0407 64.6531 105.87 25.8609 132.612 8.93878C134.571 33.3061 130.286 47.2653 117.551 69.551Z" fill="#00A8EC"/>
-<path d="M62.0448 69.3061C73.7885 77.1855 79.4829 82.5341 87.8815 93.9183C91.555 64.4081 73.7256 25.6159 46.9836 8.69385C45.0244 33.0612 49.3101 47.0204 62.0448 69.3061Z" fill="#00A8EC"/>
-<path d="M58.9335 121.719C59.3388 121.783 59.7068 121.948 60.0375 122.215C60.3788 122.481 60.6455 122.812 60.8375 123.207C61.0402 123.601 61.1415 124.023 61.1415 124.471C61.1415 125.036 60.9975 125.548 60.7095 126.007C60.4215 126.455 60.0002 126.812 59.4455 127.079C58.9015 127.335 58.2562 127.463 57.5095 127.463H53.3495V116.311H57.3495C58.1068 116.311 58.7522 116.439 59.2855 116.695C59.8188 116.94 60.2188 117.276 60.4855 117.703C60.7522 118.129 60.8855 118.609 60.8855 119.143C60.8855 119.804 60.7042 120.353 60.3415 120.791C59.9895 121.217 59.5202 121.527 58.9335 121.719ZM54.8055 121.127H57.2535C57.9362 121.127 58.4642 120.967 58.8375 120.647C59.2108 120.327 59.3975 119.884 59.3975 119.319C59.3975 118.753 59.2108 118.311 58.8375 117.991C58.4642 117.671 57.9255 117.511 57.2215 117.511H54.8055V121.127ZM57.3815 126.263C58.1068 126.263 58.6722 126.092 59.0775 125.751C59.4828 125.409 59.6855 124.935 59.6855 124.327C59.6855 123.708 59.4722 123.223 59.0455 122.871C58.6188 122.508 58.0482 122.327 57.3335 122.327H54.8055V126.263H57.3815ZM64.698 115.623V127.463H63.242V115.623H64.698ZM68.0115 117.271C67.7342 117.271 67.4995 117.175 67.3075 116.983C67.1155 116.791 67.0195 116.556 67.0195 116.279C67.0195 116.001 67.1155 115.767 67.3075 115.575C67.4995 115.383 67.7342 115.287 68.0115 115.287C68.2782 115.287 68.5022 115.383 68.6835 115.575C68.8755 115.767 68.9715 116.001 68.9715 116.279C68.9715 116.556 68.8755 116.791 68.6835 116.983C68.5022 117.175 68.2782 117.271 68.0115 117.271ZM68.7155 118.695V127.463H67.2595V118.695H68.7155ZM74.381 127.607C73.709 127.607 73.1063 127.495 72.573 127.271C72.0397 127.036 71.6183 126.716 71.309 126.311C70.9997 125.895 70.829 125.42 70.797 124.887H72.301C72.3437 125.324 72.5463 125.681 72.909 125.959C73.2823 126.236 73.7677 126.375 74.365 126.375C74.9197 126.375 75.357 126.252 75.677 126.007C75.997 125.761 76.157 125.452 76.157 125.079C76.157 124.695 75.9863 124.412 75.645 124.231C75.3037 124.039 74.7757 123.852 74.061 123.671C73.4103 123.5 72.877 123.329 72.461 123.159C72.0557 122.977 71.7037 122.716 71.405 122.375C71.117 122.023 70.973 121.564 70.973 120.999C70.973 120.551 71.1063 120.14 71.373 119.767C71.6397 119.393 72.0183 119.1 72.509 118.887C72.9997 118.663 73.5597 118.551 74.189 118.551C75.1597 118.551 75.9437 118.796 76.541 119.287C77.1383 119.777 77.4583 120.449 77.501 121.303H76.045C76.013 120.844 75.8263 120.476 75.485 120.199C75.1543 119.921 74.7063 119.783 74.141 119.783C73.6183 119.783 73.2023 119.895 72.893 120.119C72.5837 120.343 72.429 120.636 72.429 120.999C72.429 121.287 72.5197 121.527 72.701 121.719C72.893 121.9 73.1277 122.049 73.405 122.167C73.693 122.273 74.0877 122.396 74.589 122.535C75.2183 122.705 75.7303 122.876 76.125 123.047C76.5197 123.207 76.8557 123.452 77.133 123.783C77.421 124.113 77.5703 124.545 77.581 125.079C77.581 125.559 77.4477 125.991 77.181 126.375C76.9143 126.759 76.5357 127.063 76.045 127.287C75.565 127.5 75.0103 127.607 74.381 127.607ZM82.8204 127.607C82.1484 127.607 81.5457 127.495 81.0124 127.271C80.479 127.036 80.0577 126.716 79.7484 126.311C79.439 125.895 79.2684 125.42 79.2364 124.887H80.7404C80.783 125.324 80.9857 125.681 81.3484 125.959C81.7217 126.236 82.207 126.375 82.8044 126.375C83.359 126.375 83.7964 126.252 84.1164 126.007C84.4364 125.761 84.5964 125.452 84.5964 125.079C84.5964 124.695 84.4257 124.412 84.0844 124.231C83.743 124.039 83.215 123.852 82.5004 123.671C81.8497 123.5 81.3164 123.329 80.9004 123.159C80.495 122.977 80.143 122.716 79.8444 122.375C79.5564 122.023 79.4124 121.564 79.4124 120.999C79.4124 120.551 79.5457 120.14 79.8124 119.767C80.079 119.393 80.4577 119.1 80.9484 118.887C81.439 118.663 81.999 118.551 82.6284 118.551C83.599 118.551 84.383 118.796 84.9804 119.287C85.5777 119.777 85.8977 120.449 85.9404 121.303H84.4844C84.4524 120.844 84.2657 120.476 83.9244 120.199C83.5937 119.921 83.1457 119.783 82.5804 119.783C82.0577 119.783 81.6417 119.895 81.3324 120.119C81.023 120.343 80.8684 120.636 80.8684 120.999C80.8684 121.287 80.959 121.527 81.1404 121.719C81.3324 121.9 81.567 122.049 81.8444 122.167C82.1324 122.273 82.527 122.396 83.0284 122.535C83.6577 122.705 84.1697 122.876 84.5644 123.047C84.959 123.207 85.295 123.452 85.5724 123.783C85.8604 124.113 86.0097 124.545 86.0204 125.079C86.0204 125.559 85.887 125.991 85.6204 126.375C85.3537 126.759 84.975 127.063 84.4844 127.287C84.0044 127.5 83.4497 127.607 82.8204 127.607ZM98.3734 127.463L95.7174 122.903H93.9574V127.463H92.5014V116.311H96.1014C96.944 116.311 97.6534 116.455 98.2294 116.743C98.816 117.031 99.2534 117.42 99.5414 117.911C99.8294 118.401 99.9734 118.961 99.9734 119.591C99.9734 120.359 99.7494 121.036 99.3014 121.623C98.864 122.209 98.2027 122.599 97.3174 122.791L100.117 127.463H98.3734ZM93.9574 121.735H96.1014C96.8907 121.735 97.4827 121.543 97.8774 121.159C98.272 120.764 98.4694 120.241 98.4694 119.591C98.4694 118.929 98.272 118.417 97.8774 118.055C97.4934 117.692 96.9014 117.511 96.1014 117.511H93.9574V121.735ZM106.14 127.607C105.318 127.607 104.572 127.42 103.9 127.047C103.238 126.673 102.716 126.145 102.332 125.463C101.958 124.769 101.772 123.969 101.772 123.063C101.772 122.167 101.964 121.377 102.348 120.695C102.742 120.001 103.276 119.473 103.948 119.111C104.62 118.737 105.372 118.551 106.204 118.551C107.036 118.551 107.788 118.737 108.46 119.111C109.132 119.473 109.66 119.996 110.044 120.679C110.438 121.361 110.636 122.156 110.636 123.063C110.636 123.969 110.433 124.769 110.028 125.463C109.633 126.145 109.094 126.673 108.412 127.047C107.729 127.42 106.972 127.607 106.14 127.607ZM106.14 126.327C106.662 126.327 107.153 126.204 107.612 125.959C108.07 125.713 108.438 125.345 108.716 124.855C109.004 124.364 109.148 123.767 109.148 123.063C109.148 122.359 109.009 121.761 108.732 121.271C108.454 120.78 108.092 120.417 107.644 120.183C107.196 119.937 106.71 119.815 106.188 119.815C105.654 119.815 105.164 119.937 104.716 120.183C104.278 120.417 103.926 120.78 103.66 121.271C103.393 121.761 103.26 122.359 103.26 123.063C103.26 123.777 103.388 124.38 103.644 124.871C103.91 125.361 104.262 125.729 104.7 125.975C105.137 126.209 105.617 126.327 106.14 126.327ZM123.174 118.535C123.857 118.535 124.465 118.679 124.998 118.967C125.531 119.244 125.953 119.665 126.262 120.231C126.571 120.796 126.726 121.484 126.726 122.295V127.463H125.286V122.503C125.286 121.628 125.067 120.961 124.63 120.503C124.203 120.033 123.622 119.799 122.886 119.799C122.129 119.799 121.526 120.044 121.078 120.535C120.63 121.015 120.406 121.713 120.406 122.631V127.463H118.966V122.503C118.966 121.628 118.747 120.961 118.31 120.503C117.883 120.033 117.302 119.799 116.566 119.799C115.809 119.799 115.206 120.044 114.758 120.535C114.31 121.015 114.086 121.713 114.086 122.631V127.463H112.63V118.695H114.086V119.959C114.374 119.5 114.758 119.148 115.238 118.903C115.729 118.657 116.267 118.535 116.854 118.535C117.59 118.535 118.241 118.7 118.806 119.031C119.371 119.361 119.793 119.847 120.07 120.487C120.315 119.868 120.721 119.388 121.286 119.047C121.851 118.705 122.481 118.535 123.174 118.535Z" fill="white"/>
-</svg>
diff --git a/public/playground_assets/compatibility.svg b/public/playground_assets/compatibility.svg
deleted file mode 100644
index b7ba0fb..0000000
--- a/public/playground_assets/compatibility.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="46" height="38" viewBox="0 0 46 38" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="1.5" y="1.5" width="43" height="28" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.5 15.5L21.5 19.5L30 11" stroke="white" stroke-width="2" stroke-linecap="round"/>
-<path d="M19.5 29V37M27.5 29V37M14 37H33" stroke="white" stroke-width="2" stroke-linecap="round"/>
-</svg>
diff --git a/public/playground_assets/design_services_black_24dp 1.svg b/public/playground_assets/design_services_black_24dp 1.svg
new file mode 100644
index 0000000..9bfe4b9
--- /dev/null
+++ b/public/playground_assets/design_services_black_24dp 1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.96 9.69336C28.48 9.17336 28.48 8.33336 27.96 7.81336L24.1867 4.04002C23.6667 3.52002 22.8267 3.52002 22.3067 4.04002L16.32 10.0267L11.1333 4.84002C10.0933 3.80002 8.4 3.80002 7.36 4.84002L4.82667 7.37336C3.78667 8.41336 3.78667 10.1067 4.82667 11.1467L10.0133 16.3334L4 22.3467V28H9.65333L15.68 21.9734L20.8667 27.16C22.1333 28.4267 23.84 27.96 24.64 27.16L27.1733 24.6267C28.2133 23.5867 28.2133 21.8934 27.1733 20.8534L21.9867 15.6667L27.96 9.69336ZM6.72 9.25336L9.24 6.72002L10.9333 8.41336L9.36 10L11.24 11.88L12.8267 10.2934L14.4267 11.8934L11.8933 14.4267L6.72 9.25336ZM21.6933 19.1734L20.1067 20.76L21.9867 22.64L23.5733 21.0534L25.2667 22.7467L22.7333 25.28L17.5467 20.0934L20.08 17.56L21.6933 19.1734ZM8.54667 25.3334H6.66667V23.4534L19.48 10.64L21.2133 12.3734L21.36 12.52L8.54667 25.3334ZM21.36 8.74669L23.24 6.86669L25.12 8.74669L23.24 10.6267L21.36 8.74669Z" fill="#002766"/>
+</svg>
diff --git a/public/playground_assets/devices_black_24dp.svg b/public/playground_assets/devices_black_24dp.svg
new file mode 100644
index 0000000..bb99090
--- /dev/null
+++ b/public/playground_assets/devices_black_24dp.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.33333 13.9999H51.3333V9.33325H9.33333C6.76667 9.33325 4.66667 11.4333 4.66667 13.9999V39.6666H0V46.6666H32.6667V39.6666H9.33333V13.9999ZM53.6667 18.6666H39.6667C38.3833 18.6666 37.3333 19.7166 37.3333 20.9999V44.3332C37.3333 45.6166 38.3833 46.6666 39.6667 46.6666H53.6667C54.95 46.6666 56 45.6166 56 44.3332V20.9999C56 19.7166 54.95 18.6666 53.6667 18.6666ZM51.3333 39.6666H42V23.3333H51.3333V39.6666Z" fill="#2A870E"/>
+</svg>
diff --git a/public/playground_assets/favicon.ico b/public/playground_assets/favicon.ico
new file mode 100644
index 0000000..54f6256
--- /dev/null
+++ b/public/playground_assets/favicon.ico
Binary files differ
diff --git a/public/playground_assets/file_download_black_24dp.svg b/public/playground_assets/file_download_black_24dp.svg
new file mode 100644
index 0000000..f9c1cdd
--- /dev/null
+++ b/public/playground_assets/file_download_black_24dp.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.9997 34.9999V41.9999H13.9997V34.9999H9.33301V41.9999C9.33301 44.5666 11.433 46.6666 13.9997 46.6666H41.9997C44.5663 46.6666 46.6663 44.5666 46.6663 41.9999V34.9999H41.9997ZM39.6663 25.6666L36.3763 22.3766L30.333 28.3966V9.33325H25.6663V28.3966L19.623 22.3766L16.333 25.6666L27.9997 37.3332L39.6663 25.6666Z" fill="#1349A0"/>
+</svg>
diff --git a/public/playground_assets/frame 38.svg b/public/playground_assets/frame 38.svg
new file mode 100644
index 0000000..a2a4915
--- /dev/null
+++ b/public/playground_assets/frame 38.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="424" height="130" viewBox="0 0 424 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.338 33.5493C267.363 38.1514 329.724 11.29 372.992 47.1402C418.096 84.5108 428.127 150.344 422.637 208.623C417.617 261.917 385.267 306.799 345.186 342.329C307.811 375.461 261.287 397.369 211.338 395.933C162.713 394.536 118.493 370.067 84.9763 334.85C52.3605 300.579 42.4782 254.967 33.0731 208.623C19.9214 143.818 -26.4868 64.5604 20.7151 18.2033C67.971 -28.2066 145.291 28.1241 211.338 33.5493Z" fill="#95F9C3"/>
+</svg>
diff --git a/public/playground_assets/groups_black_24dp.svg b/public/playground_assets/groups_black_24dp.svg
new file mode 100644
index 0000000..04fd57d
--- /dev/null
+++ b/public/playground_assets/groups_black_24dp.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_822_440)">
+<path d="M9.83333 30.3333C12.4 30.3333 14.5 28.2333 14.5 25.6667C14.5 23.1 12.4 21 9.83333 21C7.26667 21 5.16667 23.1 5.16667 25.6667C5.16667 28.2333 7.26667 30.3333 9.83333 30.3333ZM12.47 32.9C11.6067 32.76 10.7433 32.6667 9.83333 32.6667C7.52333 32.6667 5.33 33.1567 3.34667 34.02C1.62 34.7667 0.5 36.4467 0.5 38.3367V42H11V38.2433C11 36.3067 11.5367 34.4867 12.47 32.9ZM47.1667 30.3333C49.7333 30.3333 51.8333 28.2333 51.8333 25.6667C51.8333 23.1 49.7333 21 47.1667 21C44.6 21 42.5 23.1 42.5 25.6667C42.5 28.2333 44.6 30.3333 47.1667 30.3333ZM56.5 38.3367C56.5 36.4467 55.38 34.7667 53.6533 34.02C51.67 33.1567 49.4767 32.6667 47.1667 32.6667C46.2567 32.6667 45.3933 32.76 44.53 32.9C45.4633 34.4867 46 36.3067 46 38.2433V42H56.5V38.3367ZM38.3933 31.85C35.6633 30.6367 32.3033 29.75 28.5 29.75C24.6967 29.75 21.3367 30.66 18.6067 31.85C16.0867 32.97 14.5 35.49 14.5 38.2433V42H42.5V38.2433C42.5 35.49 40.9133 32.97 38.3933 31.85ZM19.33 37.3333C19.54 36.7967 19.6333 36.4233 21.4533 35.7233C23.7167 34.8367 26.0967 34.4167 28.5 34.4167C30.9033 34.4167 33.2833 34.8367 35.5467 35.7233C37.3433 36.4233 37.4367 36.7967 37.67 37.3333H19.33ZM28.5 18.6667C29.7833 18.6667 30.8333 19.7167 30.8333 21C30.8333 22.2833 29.7833 23.3333 28.5 23.3333C27.2167 23.3333 26.1667 22.2833 26.1667 21C26.1667 19.7167 27.2167 18.6667 28.5 18.6667ZM28.5 14C24.6267 14 21.5 17.1267 21.5 21C21.5 24.8733 24.6267 28 28.5 28C32.3733 28 35.5 24.8733 35.5 21C35.5 17.1267 32.3733 14 28.5 14Z" fill="#2513A0"/>
+</g>
+<defs>
+<clipPath id="clip0_822_440">
+<rect width="56" height="56" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/playground_assets/header-img-400w.png b/public/playground_assets/header-img-400w.png
new file mode 100644
index 0000000..79bf3ca
--- /dev/null
+++ b/public/playground_assets/header-img-400w.png
Binary files differ
diff --git a/public/playground_assets/lines-bg-1400w.png b/public/playground_assets/lines-bg-1400w.png
new file mode 100644
index 0000000..c398c82
--- /dev/null
+++ b/public/playground_assets/lines-bg-1400w.png
Binary files differ
diff --git a/public/playground_assets/mobiel-ss-1500w.png b/public/playground_assets/mobiel-ss-1500w.png
new file mode 100644
index 0000000..4e82614
--- /dev/null
+++ b/public/playground_assets/mobiel-ss-1500w.png
Binary files differ
diff --git a/public/playground_assets/more_black_24dp 1.svg b/public/playground_assets/more_black_24dp 1.svg
new file mode 100644
index 0000000..5452e03
--- /dev/null
+++ b/public/playground_assets/more_black_24dp 1.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.3333 4H9.33333C8.41333 4 7.69333 4.46667 7.21333 5.17333L0 16L7.21333 26.8133C7.69333 27.52 8.50667 28 9.42667 28H29.3333C30.8 28 32 26.8 32 25.3333V6.66667C32 5.2 30.8 4 29.3333 4ZM29.3333 25.3333H9.42667L3.2 16L9.41333 6.66667H29.3333V25.3333Z" fill="#660005"/>
+<path d="M12 18C13.1046 18 14 17.1046 14 16C14 14.8954 13.1046 14 12 14C10.8954 14 10 14.8954 10 16C10 17.1046 10.8954 18 12 18Z" fill="#660005"/>
+<path d="M18.667 18C19.7716 18 20.667 17.1046 20.667 16C20.667 14.8954 19.7716 14 18.667 14C17.5624 14 16.667 14.8954 16.667 16C16.667 17.1046 17.5624 18 18.667 18Z" fill="#660005"/>
+<path d="M25.333 18C26.4376 18 27.333 17.1046 27.333 16C27.333 14.8954 26.4376 14 25.333 14C24.2284 14 23.333 14.8954 23.333 16C23.333 17.1046 24.2284 18 25.333 18Z" fill="#660005"/>
+</svg>
diff --git a/public/playground_assets/nav_logo.svg b/public/playground_assets/nav_logo.svg
deleted file mode 100644
index c86dfd9..0000000
--- a/public/playground_assets/nav_logo.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="60" height="60" fill="url(#pattern0)"/>
-<defs>
-<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0" transform="scale(0.0078125 0.00868056)"/>
-</pattern>
-<image id="image0" width="128" height="128" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAQCUlEQVR4Ae2dCfR+xRjH/6lERSHRrhAiKkmbtCoKOaVCEZ1UnCKypOiIkqijzdJCCx0plDaHVEhRx5JIJfu+Zd+Xj/O9PfOe+d//zL0zc+/7/v6/mjnnPXfuLM888537zp15nmeeu2BBDRWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWBikBFoCJQEagIVAQqAhWB+YYAsCFwPnDf+cZ75XcgAsBSwPXcHU4aSK5Wn28IAIfY4LvLrvOtD5XfQgSAVYC73Mjb9efAQwtJ1mrzCQHg5Nbgu9vT51M/Kq8FCADrAH93I966/g/YpIBsrTJfEABOaQ16+/aq+dKXymcmAvbu/1N7xAP322WSrsXnAwLAGwKDHUqqs8B8GNAcHiXsAW4PjXYkra4FcgBe3MsC20cGOpZ89uLep8pfBgLAB2MjHUnXWuFhGU3UomMiADwDePgYNIEHAr+KDHRX8gFD21cf1JehdO519YHPA98G1hzaeWDnrlHuyLt2SNvAGsC31JchdO51dYGlge/awGjh9qghIADv7Rjkrqx/AmuXtC2evUWn+rJ0CZ3Fuo4pVI4tBSnWOWB14G/eyHwPeGSsfFe6af1u82jlRl/eRT+UZ9LGO72GJHlcI1S2NA14DHAC8NJSGoPreVK1P1p8ncFEFyxYAGzugeeiGsTVcukD6wH/dUQKrhfntAmsCnwn0M6WOXRiZYHHAWd6f5CjYmWnng68vdXRPwBHAQ8Y0jjwohZdd3uTFnQ5tIH9XOXC6y9T+2OLzRsj7eyTw3e7LPAQ4J3AX1v0D22Xndk9cFiLGXd7K7BLKSPAkY5Q4PopYMlU2sBZARq5SZv1tQfcB7ikg/Bb+mjE8oE9gO9HaO8bqzf1dODFEaZc8vuAFXMZAc5wBCLXE1JoAksAX4/QyEl+dV97wLt6CJ7ZR6OdD6wMnNdDd+d2vZndA9v1MKdsbYN6/0E+08AVCXR7p1QJcoA/J9DqK3K+z187DuzdRwC4vF2v694kl1r89oWNuuhMNQ9YN3GBpVXwK1KZAfSu7wsa2Cd00QS26COSmH+LpvhQW8DjEx+ym0L1Q2mmtPpPAm9/kYYzRGMmacDygEypUoP24537YZMB+FuoLtpfA+4f6yzwsq7KGXkSC6/cbge4H/DVRDrqU1/fl0uY8v3mJCNZqs3XTO9NYucz1Rf/tFa0MSaBFYBf9xHx8qPrAVs1e0UHRTdu8wy8O4Oi+hRdD5ns47oMeip6SZunmd8D78lkWsW/ERMemdFG7nt7m1DHgQsLeItV2d1vA9gakAlZatB0vapPw8X1KvMkn6n0VO7NjsacXYG9cjj2ympbs8g7XBI/4F9euZSoBC/LtUEAbkipnFjmMEcfWDYi7Oki9e+QSBvYFJCsoSTs4Hias6uJPXMHzHVW64cn+8zbosrl51yPadGRAUjKKjq1jZMd/YAALJXGQg+8zSK/T63cKifp69ybsdteW4ux0iA17eQhADYqJPQPPTzeIK0UsP0vJN1U+7Bom2hZbZWEyZYN2AZIsU+MtXO16+ucX0dYbGkKfKIB/NRYjxPSr3BgDJyZQk1tb/xdHspMTNvCaGh7qn/wkPB619c5vwJbDemJ1f2JCW5KZwDHQiMZ06ziEka4NgohYKeBtPRwS1n024F0tPhcf84H3jEALNMhq87pqxZEWhEPCRL9Lmn6+NK1id++Fm/rm6x/qFhZD/dTfOKFcfERFEy5MZn51XTThf2ZVBM4Qx8AEdtbAADnTiiXR841Wi8sJzGp+aSRZqbDZz7AfQ2O1LFNzNBhglhhRNtCHf9+bMGW0m9S4ljREK2Qjt8vmxKXEcfGKQU7ymhWG2QhtdBYAruZydSBtjJdq09kuRABu7HdwJc7GE/J0gOg9scIbhYYIgy6UN3rsE/I5VPnEoc+AFeG8O9LMxG7sNXuQ2Mtsfxu6tyagKRULsgUS9Y3nwDeBGwLrNTXgAE1VPautqQCHePdfbM9lHqoSoPqSqUsWkOD1hKyEJYEcUh4buJYyIBEeB4OfNzG1Dcm0Tiv1dACjujhSHLsK4HXdK0+zSImRznUbnYXSfQG7o99mm5HcI2fmBj/gj3Uz0ws31dM4m317dl9BTvypfyJurOxxarGSOr0Pn3KkZMHSRKlDKGJ3otfAd6o9/WEiEXMJKyjD51Z+9g/7hedpdIzmzN+wPPTq0xKNrJ/4LOTlGERyTo0m+w7gMwrA3hrXaGx0Os3RYWs5iV9XFi7WbiKl0TsMmB3qUbFnNSzwHGFBzEayxubrgbgNKkqY1Dp6yUW/uEktT8imYS2tkMNSv2WbjN8XucnJsYlLRWmjTrZ1NDCXNiXSCVPbD9IGri1OxwnpPApO0BNPw+yjkoUezwgQ9HUcJzVzVWLdtFvZPiAzNdTQ6NXAE5KrZBQ7jrrW44KWdjJ1KxZgwlbw1hYlwYZ54Stt4FzSql69X4mNaXTfQOPsHN5KapTt+f+mEdvaFT/HmnvtJ1LMQ9XGVk6aSYr1dKFeL7AHoCPhDJbacLqQ8LO6qxohrI/bZUruW0wFt1FArBBIkgpDYvZ13rT1pZA3z/7GjE1gm6hzd+eRlfHzfrC9Va2ZN3QRft4o/u5rkLAl4DmDIHJH4ThGAOvZvVwbyg+ogG4tIfB3GxNV3u4BoFX2SIkROdOlRvBlr9NuzHIBF7ZzgjcH2Q86P06Ztjf6MZOKWlhNrE+toWrzkaOGS5z4xC9Ak8bs0WPlgBdz0B4dMTyV/tUmYSFTgZ5pLKjoiv5wmo9iyadBZSyRrsif8+c3WCggmZA2VCGVMDaYjfSPVt4jv0ndOxsFR14PwO42tUY+SqB00SODRwcAFoKkwcPXJCG2Hb/wKtCmZbWnOKdwgyklboWxdIF+EF4HOKwt+2cL5Tzyw6Np9sPFHjTyGVOa4En2Wwgf72+ZW1j7++drM2lHSvfiFA1zcYKuCk4Mjt1VOvNut366h+kUZ83sHQ9GF/spTKsQGPP4B623itQIj3LYVFTbPP02z79dKt8ioFyUQ6xhLKaevV6keAktBtQml5NWnGHpumEJqJFLrI+6aSUgg53LmNpclk7rX+9NUe+n4MRZNau8b6rBroxEwcONTNznbNTfOywm4Gugx7tcKvlPa+dMcK9VvKSAl6rfby1o9fcEEVVDltBq2nx0RmmMBXGmJYDhc3FjEzDTHM1xDQs1s5Z1kZIwHOq5fWdS4zR7krfzLZ0jVGoLXLv6KowYl6R9rB5MEzHH5ouR+RvQkoSqokzBlsx9yk0JpUTI3fYIO8aKP8cyxt7YNSH5RtA737A95/CAjfQnSZJY7fIgRbHS9IVODtGfUrpJ7rj354DirGakoRNrlu0JdQD54Li2vopL0Vi6eqlXE+zB0uvNfVtluGcpEHuKmQGGmMvivpA0Dn7FQy4Uv8+sTb2M7r+zuNmS3tprFJh+geMrhafFxfSKK0m9fPd+n4xMSSYYUgpI6X15GljdfENHFNKJFCv+Ve0HEc1buJN/h6oUpR0rPEuf0dSn886HDFkzBeqa4qRMWzickHQidrmsEeGn9++Nm6xgfH18i+xtNDuoI9eKL8RdpkqOvWkc4hOaZrEzcsuNIhDb4AdS7kZWE8auU1tgFJk+X3N6X0vcylfKidLZKX564I+OrH8g41X7WLG1CbG2gul7zR0vIP1RzKzDjHclyZFSbOXBQ7oK5yQL1s5GXxobaOfDEZkLDk0HGiDL7u/0jN/Q3k4Lzh4YyTayZ2xzLVyOyppWeNydYSHoDnpC3xT5t42aDJmGRLc4Mspde7x9iHt+nU140zXv3GhfZ3P5JC4xMc72oDJtLk0NP8Ss5a91OgNMYZp3N8AO8xArNvV54nafYw/fJRGphuTLoZL8jQTuNdB6gcg2u3caIOu3cU7LF66UncLPr1Cpi3Tb/fDv29OL0cHbcwMU9fG/Nb5TE0rLlu5xvMY8NaCRjRV6vygHFK+wOIlC7aj7eGRqDfH9rGA5c4qP9CYjDnGvbSAp0e0ap2cjpj5G+9IeewzcLHmZD4tT94ygdPBT8VTTaodTae1lO5ibJG1ayPlKnHv1r0DNo0CcyQg8kH5sfM1ZN8A9vP64nqA5eVLP8VzwkeFpxm8/iin4hTKjifwKXlIetyjTqG/i5CUI0rt4eVivs/g0q888bKdeVhD1lLaNqrNsQRHPl85cbnNXaJk3EarY0CMrUHLAUFlpWfXoEjHnmozP/GybWbsKW3qYVMbetimbTDTx48wj7rbG22AUwjZu3TWCqM2QI07V7P4SXknn+H6Bry/TSxwL5rrqg6QYtsfIDFakuQMjTmZ68OcX819iv+Rh9F6m0HIneiRpK/vhHGz/7cB7fLyreZFa1srO6ZiKqNrk6ISVz9rzgc8xIA5j9bqfC5D4z49QVp4g+uDHcbo4rn5eFTmWqGLXmmefAvlGXe6Ts7qahowX9de2tnSejLBdt64uraH0m42C6iedYPb7smzV8lBzNJ+tOsJ04kbvFmNZ1E7Zs51arsHM7zXUSodApEVTuyMgzsBLKWQ4qGghZ4ERjosEisTqjd22mmpXy0pGrBpVQLkXGEM7xolgOocoAZvlcjg/c4cWuibgoq3gx4i1RWNlDOF7fpj3Au7xfN9n/rQmDGJzKJ1anjWwR0Nl3pWLlr8IMWS7AD1a8vwJRVspGsjHxH32++KCyt9jmdco47UQZtGOQNa3wKS9G6WwZ000kPoB63s9ZqQGLj9cDh1ccqXQHyaQ+PCRhgt7L1jGgMyVzTNyYFUubGvaw0FsV1fe2ZnVibHVy7I+ldOMeS/wLcE/qSwsUOas9LrC4uDnHONuRqbmbZrJ2XkYlbHpaY9K+j7BHL4IPGt7ypGjiBkCu6C5PoqI/3AUK+gjmbsqj6r78JgbsW5Mx35QGO2GJP3LJ3KmZYRpTPRlt7e/ePlNUR+gBSU5t77KZJBq5Z1Ud/UR/U16/uHAdjumUn2T5V/ALmu+0yhs6nYqOwl1ICjrYAeAKmDFd5meXva/RgXiY/VB/VFfYp+3+ieOZoj9MqUL5omtSq+wL4o3l61pw7WXfbOl3xAR9Tlm1gOqvVlEW335EkztCVMoS+e5NFDPIpX8bx4KGtGGIfFhoQNlFbukvfLTFxCEv3LZAufYol7vWnztPiT507t9RWXhk/+efqC2lBbalNtiwfxIp6Sv2i62AB6T2HETt/qzJ+mdJ1hkNtabakkkdS/Ug4fZfenk8jNQRC/7/YVVOWpjMqqjuqKhmiJpmirjbn9VJvPeI3nIWAzyCIft5aotf6D87CspSsCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARqAhUBCoCFYGKQEWgIlARmFsE/g8hsBHsKGjsUAAAAABJRU5ErkJggg=="/>
-</defs>
-</svg>
diff --git a/public/playground_assets/og image.png b/public/playground_assets/og image.png
new file mode 100644
index 0000000..cc7b243
--- /dev/null
+++ b/public/playground_assets/og image.png
Binary files differ
diff --git a/public/playground_assets/ontime updates.svg b/public/playground_assets/ontime updates.svg
new file mode 100644
index 0000000..f7c0ed1
--- /dev/null
+++ b/public/playground_assets/ontime updates.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.667 1.33337H9.33366C8.62641 1.33337 7.94814 1.61433 7.44804 2.11442C6.94794 2.61452 6.66699 3.2928 6.66699 4.00004V28C6.66699 28.7073 6.94794 29.3856 7.44804 29.8857C7.94814 30.3858 8.62641 30.6667 9.33366 30.6667H22.667C23.3742 30.6667 24.0525 30.3858 24.5526 29.8857C25.0527 29.3856 25.3337 28.7073 25.3337 28V4.00004C25.3337 3.2928 25.0527 2.61452 24.5526 2.11442C24.0525 1.61433 23.3742 1.33337 22.667 1.33337ZM22.667 25.3334H9.33366V6.66671H22.667V25.3334ZM21.3337 17.3334H17.3337V10.6667H14.667V17.3334H10.667L16.0003 22.6667L21.3337 17.3334Z" fill="#005C66"/>
+</svg>
diff --git a/public/playground_assets/phone_img-1500h.png b/public/playground_assets/phone_img-1500h.png
deleted file mode 100644
index f54f36d..0000000
--- a/public/playground_assets/phone_img-1500h.png
+++ /dev/null
Binary files differ
diff --git a/public/playground_assets/teamwork-1500h.png b/public/playground_assets/teamwork-1500h.png
deleted file mode 100644
index a5c69e7..0000000
--- a/public/playground_assets/teamwork-1500h.png
+++ /dev/null
Binary files differ
diff --git a/public/playground_assets/vector-200h.png b/public/playground_assets/vector-200h.png
new file mode 100644
index 0000000..ca86581
--- /dev/null
+++ b/public/playground_assets/vector-200h.png
Binary files differ
diff --git a/public/playground_assets/vectorblob-1.svg b/public/playground_assets/vectorblob-1.svg
new file mode 100644
index 0000000..f8bd76d
--- /dev/null
+++ b/public/playground_assets/vectorblob-1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="424" height="396" viewBox="0 0 424 396" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.338 33.5493C267.363 38.1514 329.724 11.29 372.992 47.1402C418.096 84.5108 428.127 150.344 422.637 208.623C417.617 261.917 385.267 306.799 345.186 342.329C307.811 375.461 261.287 397.369 211.338 395.933C162.713 394.536 118.493 370.067 84.9763 334.85C52.3605 300.579 42.4782 254.967 33.0731 208.623C19.9214 143.818 -26.4868 64.5604 20.7151 18.2033C67.971 -28.2066 145.291 28.1241 211.338 33.5493Z" fill="#0B3866"/>
+</svg>
diff --git a/public/playground_assets/vectorblob.svg b/public/playground_assets/vectorblob.svg
new file mode 100644
index 0000000..eb88558
--- /dev/null
+++ b/public/playground_assets/vectorblob.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="424" height="396" viewBox="0 0 424 396" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M211.338 33.5493C267.363 38.1514 329.724 11.29 372.992 47.1402C418.096 84.5108 428.127 150.344 422.637 208.623C417.617 261.917 385.267 306.799 345.186 342.329C307.811 375.461 261.287 397.369 211.338 395.933C162.713 394.536 118.493 370.067 84.9763 334.85C52.3605 300.579 42.4782 254.967 33.0731 208.623C19.9214 143.818 -26.4868 64.5604 20.7151 18.2033C67.971 -28.2066 145.291 28.1241 211.338 33.5493Z" fill="#95F9C3"/>
+</svg>
diff --git a/public/playground_assets/verified_user_black_24dp 1.svg b/public/playground_assets/verified_user_black_24dp 1.svg
new file mode 100644
index 0000000..0fcef8b
--- /dev/null
+++ b/public/playground_assets/verified_user_black_24dp 1.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 1.33337L4 6.66671V14.6667C4 22.0667 9.12 28.9867 16 30.6667C22.88 28.9867 28 22.0667 28 14.6667V6.66671L16 1.33337ZM25.3333 14.6667C25.3333 20.6934 21.36 26.2534 16 27.9067C10.64 26.2534 6.66667 20.6934 6.66667 14.6667V8.40004L16 4.25337L25.3333 8.40004V14.6667ZM9.88 15.4534L8 17.3334L13.3333 22.6667L24 12L22.12 10.1067L13.3333 18.8934L9.88 15.4534Z" fill="#0D0066"/>
+</svg>
diff --git a/screenshots/1.jpg b/screenshots/1.jpg
deleted file mode 100644
index 755f0da..0000000
--- a/screenshots/1.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/10.jpg b/screenshots/10.jpg
deleted file mode 100644
index ff91bce..0000000
--- a/screenshots/10.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/11.jpg b/screenshots/11.jpg
deleted file mode 100644
index 079405b..0000000
--- a/screenshots/11.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/12.jpg b/screenshots/12.jpg
deleted file mode 100644
index 4bb6ab1..0000000
--- a/screenshots/12.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/13.jpg b/screenshots/13.jpg
deleted file mode 100644
index 076b476..0000000
--- a/screenshots/13.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/14.jpg b/screenshots/14.jpg
deleted file mode 100644
index d08db81..0000000
--- a/screenshots/14.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/15.jpg b/screenshots/15.jpg
deleted file mode 100644
index b49e850..0000000
--- a/screenshots/15.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/16.jpg b/screenshots/16.jpg
deleted file mode 100644
index ff85f64..0000000
--- a/screenshots/16.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/17.jpg b/screenshots/17.jpg
deleted file mode 100644
index c7dea38..0000000
--- a/screenshots/17.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/18.jpg b/screenshots/18.jpg
deleted file mode 100644
index 44551bf..0000000
--- a/screenshots/18.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/19.jpg b/screenshots/19.jpg
deleted file mode 100644
index c57f070..0000000
--- a/screenshots/19.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/2.jpg b/screenshots/2.jpg
deleted file mode 100644
index 0a816fa..0000000
--- a/screenshots/2.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/20.jpg b/screenshots/20.jpg
deleted file mode 100644
index bf547b4..0000000
--- a/screenshots/20.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/21.jpg b/screenshots/21.jpg
deleted file mode 100644
index 095bbd1..0000000
--- a/screenshots/21.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/22.jpg b/screenshots/22.jpg
deleted file mode 100644
index 0ecfbfb..0000000
--- a/screenshots/22.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/23.jpg b/screenshots/23.jpg
deleted file mode 100644
index fc0ca60..0000000
--- a/screenshots/23.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/24.jpg b/screenshots/24.jpg
deleted file mode 100644
index 400189d..0000000
--- a/screenshots/24.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/25.jpg b/screenshots/25.jpg
deleted file mode 100644
index d187e52..0000000
--- a/screenshots/25.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/26.jpg b/screenshots/26.jpg
deleted file mode 100644
index 945d8fd..0000000
--- a/screenshots/26.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/27.jpg b/screenshots/27.jpg
deleted file mode 100644
index e666e84..0000000
--- a/screenshots/27.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/28.jpg b/screenshots/28.jpg
deleted file mode 100644
index da4b409..0000000
--- a/screenshots/28.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/29.jpg b/screenshots/29.jpg
deleted file mode 100644
index 4978a78..0000000
--- a/screenshots/29.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/3.jpg b/screenshots/3.jpg
deleted file mode 100644
index 5b0fa50..0000000
--- a/screenshots/3.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/30.jpg b/screenshots/30.jpg
deleted file mode 100644
index cac0011..0000000
--- a/screenshots/30.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/31.jpg b/screenshots/31.jpg
deleted file mode 100644
index df35ce8..0000000
--- a/screenshots/31.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/32.jpg b/screenshots/32.jpg
deleted file mode 100644
index 849dfe2..0000000
--- a/screenshots/32.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/33.jpg b/screenshots/33.jpg
deleted file mode 100644
index 51199a1..0000000
--- a/screenshots/33.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/34.jpg b/screenshots/34.jpg
deleted file mode 100644
index b49835f..0000000
--- a/screenshots/34.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/35.jpg b/screenshots/35.jpg
deleted file mode 100644
index 50fc137..0000000
--- a/screenshots/35.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/36.jpg b/screenshots/36.jpg
deleted file mode 100644
index 6b9db75..0000000
--- a/screenshots/36.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/37.jpg b/screenshots/37.jpg
deleted file mode 100644
index 2a5908f..0000000
--- a/screenshots/37.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/38.jpg b/screenshots/38.jpg
deleted file mode 100644
index 92347c1..0000000
--- a/screenshots/38.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/39.jpg b/screenshots/39.jpg
deleted file mode 100644
index e14d9b4..0000000
--- a/screenshots/39.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/4.jpg b/screenshots/4.jpg
deleted file mode 100644
index db2349e..0000000
--- a/screenshots/4.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/40.jpg b/screenshots/40.jpg
deleted file mode 100644
index 94c0616..0000000
--- a/screenshots/40.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/41.jpg b/screenshots/41.jpg
deleted file mode 100644
index c69b371..0000000
--- a/screenshots/41.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/42.jpg b/screenshots/42.jpg
deleted file mode 100644
index 6e22a04..0000000
--- a/screenshots/42.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/43.jpg b/screenshots/43.jpg
deleted file mode 100644
index 80f0ebb..0000000
--- a/screenshots/43.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/44.jpg b/screenshots/44.jpg
deleted file mode 100644
index 77e0884..0000000
--- a/screenshots/44.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/45.jpg b/screenshots/45.jpg
deleted file mode 100644
index 4701d7e..0000000
--- a/screenshots/45.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/46.jpg b/screenshots/46.jpg
deleted file mode 100644
index a20d4e8..0000000
--- a/screenshots/46.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/47.jpg b/screenshots/47.jpg
deleted file mode 100644
index 3b68e72..0000000
--- a/screenshots/47.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/48.jpg b/screenshots/48.jpg
deleted file mode 100644
index 3f4ac46..0000000
--- a/screenshots/48.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/49.jpg b/screenshots/49.jpg
deleted file mode 100644
index 98cf8ed..0000000
--- a/screenshots/49.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/5.jpg b/screenshots/5.jpg
deleted file mode 100644
index e07e295..0000000
--- a/screenshots/5.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/6.jpg b/screenshots/6.jpg
deleted file mode 100644
index 2b1c3f1..0000000
--- a/screenshots/6.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/7.jpg b/screenshots/7.jpg
deleted file mode 100644
index 3b5e8af..0000000
--- a/screenshots/7.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/8.jpg b/screenshots/8.jpg
deleted file mode 100644
index 3817dd3..0000000
--- a/screenshots/8.jpg
+++ /dev/null
Binary files differ
diff --git a/screenshots/9.jpg b/screenshots/9.jpg
deleted file mode 100644
index 35c186b..0000000
--- a/screenshots/9.jpg
+++ /dev/null
Binary files differ
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..3fac28d
--- /dev/null
+++ b/style.css
@@ -0,0 +1,181 @@
+:root {
+ --dl-color-gray-500: #595959;
+ --dl-color-gray-700: #999999;
+ --dl-color-gray-900: #D9D9D9;
+ --dl-size-size-large: 144px;
+ --dl-size-size-small: 48px;
+ --dl-color-danger-300: #A22020;
+ --dl-color-danger-500: #BF2626;
+ --dl-color-danger-700: #E14747;
+ --dl-color-gray-black: #000000;
+ --dl-color-gray-white: #FFFFFF;
+ --dl-size-size-medium: 96px;
+ --dl-size-size-xlarge: 192px;
+ --dl-size-size-xsmall: 16px;
+ --dl-space-space-unit: 16px;
+ --dl-color-primary-100: #003EB3;
+ --dl-color-primary-300: #0074F0;
+ --dl-color-primary-500: #14A9FF;
+ --dl-color-primary-700: #85DCFF;
+ --dl-color-success-300: #199033;
+ --dl-color-success-500: #32A94C;
+ --dl-color-success-700: #4CC366;
+ --dl-size-size-xxlarge: 288px;
+ --dl-size-size-maxwidth: 1400px;
+ --dl-color-bliss-primary: #0000ffff;
+ --dl-radius-radius-round: 50%;
+ --dl-space-space-halfunit: 8px;
+ --dl-space-space-sixunits: 96px;
+ --dl-space-space-twounits: 32px;
+ --dl-color-bliss-secondary: #0073e5ff;
+ --dl-radius-radius-radius2: 2px;
+ --dl-radius-radius-radius4: 4px;
+ --dl-radius-radius-radius8: 8px;
+ --dl-space-space-fiveunits: 80px;
+ --dl-space-space-fourunits: 64px;
+ --dl-space-space-threeunits: 48px;
+ --dl-space-space-oneandhalfunits: 24px;
+}
+.button {
+ color: var(--dl-color-gray-black);
+ cursor: pointer;
+ display: inline-block;
+ padding: 0.5rem 1rem;
+ border-color: var(--dl-color-gray-black);
+ border-width: 1px;
+ border-radius: 4px;
+ background-color: var(--dl-color-gray-white);
+}
+.input {
+ color: var(--dl-color-gray-black);
+ cursor: auto;
+ padding: 0.5rem 1rem;
+ border-color: var(--dl-color-gray-black);
+ border-width: 1px;
+ border-radius: 4px;
+ background-color: var(--dl-color-gray-white);
+}
+.textarea {
+ color: var(--dl-color-gray-black);
+ cursor: auto;
+ padding: 0.5rem;
+ border-color: var(--dl-color-gray-black);
+ border-width: 1px;
+ border-radius: 4px;
+ background-color: var(--dl-color-gray-white);
+}
+.list {
+ width: 100%;
+ margin: 1em 0px 1em 0px;
+ display: block;
+ padding: 0px 0px 0px 1.5rem;
+ list-style-type: none;
+ list-style-position: outside;
+}
+.list-item {
+ display: list-item;
+}
+.teleport-show {
+ display: flex !important;
+}
+.nav-link {
+ font-style: normal;
+ transition: 0.3s;
+ font-weight: 500;
+}
+.nav-link:hover {
+ color: var(--dl-color-bliss-primary);
+ cursor: pointer;
+}
+.feature-card {
+ gap: 12px;
+ flex: 0 0 auto;
+ width: auto;
+ display: flex;
+ padding: var(--dl-space-space-unit);
+ max-width: 280px;
+ transition: 0.3s;
+ align-items: flex-start;
+ border-color: #98BDF9;
+ border-width: 1.6px;
+ border-radius: 16px;
+ flex-direction: column;
+ background-color: #C5DBFD;
+}
+.feature-card:hover {
+ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}
+.teleport-menu-close {
+ width: var(--dl-size-size-xsmall);
+ height: var(--dl-size-size-xsmall);
+}
+.teleport-menu-burger {
+ display: none;
+}
+.teleport-menu-mobile {
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100vh;
+ display: none;
+ padding: 32px;
+ z-index: 100;
+ position: absolute;
+ flex-direction: column;
+ justify-content: space-between;
+ background-color: #fff;
+}
+.download-card {
+ flex: 0 0 auto;
+ width: 90%;
+ display: flex;
+ position: relative;
+ margin-top: var(--dl-space-space-threeunits);
+ transition: 0.3s;
+ align-items: center;
+ padding-left: var(--dl-space-space-threeunits);
+ border-radius: 32px;
+ padding-right: 0px;
+ flex-direction: row;
+ justify-content: center;
+ background-color: #95F9C3;
+ border-top-left-radius: 32px;
+ border-top-right-radius: 32px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.content {
+ font-size: 16px;
+ font-family: Inter;
+ font-weight: 400;
+ line-height: 1.15;
+ text-transform: none;
+ text-decoration: none;
+}
+.heading {
+ font-size: 32px;
+ font-family: Inter;
+ font-weight: 700;
+ line-height: 1.15;
+ text-transform: none;
+ text-decoration: none;
+}
+
+@media(max-width: 767px) {
+ .nav-link {
+ margin-bottom: var(--dl-space-space-unit);
+ }
+ .teleport-menu-burger {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+}
+@media(max-width: 479px) {
+ .teleport-menu-mobile {
+ height: auto;
+ display: none;
+ padding: 16px;
+ }
+}
diff --git a/styles/home.css b/styles/home.css
deleted file mode 100644
index 1bf7e7d..0000000
--- a/styles/home.css
+++ /dev/null
@@ -1,1274 +0,0 @@
-.nav_element-container {
- display: flex;
- position: relative;
-}
-.nav_element-text {
- font-style: normal;
- transition: 0.3s;
- font-weight: 500;
- margin-left: 72px;
-}
-
-
-.button-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button-text {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
- background-color: var(--dl-color-primary-300);
-}
-.button-text:hover {
- color: var(--dl-color-primary-300);
- background-color: var(--dl-color-gray-white);
-}
-
-
-
-
-
-
-
-
-
-
-
-.navbar-image {
- width: 60px;
- height: 60px;
-}
-.navbar-container {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- align-items: space-between;
- margin-right: var(--dl-space-space-oneandhalfunits);
- flex-direction: column;
-}
-.navbar-nav-elements-desktop {
- flex: 0 0 auto;
- display: flex;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: row;
-}
-.navbar-navlink {
- display: contents;
-}
-.navbar-component {
- text-decoration: none;
-}
-.navbar-navlink1 {
- display: contents;
-}
-.navbar-component1 {
- text-decoration: none;
-}
-.navbar-navlink2 {
- display: contents;
-}
-.navbar-component2 {
- text-decoration: none;
-}
-.navbar-link {
- display: contents;
-}
-.navbar-component3 {
- text-decoration: none;
-}
-.navbar-link1 {
- display: contents;
-}
-.navbar-component4 {
- text-decoration: none;
-}
-.navbar-btn-group {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar-component5 {
- text-decoration: none;
-}
-.navbar-burger-menu {
- display: none;
-}
-.navbar-icon {
- width: var(--dl-size-size-xsmall);
- height: var(--dl-size-size-xsmall);
- display: none;
- transition: 0.3s;
-}
-
-.navbar-nav-elements-mobile {
- flex: 0 0 auto;
- display: none;
- position: absolute;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: column;
-}
-.navbar-navlink3 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-navlink3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-link3 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-link3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-navlink4 {
- font-style: normal;
- transition: 0.3s;
- text-decoration: none;
-}
-
-.navbar-navlink4:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-text {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-text:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-text1 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar-text1:active {
- color: var(--dl-color-primary-300);
-}
-.navbar-btn-group1 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar-component6 {
- text-decoration: none;
-}
-.navbar-container1 {
- top: 32px;
- width: 24px;
- height: 24px;
- position: absolute;
-}
-.navbar-icon2 {
- width: 24px;
- height: 24px;
-}
-
-@media(max-width: 991px) {
- .navbar-nav-elements-desktop {
- display: none;
- }
- .navbar-btn-group {
- display: none;
- }
- .navbar-burger-menu {
- display: flex;
- }
- .navbar-icon {
- fill: #D9D9D9;
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- display: flex;
- }
- .navbar-nav-elements-mobile {
- top: 0px;
- left: 0px;
- right: 0px;
- display: flex;
- align-items: flex-start;
- margin-left: 0px;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- padding-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-gray-black);
- }
- .navbar-btn-group1 {
- display: none;
- }
- .navbar-container1 {
- right: 32px;
- }
-}
-@media(max-width: 767px) {
- .navbar-icon {
- fill: var(--dl-color-gray-900);
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- }
-}
-@media(max-width: 479px) {
- .navbar-image {
- width: auto;
- height: auto;
- }
- .navbar-burger-menu {
- display: flex;
- }
- .navbar-icon {
- fill: var(--dl-color-gray-900);
- width: 32px;
- height: 32px;
- }
- .navbar-nav-elements-mobile {
- height: 100vh;
- flex-direction: column;
- justify-content: center;
- background-color: var(--dl-color-gray-white);
- }
- .navbar-navlink3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-link3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-navlink4 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-text {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-text1 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-btn-group1 {
- display: flex;
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
- }
- .navbar-icon2 {
- fill: var(--dl-color-primary-100);
- }
- .rootClassName {
- width: 100%;
- }
-}
-
-.button_nofill-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button_nofill-text {
- color: var(--dl-color-primary-300);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- border-color: var(--dl-color-primary-300);
- border-width: 1px;
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
-}
-.button_nofill-text:hover {
- color: var(--dl-color-gray-white);
- background-color: var(--dl-color-primary-300);
-}
-
-
-.footer-footer {
- width: 100%;
- display: flex;
- max-width: 100%;
- align-items: center;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-fourunits);
- padding-right: var(--dl-space-space-fourunits);
- flex-direction: column;
- padding-bottom: var(--dl-space-space-twounits);
- justify-content: space-between;
- background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
-}
-.footer-container {
- width: 100%;
- display: flex;
- align-items: flex-start;
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-logo {
- display: flex;
- max-width: var(--dl-size-size-maxwidth);
- align-self: flex-start;
- align-items: flex-start;
- margin-right: 56px;
- flex-direction: column;
- justify-content: center;
-}
-.footer-logo1 {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.footer-image {
- width: var(--dl-size-size-medium);
- height: 64px;
-}
-.footer-text {
- color: var(--dl-color-primary-500);
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
-}
-.footer-text02 {
- color: var(--dl-color-gray-900);
- width: 224px;
- margin-top: var(--dl-space-space-unit);
- line-height: 1.32;
-}
-.footer-links-container {
- display: flex;
- align-items: flex-start;
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-container1 {
- display: flex;
- align-items: flex-start;
- margin-right: var(--dl-space-space-fourunits);
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-community-container {
- flex: 0 0 auto;
- display: flex;
- align-items: flex-start;
- margin-right: var(--dl-space-space-fourunits);
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text05 {
- color: var(--dl-color-primary-700);
- font-weight: 700;
- margin-bottom: var(--dl-space-space-oneandhalfunits);
-}
-.footer-link {
- text-decoration: none;
-}
-.footer-link01 {
- text-decoration: none;
-}
-.footer-link02 {
- text-decoration: none;
-}
-.footer-sources-container {
- flex: 0 0 auto;
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text08 {
- color: var(--dl-color-primary-700);
- font-weight: 700;
- margin-bottom: var(--dl-space-space-oneandhalfunits);
-}
-.footer-link03 {
- text-decoration: none;
-}
-.footer-link04 {
- text-decoration: none;
-}
-.footer-link05 {
- text-decoration: none;
-}
-.footer-link06 {
- text-decoration: none;
-}
-.footer-link07 {
- text-decoration: none;
-}
-.footer-container2 {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-contact {
- display: flex;
- align-items: flex-start;
- margin-bottom: 40px;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text12 {
- color: var(--dl-color-primary-700);
- margin-bottom: var(--dl-space-space-oneandhalfunits);
-}
-.footer-link08 {
- text-decoration: none;
-}
-.footer-link09 {
- text-decoration: none;
-}
-.footer-link10 {
- text-decoration: none;
-}
-.footer-socials {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text13 {
- color: var(--dl-color-primary-700);
- margin-bottom: var(--dl-space-space-unit);
-}
-.footer-icon-group {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-link11 {
- display: contents;
-}
-.footer-link12 {
- display: contents;
-}
-.footer-icon02 {
- text-decoration: none;
-}
-.footer-link13 {
- display: contents;
-}
-.footer-icon04 {
- text-decoration: none;
-}
-.footer-link14 {
- display: contents;
-}
-.footer-icon06 {
- fill: #D9D9D9;
- text-decoration: none;
-}
-.footer-link15 {
- display: contents;
-}
-.footer-icon08 {
- text-decoration: none;
-}
-.footer-link16 {
- display: contents;
-}
-.footer-separator {
- width: 100%;
- height: 1px;
- margin-top: var(--dl-space-space-twounits);
- margin-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-primary-700);
-}
-
-.rootClassName1 {
- margin-top: var(--dl-space-space-oneandhalfunits);
- background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
-}
-@media(max-width: 991px) {
- .footer-footer {
- flex-direction: column;
- }
- .footer-links-container {
- align-items: flex-start;
- flex-direction: column;
- }
- .footer-container1 {
- margin-right: var(--dl-space-space-fourunits);
- }
- .footer-community-container {
- margin-right: var(--dl-space-space-fourunits);
- }
-}
-@media(max-width: 767px) {
- .footer-footer {
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- }
- .footer-container {
- align-items: center;
- flex-direction: column;
- justify-content: space-between;
- }
- .footer-logo {
- align-items: center;
- }
- .footer-image {
- margin-bottom: var(--dl-space-space-oneandhalfunits);
- }
- .footer-text02 {
- margin-top: var(--dl-space-space-twounits);
- text-align: center;
- margin-bottom: var(--dl-space-space-twounits);
- }
- .footer-links-container {
- width: 100%;
- align-items: flex-start;
- flex-direction: row;
- justify-content: center;
- }
- .footer-container1 {
- margin-right: var(--dl-space-space-fourunits);
- }
- .footer-community-container {
- margin-right: var(--dl-space-space-fourunits);
- }
- .rootClassName {
- width: 100%;
- }
-}
-@media(max-width: 479px) {
- .footer-footer {
- padding: var(--dl-space-space-unit);
- }
- .footer-container {
- padding: var(--dl-space-space-twounits);
- align-self: center;
- align-items: center;
- flex-direction: column;
- }
- .footer-logo {
- align-self: center;
- align-items: center;
- margin-right: 0px;
- justify-content: center;
- }
- .footer-image {
- margin-bottom: 0px;
- }
- .footer-text02 {
- width: var(--dl-size-size-xxlarge);
- align-self: center;
- margin-top: var(--dl-space-space-unit);
- text-align: center;
- margin-bottom: var(--dl-space-space-unit);
- }
- .footer-links-container {
- align-self: flex-start;
- flex-direction: column;
- }
- .footer-container1 {
- margin: var(--dl-space-space-unit);
- flex-direction: column;
- }
- .footer-sources-container {
- margin-top: var(--dl-space-space-twounits);
- }
- .footer-container2 {
- margin: var(--dl-space-space-unit);
- }
- .footer-contact {
- align-items: flex-start;
- margin-bottom: var(--dl-space-space-unit);
- }
- .footer-socials {
- margin-top: var(--dl-space-space-oneandhalfunits);
- }
- .footer-icon02 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon04 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon06 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon08 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon10 {
- fill: var(--dl-color-gray-white);
- }
- .footer-separator {
- margin-top: 0px;
- margin-bottom: 0px;
- background-color: var(--dl-color-primary-700);
- }
- .rootClassName {
- width: 100%;
- }
-}
-
-.home-container {
- width: 100%;
- height: auto;
- display: flex;
- overflow: hidden;
- background: radial-gradient(65% 30% at 50% -5%, #055EB7 0%, #121212 100%);;
- min-height: 100vh;
- align-items: center;
- flex-direction: column;
- scroll-behavior: smooth;
- scroll-snap-type: block;
-}
-.home-hero {
- display: flex;
- align-self: center;
- margin-top: 180px;
- align-items: center;
- flex-direction: column;
- justify-content: center;
-}
-.home-text {
- color: var(--dl-color-primary-700);
- font-size: 96px;
- align-self: center;
- font-style: normal;
- font-family: Poppins;
- font-weight: 500;
- letter-spacing: -1.5%;
- text-transform: none;
- text-decoration: none;
-}
-.home-text01 {
- color: var(--dl-color-gray-900);
- width: 550px;
- font-size: 20px;
- font-style: normal;
- text-align: center;
- padding-top: 4px;
- letter-spacing: 0.25%;
- padding-bottom: 4px;
-}
-.home-image {
- width: 350px;
- margin-top: var(--dl-space-space-threeunits);
- object-fit: cover;
-}
-.home-features-section {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.home-featuresheader {
- display: flex;
- margin-top: var(--dl-space-space-sixunits);
- align-items: center;
- flex-direction: column;
-}
-.home-text02 {
- color: var(--dl-color-gray-white);
- align-self: center;
- font-style: normal;
- line-height: 1.15;
-}
-.home-text03 {
- color: var(--dl-color-primary-500);
- margin-top: 8px;
-}
-.home-features {
- display: flex;
- margin-top: 32px;
- align-items: center;
- margin-bottom: 32px;
- flex-direction: row;
-}
-.home-sec-bb {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.home-security {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- margin-bottom: 40px;
- flex-direction: column;
-}
-.home-icon {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.home-text04 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-text05 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.home-battery {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
-}
-.home-icon02 {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.home-text06 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-text07 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.home-design-settings {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.home-focusondesign {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
-}
-.home-icon04 {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.home-text08 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-text09 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.home-image1 {
- width: 180px;
- margin-top: 88px;
- object-fit: cover;
- margin-bottom: 88px;
-}
-.home-settings {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
-}
-.home-icon07 {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.home-text10 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-text11 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.home-perf-comp {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.home-performance {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- margin-bottom: 40px;
- flex-direction: column;
-}
-.home-icon09 {
- fill: var(--dl-color-gray-white);
- width: 32px;
-}
-.home-text12 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-text13 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.home-compatibility {
- width: 352px;
- display: flex;
- padding: 16px;
- align-items: center;
- flex-direction: column;
-}
-.home-image2 {
- width: 32px;
- object-fit: cover;
-}
-.home-text14 {
- color: var(--dl-color-primary-300);
- font-style: normal;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-text15 {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-gray-white);
- text-align: center;
-}
-.home-stats {
- display: flex;
- padding: var(--dl-space-space-threeunits);
- max-width: var(--dl-size-size-maxwidth);
- margin-top: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-oneandhalfunits);
- justify-content: center;
- background-color: #181717;
-}
-.home-stat {
- display: flex;
- padding: var(--dl-space-space-twounits);
- align-items: center;
- flex-direction: column;
-}
-.home-icon11 {
- fill: var(--dl-color-primary-700);
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
-}
-.home-text16 {
- color: var(--dl-color-primary-300);
- font-size: 1.15rem;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
-}
-.home-text17 {
- color: var(--dl-color-gray-700);
- font-size: 0.75rem;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
-}
-.home-text18 {
- color: var(--dl-color-gray-white);
- margin-top: var(--dl-space-space-halfunit);
-}
-.home-stat1 {
- display: flex;
- padding: var(--dl-space-space-twounits);
- align-items: center;
- margin-left: var(--dl-space-space-threeunits);
- margin-right: var(--dl-space-space-threeunits);
- flex-direction: column;
-}
-.home-icon14 {
- fill: var(--dl-color-primary-700);
- width: var(--dl-size-size-small);
-}
-.home-text20 {
- color: var(--dl-color-primary-300);
- font-size: 1.15rem;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
-}
-.home-text21 {
- color: var(--dl-color-gray-700);
- font-size: 0.75rem;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
-}
-.home-text22 {
- color: var(--dl-color-gray-white);
- margin-top: var(--dl-space-space-halfunit);
-}
-.home-stat2 {
- display: flex;
- padding: var(--dl-space-space-twounits);
- align-items: center;
- flex-direction: column;
-}
-.home-icon16 {
- fill: var(--dl-color-primary-700);
- width: var(--dl-size-size-small);
-}
-.home-text24 {
- color: var(--dl-color-primary-300);
- font-size: 1.15rem;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
-}
-.home-text25 {
- color: var(--dl-color-gray-700);
- font-size: 0.75rem;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
-}
-.home-text26 {
- color: var(--dl-color-gray-white);
- margin-top: var(--dl-space-space-halfunit);
-}
-.home-downloads {
- flex: 0 0 auto;
- margin: var(--dl-space-space-oneandhalfunits);
- display: flex;
- padding: 64px;
- align-self: center;
- transition: 0.3s;
- align-items: flex-start;
- border-radius: var(--dl-radius-radius-radius8);
- flex-direction: column;
- background-color: #181717;
-}
-.home-downloads:hover {
- box-shadow: 0px 2px 32px 16px #00040d;
-}
-.home-text29 {
- color: var(--dl-color-gray-white);
-}
-.home-text30 {
- color: var(--dl-color-gray-700);
- width: 500px;
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-container1 {
- width: 100%;
- display: flex;
- align-items: flex-start;
- flex-direction: row;
-}
-.home-container2 {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- flex-direction: column;
-}
-.home-p-c {
- flex: 0 0 auto;
- margin: 40px;
- display: flex;
- align-items: flex-start;
- flex-direction: column;
-}
-.home-text33 {
- color: var(--dl-color-gray-white);
-}
-.home-text34 {
- color: var(--dl-color-gray-700);
- margin-top: 12px;
- margin-bottom: 0px;
-}
-.home-text36 {
- color: var(--dl-color-gray-900);
- margin-top: 12px;
- margin-bottom: 0px;
-}
-.home-link {
- display: contents;
-}
-.home-component1 {
- text-decoration: none;
-}
-.home-link1 {
- display: contents;
-}
-.home-component2 {
- text-decoration: none;
-}
-.home-rom {
- flex: 0 0 auto;
- margin: 40px;
- display: flex;
- align-items: flex-start;
- flex-direction: column;
-}
-.home-text37 {
- color: var(--dl-color-gray-white);
-}
-.home-text38 {
- color: var(--dl-color-gray-700);
- margin-top: 12px;
- margin-bottom: 12px;
-}
-.home-link2 {
- display: contents;
-}
-.home-component3 {
- text-decoration: none;
-}
-.home-container3 {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- align-items: flex-start;
- justify-content: flex-start;
-}
-.home-link3 {
- display: contents;
-}
-.home-component4 {
- text-decoration: none;
-}
-.home-joinbliss {
- flex: 0 0 auto;
- width: 800px;
- border: 1px solid rgba(255, 255, 255, 0.125);
- height: 140px;
- display: flex;
- align-self: center;
- margin-top: var(--dl-space-space-twounits);
- transition: 0.3s;
- align-items: center;
- margin-left: var(--dl-space-space-oneandhalfunits);
- padding-top: var(--dl-space-space-oneandhalfunits);
- margin-right: var(--dl-space-space-oneandhalfunits);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: 12px;
- margin-bottom: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-oneandhalfunits);
- justify-content: space-between;
- backdrop-filter: blur(16px) saturate(180%);
- background-color: #004FE2;
- -webkit-backdrop-filter: blur(16px) saturate(180%);
-}
-.home-joinbliss:hover {
- box-shadow: 0px 2px 32px 24px #001640;
-}
-.home-container4 {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: space-between;
-}
-.home-text40 {
- color: var(--dl-color-gray-white);
- text-align: left;
- padding-top: var(--dl-space-space-halfunit);
- padding-bottom: var(--dl-space-space-halfunit);
-}
-.home-text41 {
- color: var(--dl-color-primary-700);
-}
-.home-text42 {
- color: var(--dl-color-gray-900);
-}
-.home-link4 {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- transition: 0.3s;
- padding-top: var(--dl-space-space-unit);
- padding-left: var(--dl-space-space-threeunits);
- padding-right: var(--dl-space-space-threeunits);
- padding-bottom: var(--dl-space-space-unit);
- text-decoration: none;
- background-color: #2A74FF;
-}
-.home-link4:hover {
- color: var(--dl-color-gray-black);
- background-color: var(--dl-color-primary-700);
-}
-@media(max-width: 991px) {
- .home-text01 {
- font-size: 16px;
- }
-}
-@media(max-width: 767px) {
- .home-stats {
- width: 100%;
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- }
- .home-stat {
- padding: var(--dl-space-space-unit);
- }
- .home-text16 {
- text-align: center;
- }
- .home-stat1 {
- padding: var(--dl-space-space-unit);
- }
- .home-text20 {
- text-align: center;
- }
- .home-stat2 {
- padding: var(--dl-space-space-unit);
- }
- .home-text24 {
- text-align: center;
- }
- .home-downloads {
- width: 100%;
- flex-direction: column;
- }
- .home-container1 {
- flex-direction: column;
- }
- .home-p-c {
- margin: var(--dl-space-space-oneandhalfunits);
- }
- .home-rom {
- margin: var(--dl-space-space-oneandhalfunits);
- }
- .home-joinbliss {
- width: 100%;
- height: auto;
- margin: var(--dl-space-space-halfunit);
- padding: var(--dl-space-space-oneandhalfunits);
- align-items: flex-start;
- flex-direction: column;
- }
- .home-link4 {
- margin-top: var(--dl-space-space-unit);
- margin-bottom: var(--dl-space-space-unit);
- }
-}
-@media(max-width: 479px) {
- .home-hero {
- width: 100%;
- margin-top: 144px;
- }
- .home-text {
- font-size: 72px;
- }
- .home-text01 {
- width: 400px;
- font-size: 14px;
- }
- .home-image {
- width: 280px;
- margin-top: 104px;
- }
- .home-features-section {
- width: auto;
- }
- .home-text02 {
- text-align: center;
- }
- .home-features {
- flex-direction: column;
- }
- .home-security {
- margin-bottom: 0px;
- }
- .home-image1 {
- display: none;
- }
- .home-performance {
- margin-bottom: 0px;
- }
- .home-stats {
- width: auto;
- max-width: 100%;
- min-width: 250px;
- align-items: center;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-unit);
- padding-right: var(--dl-space-space-unit);
- flex-direction: column;
- padding-bottom: var(--dl-space-space-twounits);
- }
- .home-stat1 {
- margin-top: var(--dl-space-space-oneandhalfunits);
- margin-bottom: var(--dl-space-space-oneandhalfunits);
- }
- .home-downloads {
- flex: 1;
- width: 400px;
- margin: var(--dl-space-space-twounits);
- padding: var(--dl-space-space-twounits);
- max-width: auto;
- min-width: 250px;
- }
- .home-text30 {
- width: auto;
- }
- .home-container1 {
- flex-direction: column;
- }
- .home-joinbliss {
- width: 88%;
- padding: var(--dl-space-space-unit);
- }
- .home-link4 {
- margin-top: var(--dl-space-space-unit);
- margin-bottom: var(--dl-space-space-unit);
- }
-}
-
-.swiper {
- width: 100%;
- padding-top: 50px;
- padding-bottom: 50px;
-}
-
-.swiper-slide {
- background-position: center;
- background-size: cover;
- width: 220px;
- height: 500px;
-}
-
-.swiper-slide img {
- border-radius: 8px;
- display: block;
- width: 100%;
-}
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
deleted file mode 100644
index 7cb33f1..0000000
--- a/styles/style.css
+++ /dev/null
@@ -1,368 +0,0 @@
-:root {
- --dl-color-gray-500: #595959;
- --dl-color-gray-700: #999999;
- --dl-color-gray-900: #D9D9D9;
- --dl-size-size-large: 144px;
- --dl-size-size-small: 48px;
- --dl-color-danger-300: #A22020;
- --dl-color-danger-500: #BF2626;
- --dl-color-danger-700: #E14747;
- --dl-color-gray-black: #000000;
- --dl-color-gray-white: #FFFFFF;
- --dl-size-size-medium: 96px;
- --dl-size-size-xlarge: 192px;
- --dl-size-size-xsmall: 16px;
- --dl-space-space-unit: 16px;
- --dl-color-primary-100: #003EB3;
- --dl-color-primary-300: #0074F0;
- --dl-color-primary-500: #14A9FF;
- --dl-color-primary-700: #85DCFF;
- --dl-color-success-300: #199033;
- --dl-color-success-500: #32A94C;
- --dl-color-success-700: #4CC366;
- --dl-size-size-xxlarge: 288px;
- --dl-size-size-maxwidth: 1400px;
- --dl-radius-radius-round: 50%;
- --dl-space-space-halfunit: 8px;
- --dl-space-space-sixunits: 96px;
- --dl-space-space-twounits: 32px;
- --dl-radius-radius-radius2: 2px;
- --dl-radius-radius-radius4: 4px;
- --dl-radius-radius-radius8: 8px;
- --dl-space-space-fiveunits: 80px;
- --dl-space-space-fourunits: 64px;
- --dl-space-space-threeunits: 48px;
- --dl-space-space-oneandhalfunits: 24px;
-}
-.button {
- color: var(--dl-color-gray-black);
- display: inline-block;
- padding: 0.5rem 1rem;
- border-color: var(--dl-color-gray-black);
- border-width: 1px;
- border-radius: 500px;
- background-color: var(--dl-color-gray-white);
-}
-
-.input {
- color: var(--dl-color-gray-black);
- cursor: auto;
- padding: 0.5rem 1rem;
- border-color: var(--dl-color-gray-black);
- border-width: 1px;
- border-radius: 4px;
- background-color: var(--dl-color-gray-white);
-}
-.textarea {
- color: var(--dl-color-gray-black);
- cursor: auto;
- padding: 0.5rem;
- border-color: var(--dl-color-gray-black);
- border-width: 1px;
- border-radius: 4px;
- background-color: var(--dl-color-gray-white);
-}
-
-.Navbar {
- top: 0%;
- width: auto;
- display: flex;
- z-index: 1;
- position: fixed;
- max-width: var(--dl-size-size-maxwidth);
- align-items: center;
- padding-top: var(--dl-space-space-unit);
- padding-left: var(--dl-space-space-threeunits);
- padding-right: var(--dl-space-space-threeunits);
- padding-bottom: var(--dl-space-space-unit);
- backdrop-filter: blur( 2px ); -webkit-backdrop-filter: blur( 8px );;
- justify-content: space-between;
-}
-.navelement {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- transition: 0.3s;
-}
-.navelement:hover {
- color: var(--dl-color-primary-500);
-}
-.Footerlink {
- color: var(--dl-color-gray-900);
- cursor: pointer;
- transition: 0.3s;
- margin-bottom: var(--dl-space-space-unit);
-}
-.Footerlink:hover {
- color: var(--dl-color-primary-500);
-}
-.icons {
- fill: #D9D9D9;
- width: 24px;
- cursor: pointer;
- height: 24px;
- transition: 0.3s;
- margin-right: var(--dl-space-space-unit);
- text-decoration: none;
-}
-.icons:hover {
- fill: var(--dl-color-primary-500);
-}
-.mid-element-initial {
- width: 200px;
- height: 300px;
- display: flex;
- min-width: 200px;
- transform: translateX(100%);
- object-fit: cover;
- transition: 0.3s;
- border-radius: var(--dl-radius-radius-radius8);
- background-size: cover;
- background-image: url('https://images.unsplash.com/photo-1638176373124-28142ef16c5b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE0fHx8fHx8Mnx8MTYzODE5NzE5OA&ixlib=rb-1.2.1&h=500');
- background-position: center;
-}
-.left-element-initial {
- width: 200px;
- height: 300px;
- margin: 0;
- display: flex;
- min-width: 300px;
- transform: translateX(100%);
- min-height: 500px;
- object-fit: cover;
- transition: 0.3s;
- margin-left: var(--dl-space-space-twounits);
- margin-right: var(--dl-space-space-twounits);
- border-radius: var(--dl-radius-radius-radius8);
- background-size: cover;
- background-image: url('https://images.unsplash.com/photo-1638165212454-d92d3050351b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE5fHx8fHx8Mnx8MTYzODE5ODA2Mg&ixlib=rb-1.2.1&h=300');
- background-position: center;
-}
-.right-element-initial {
- width: 200px;
- height: 300px;
- margin: 0;
- display: flex;
- min-width: 200px;
- transform: translateX(125%);
- object-fit: cover;
- margin-left: var(--dl-space-space-twounits);
- margin-right: var(--dl-space-space-twounits);
- border-radius: var(--dl-radius-radius-radius8);
- background-size: cover;
- background-image: url('https://images.unsplash.com/photo-1638165212454-d92d3050351b?ixid=Mnw5MTMyMXwwfDF8YWxsfDE5fHx8fHx8Mnx8MTYzODE5ODA2Mg&ixlib=rb-1.2.1&h=300');
- background-position: center;
-}
-.mid-element {
- order: 2;
- min-width: 300px !important;
- transform: translateX(0) !important;
- min-height: 500px !important;
-}
-.left-element {
- order: 1;
- min-width: 200px !important;
- transform: translateX(0) !important;
- min-height: 300px !important;
- margin-left: var(--dl-space-space-twounits);
- margin-right: var(--dl-space-space-twounits);
-}
-.right-element {
- order: 3;
- transform: translateX(0) !important;
- margin-left: var(--dl-space-space-twounits);
- margin-right: var(--dl-space-space-twounits);
-}
-.hidden-element {
- display: none !important;
-}
-.join {
- text-align: center;
- border-width: 0px;
- padding-left: var(--dl-space-space-twounits);
- border-radius: var(--dl-radius-radius-radius8);
- padding-right: var(--dl-space-space-twounits);
- -backdrop-filter: blur(16px) saturate(180%);;
- background-color: rgba(17, 25, 40, 0.75);
- -background-color: rgba(17, 25, 40, 0.75);
- -webkit-backdrop-filter: blur(16px) saturate(180%);
-}
-.navbar-fixed {
- width: 100%;
- max-width: 100%;
- align-items: center;
- padding-top: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-threeunits);
- padding-right: var(--dl-space-space-threeunits);
- padding-bottom: var(--dl-space-space-halfunit);
- justify-content: space-between;
-}
-.mb-12 {
- margin-bottom: 12px;
-}
-
-
-.teleport-menu-mobile {
- transform: translateX(100%);
-}
-
-.h3-36 {
- font-size: 36px;
- font-style: normal;
- font-family: Poppins;
- font-weight: 500;
- line-height: 1.15;
- text-transform: none;
- text-decoration: none;
-}
-.h1-96 {
- font-size: 96px;
- font-family: Poppins;
- font-weight: 300;
- letter-spacing: -1.5%;
- text-transform: none;
- text-decoration: none;
-}
-.h3-48 {
- font-size: 48px;
- font-family: Poppins;
- font-weight: 400;
- text-transform: none;
- text-decoration: none;
-}
-.heading {
- font-size: 32px;
- font-family: Inter;
- font-weight: 700;
- line-height: 1.15;
- text-transform: none;
- text-decoration: none;
-}
-.subtitle-14 {
- font-size: 14px;
- font-family: Arial;
- font-weight: 500;
- text-transform: none;
- text-decoration: none;
-}
-.h5-24 {
- font-size: 24px;
- font-family: Poppins;
- font-weight: 500;
- text-transform: none;
- text-decoration: none;
-}
-.h2-60 {
- font-size: 60px;
- font-family: Poppins;
- font-weight: 300;
- letter-spacing: -0.5%;
- text-transform: none;
- text-decoration: none;
-}
-.footer-Text-Style {
- font-size: 16px;
- font-family: Inter;
- font-weight: 700;
- line-height: 1.15;
- text-transform: none;
- text-decoration: none;
-}
-.h6-20 {
- font-size: 20px;
- font-family: Arial;
- font-weight: 500;
- text-transform: none;
- text-decoration: none;
-}
-.caption {
- font-size: 14px;
- font-family: Poppins;
- font-weight: 400;
- text-transform: none;
- text-decoration: none;
-}
-.body-16 {
- font-size: 16px;
- font-family: Arial;
- font-weight: 500;
- text-transform: none;
- text-decoration: none;
-}
-.subtitle-16 {
- font-size: 16px;
- font-family: Poppins;
- font-weight: 500;
- text-transform: none;
- text-decoration: none;
-}
-.content {
- font-size: 16px;
- font-family: Inter;
- font-weight: 400;
- line-height: 1.15;
- text-transform: none;
- text-decoration: none;
-}
-.h4-28 {
- font-size: 28px;
- font-family: Poppins;
- font-weight: 400;
- letter-spacing: 0.25%;
- text-transform: none;
- text-decoration: none;
-}
-.body-12 {
- font-size: 12px;
- font-family: Poppins;
- font-weight: 400;
- line-height: 18px;
- letter-spacing: 0.25%;
- text-transform: none;
- text-decoration: none;
-}
-.button-14 {
- font-size: 14px;
- font-family: Poppins;
- font-weight: 500;
- letter-spacing: 1.25%;
- text-transform: none;
- text-decoration: none;
-}
-@media(max-width: 991px) {
- .icons {
- fill: var(--dl-color-gray-white);
- color: var(--dl-color-primary-700);
- }
- .teleport-menu-mobile {
- height: 100vh;
- display: flex;
- transition: 0.5s;
- }
- .teleport-menu-show {
- display: flex !important;
- transform: translateX(0);
- }
-}
-@media(max-width: 767px) {
- .Navbar {
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- }
-}
-@media(max-width: 479px) {
- .Navbar {
- padding: var(--dl-space-space-unit);
- }
- .icons {
- fill: var(--dl-color-gray-white);
- }
- .join {
- margin-top: var(--dl-space-space-unit);
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar-fixed {
- width: 100%;
- padding-left: var(--dl-space-space-oneandhalfunits);
- padding-right: var(--dl-space-space-oneandhalfunits);
- }
-}
diff --git a/styles/team.css b/styles/team.css
deleted file mode 100644
index d9f2527..0000000
--- a/styles/team.css
+++ /dev/null
@@ -1,971 +0,0 @@
-.nav_element-container {
- display: flex;
- position: relative;
-}
-.nav_element-text {
- font-style: normal;
- transition: 0.3s;
- font-weight: 500;
- margin-left: 72px;
-}
-
-
-.button-container {
- display: flex;
- position: relative;
- align-items: flex-start;
- flex-direction: column;
-}
-.button-text {
- color: var(--dl-color-gray-white);
- cursor: pointer;
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- transition: 0.3s;
- margin-left: var(--dl-space-space-halfunit);
- padding-top: var(--dl-space-space-halfunit);
- margin-right: var(--dl-space-space-halfunit);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-halfunit);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-halfunit);
- background-color: var(--dl-color-primary-300);
-}
-.button-text:hover {
- color: var(--dl-color-primary-300);
- background-color: var(--dl-color-gray-white);
-}
-
-
-
-
-
-
-
-
-
-
-
-.navbar_team-image {
- width: 60px;
- height: 60px;
-}
-.navbar_team-container {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- align-items: space-between;
- margin-right: var(--dl-space-space-oneandhalfunits);
- flex-direction: column;
-}
-.navbar_team-nav-elements-desktop {
- flex: 0 0 auto;
- display: flex;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: row;
-}
-.navbar_team-navlink {
- display: contents;
-}
-.navbar_team-component {
- text-decoration: none;
-}
-.navbar_team-navlink1 {
- display: contents;
-}
-.navbar_team-component1 {
- text-decoration: none;
-}
-.navbar_team-link {
- display: contents;
-}
-.navbar_team-component2 {
- text-decoration: none;
-}
-.navbar_team-link1 {
- display: contents;
-}
-.navbar_team-component3 {
- text-decoration: none;
-}
-.navbar_team-btn-group {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar_team-component4 {
- text-decoration: none;
-}
-.navbar_team-burger-menu {
- display: none;
-}
-.navbar_team-icon {
- width: var(--dl-size-size-xsmall);
- height: var(--dl-size-size-xsmall);
- display: none;
- transition: 0.3s;
-}
-
-.navbar_team-nav-elements-mobile {
- flex: 0 0 auto;
- display: none;
- position: absolute;
- align-self: center;
- align-items: center;
- margin-left: 0px;
- flex-direction: column;
-}
-.navbar_team-navlink2 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-navlink2:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-link3 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-link3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-navlink3 {
- font-style: normal;
- transition: 0.3s;
- text-decoration: none;
-}
-
-.navbar_team-navlink3:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-text {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-text:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-text1 {
- font-style: normal;
- transition: 0.3s;
-}
-
-.navbar_team-text1:active {
- color: var(--dl-color-primary-300);
-}
-.navbar_team-btn-group1 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
- text-decoration: none;
-}
-.navbar_team-component5 {
- text-decoration: none;
-}
-.navbar_team-container1 {
- top: 32px;
- width: 24px;
- height: 24px;
- position: absolute;
-}
-.navbar_team-icon2 {
- width: 24px;
- height: 24px;
-}
-
-@media(max-width: 991px) {
- .navbar_team-nav-elements-desktop {
- display: none;
- }
- .navbar_team-btn-group {
- display: none;
- }
- .navbar_team-burger-menu {
- display: flex;
- }
- .navbar_team-icon {
- fill: #D9D9D9;
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- display: flex;
- }
- .navbar_team-nav-elements-mobile {
- top: 0px;
- left: 0px;
- right: 0px;
- display: flex;
- align-items: flex-start;
- margin-left: 0px;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- padding-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-gray-black);
- }
- .navbar_team-btn-group1 {
- display: none;
- }
- .navbar_team-container1 {
- right: 32px;
- }
-}
-@media(max-width: 767px) {
- .navbar_team-icon {
- fill: var(--dl-color-gray-900);
- width: var(--dl-size-size-small);
- height: var(--dl-size-size-small);
- }
-}
-@media(max-width: 479px) {
- .navbar_team-image {
- width: auto;
- height: auto;
- }
- .navbar_team-burger-menu {
- display: flex;
- }
- .navbar_team-icon {
- fill: var(--dl-color-gray-900);
- width: 32px;
- height: 32px;
- }
- .navbar_team-nav-elements-mobile {
- height: 100vh;
- flex-direction: column;
- justify-content: center;
- background-color: var(--dl-color-gray-white);
- }
- .navbar_team-navlink2 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-link3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-navlink3 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-text {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-text1 {
- color: var(--dl-color-primary-100);
- margin-top: var(--dl-space-space-unit);
- text-align: left;
- margin-bottom: var(--dl-space-space-unit);
- }
- .navbar_team-btn-group1 {
- display: flex;
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
- }
- .navbar_team-icon2 {
- fill: var(--dl-color-primary-100);
- }
-}
-
-.member-container {
- cursor: pointer;
- display: flex;
- position: relative;
- align-items: flex-start;
- justify-content: center;
-}
-.member-container1 {
- flex: 0 0 auto;
- width: 240px;
- height: 280px;
- margin: var(--dl-space-space-halfunit);
- display: flex;
- padding: var(--dl-space-space-unit);
- transition: 0.3s;
- align-items: center;
- border-radius: var(--dl-radius-radius-radius8);
- flex-direction: column;
- justify-content: center;
- background-color: #121212;
-}
-.member-container1:hover {
- box-shadow: 0px 2px 32px 24px #000000;
- background-color: #181818;
-}
-.member-image {
- width: 104px;
- height: 104px;
- min-width: var(--dl-size-size-small);
- min-height: var(--dl-size-size-small);
- object-fit: cover;
- border-radius: var(--dl-radius-radius-round);
-}
-.member-text {
- color: var(--dl-color-primary-300);
- margin-top: var(--dl-space-space-unit);
-}
-.member-text1 {
- color: var(--dl-color-gray-900);
- align-self: center;
- margin-top: var(--dl-space-space-halfunit);
- text-align: center;
- margin-bottom: var(--dl-space-space-halfunit);
-}
-.member-text2 {
- color: var(--dl-color-gray-500);
- width: 250px;
- display: none;
- text-align: center;
-}
-.member-icons {
- flex: 0 0 auto;
- display: flex;
- flex-wrap: wrap;
- margin-top: var(--dl-space-space-halfunit);
- align-items: center;
- margin-bottom: var(--dl-space-space-halfunit);
- justify-content: center;
-}
-.member-icon {
- fill: #D9D9D9;
- width: 20px;
- transition: 0.3s;
-}
-.member-icon:hover {
- fill: var(--dl-color-primary-500);
-}
-.member-icon2 {
- fill: #D9D9D9;
- width: 20px;
- transition: 0.3s;
- margin-left: var(--dl-space-space-unit);
- margin-right: var(--dl-space-space-unit);
-}
-.member-icon2:hover {
- fill: var(--dl-color-primary-500);
-}
-.member-icon4 {
- fill: #D9D9D9;
- width: 20px;
- transition: 0.3s;
-}
-.member-icon4:hover {
- fill: var(--dl-color-primary-500);
-}
-
-
-
-
-
-.rootClassName5 {
- align-self: center;
-}
-
-
-
-
-
-
-
-
-@media(max-width: 479px) {
- .member-container {
- width: auto;
- }
- .member-container1 {
- width: auto;
- height: auto;
- margin: 0px;
- padding-top: var(--dl-space-space-unit);
- padding-left: 24px;
- padding-right: 24px;
- padding-bottom: var(--dl-space-space-unit);
- }
- .member-image {
- width: var(--dl-size-size-medium);
- height: var(--dl-size-size-medium);
- min-width: var(--dl-size-size-small);
- min-height: var(--dl-size-size-small);
- }
- .member-text1 {
- width: var(--dl-size-size-medium);
- }
- .member-icon {
- width: var(--dl-size-size-xsmall);
- }
- .member-icon2 {
- width: var(--dl-size-size-xsmall);
- }
- .member-icon4 {
- width: var(--dl-size-size-xsmall);
- }
-}
-
-.footer-footer {
- width: 100%;
- display: flex;
- max-width: 100%;
- align-items: center;
- padding-top: var(--dl-space-space-twounits);
- padding-left: var(--dl-space-space-fourunits);
- padding-right: var(--dl-space-space-fourunits);
- flex-direction: column;
- padding-bottom: var(--dl-space-space-twounits);
- justify-content: space-between;
- background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(35, 55, 74) 97.00%);
-}
-.footer-container {
- width: 100%;
- display: flex;
- align-items: flex-start;
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-logo {
- display: flex;
- max-width: var(--dl-size-size-maxwidth);
- align-self: flex-start;
- align-items: flex-start;
- margin-right: 56px;
- flex-direction: column;
- justify-content: center;
-}
-.footer-logo1 {
- display: flex;
- align-items: center;
- flex-direction: column;
-}
-.footer-image {
- width: var(--dl-size-size-medium);
- height: 64px;
-}
-.footer-text {
- color: var(--dl-color-primary-500);
- margin-top: var(--dl-space-space-halfunit);
- margin-bottom: var(--dl-space-space-halfunit);
-}
-.footer-text02 {
- color: var(--dl-color-gray-900);
- width: 224px;
- margin-top: var(--dl-space-space-unit);
- line-height: 1.32;
-}
-.footer-links-container {
- display: flex;
- align-items: flex-start;
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-container1 {
- display: flex;
- align-items: flex-start;
- margin-right: var(--dl-space-space-fourunits);
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-community-container {
- flex: 0 0 auto;
- display: flex;
- align-items: flex-start;
- margin-right: var(--dl-space-space-fourunits);
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text05 {
- color: var(--dl-color-primary-700);
- font-weight: 700;
- margin-bottom: var(--dl-space-space-oneandhalfunits);
-}
-.footer-link {
- text-decoration: none;
-}
-.footer-link01 {
- text-decoration: none;
-}
-.footer-link02 {
- text-decoration: none;
-}
-.footer-sources-container {
- flex: 0 0 auto;
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text08 {
- color: var(--dl-color-primary-700);
- font-weight: 700;
- margin-bottom: var(--dl-space-space-oneandhalfunits);
-}
-.footer-link03 {
- text-decoration: none;
-}
-.footer-link04 {
- text-decoration: none;
-}
-.footer-link05 {
- text-decoration: none;
-}
-.footer-link06 {
- text-decoration: none;
-}
-.footer-link07 {
- text-decoration: none;
-}
-.footer-container2 {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-contact {
- display: flex;
- align-items: flex-start;
- margin-bottom: 40px;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text12 {
- color: var(--dl-color-primary-700);
- margin-bottom: var(--dl-space-space-oneandhalfunits);
-}
-.footer-link08 {
- text-decoration: none;
-}
-.footer-link09 {
- text-decoration: none;
-}
-.footer-link10 {
- text-decoration: none;
-}
-.footer-socials {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
-}
-.footer-text13 {
- color: var(--dl-color-primary-700);
- margin-bottom: var(--dl-space-space-unit);
-}
-.footer-icon-group {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: space-between;
-}
-.footer-link11 {
- display: contents;
-}
-.footer-link12 {
- display: contents;
-}
-.footer-icon02 {
- text-decoration: none;
-}
-.footer-link13 {
- display: contents;
-}
-.footer-icon04 {
- text-decoration: none;
-}
-.footer-link14 {
- display: contents;
-}
-.footer-icon06 {
- fill: #D9D9D9;
- text-decoration: none;
-}
-.footer-link15 {
- display: contents;
-}
-.footer-icon08 {
- text-decoration: none;
-}
-.footer-link16 {
- display: contents;
-}
-.footer-separator {
- width: 100%;
- height: 1px;
- margin-top: var(--dl-space-space-twounits);
- margin-bottom: var(--dl-space-space-twounits);
- background-color: var(--dl-color-primary-700);
-}
-
-.rootClassName1 {
- margin-top: var(--dl-space-space-oneandhalfunits);
- background-image: linear-gradient(180deg, rgb(18, 18, 18) 0.00%,rgb(16, 44, 70) 97.00%);
-}
-@media(max-width: 991px) {
- .footer-footer {
- flex-direction: column;
- }
- .footer-links-container {
- align-items: flex-start;
- flex-direction: column;
- }
- .footer-container1 {
- margin-right: var(--dl-space-space-fourunits);
- }
- .footer-community-container {
- margin-right: var(--dl-space-space-fourunits);
- }
-}
-@media(max-width: 767px) {
- .footer-footer {
- padding-left: var(--dl-space-space-twounits);
- padding-right: var(--dl-space-space-twounits);
- }
- .footer-container {
- align-items: center;
- flex-direction: column;
- justify-content: space-between;
- }
- .footer-logo {
- align-items: center;
- }
- .footer-image {
- margin-bottom: var(--dl-space-space-oneandhalfunits);
- }
- .footer-text02 {
- margin-top: var(--dl-space-space-twounits);
- text-align: center;
- margin-bottom: var(--dl-space-space-twounits);
- }
- .footer-links-container {
- width: 100%;
- align-items: flex-start;
- flex-direction: row;
- justify-content: center;
- }
- .footer-container1 {
- margin-right: var(--dl-space-space-fourunits);
- }
- .footer-community-container {
- margin-right: var(--dl-space-space-fourunits);
- }
- .rootClassName {
- width: 100%;
- }
-}
-@media(max-width: 479px) {
- .footer-footer {
- padding: var(--dl-space-space-unit);
- }
- .footer-container {
- padding: var(--dl-space-space-twounits);
- align-self: center;
- align-items: center;
- flex-direction: column;
- }
- .footer-logo {
- align-self: center;
- align-items: center;
- margin-right: 0px;
- justify-content: center;
- }
- .footer-image {
- margin-bottom: 0px;
- }
- .footer-text02 {
- width: var(--dl-size-size-xxlarge);
- align-self: center;
- margin-top: var(--dl-space-space-unit);
- text-align: center;
- margin-bottom: var(--dl-space-space-unit);
- }
- .footer-links-container {
- align-self: flex-start;
- flex-direction: column;
- }
- .footer-container1 {
- margin: var(--dl-space-space-unit);
- flex-direction: column;
- }
- .footer-sources-container {
- margin-top: var(--dl-space-space-twounits);
- }
- .footer-container2 {
- margin: var(--dl-space-space-unit);
- }
- .footer-contact {
- align-items: flex-start;
- margin-bottom: var(--dl-space-space-unit);
- }
- .footer-socials {
- margin-top: var(--dl-space-space-oneandhalfunits);
- }
- .footer-icon02 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon04 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon06 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon08 {
- fill: var(--dl-color-gray-white);
- }
- .footer-icon10 {
- fill: var(--dl-color-gray-white);
- }
- .footer-separator {
- margin-top: 0px;
- margin-bottom: 0px;
- background-color: var(--dl-color-primary-700);
- }
- .rootClassName {
- width: 100%;
- }
-}
-
-.team-container {
- height: auto;
- display: flex;
- min-height: 100vh;
- align-items: center;
- flex-direction: column;
- justify-content: flex-start;
- background-color: #121212;
-}
-.team-herosection {
- flex: 0 0 auto;
- height: auto;
- display: flex;
- align-self: center;
- margin-top: 120px;
- align-items: flex-start;
- margin-left: var(--dl-space-space-oneandhalfunits);
- padding-top: var(--dl-space-space-unit);
- margin-right: var(--dl-space-space-oneandhalfunits);
- padding-left: var(--dl-space-space-oneandhalfunits);
- border-radius: var(--dl-radius-radius-radius8);
- margin-bottom: var(--dl-space-space-oneandhalfunits);
- padding-right: var(--dl-space-space-oneandhalfunits);
- padding-bottom: var(--dl-space-space-unit);
- justify-content: center;
-}
-.team-container01 {
- height: 482px;
- display: flex;
- align-self: stretch;
- align-items: flex-start;
- margin-right: var(--dl-space-space-oneandhalfunits);
- flex-direction: column;
- justify-content: space-between;
-}
-.team-text {
- color: var(--dl-color-gray-white);
- font-size: 56px;
- align-self: flex-start;
- font-style: normal;
- margin-top: var(--dl-space-space-threeunits);
- font-weight: 500;
- margin-left: var(--dl-space-space-threeunits);
-}
-.team-text04 {
- color: #FF7437;
-}
-.team-text06 {
- color: #FF7437;
-}
-.team-text07 {
- color: var(--dl-color-gray-900);
- width: 250px;
- max-width: 260px;
- min-width: 250px;
- align-self: flex-start;
- text-align: left;
- margin-left: var(--dl-space-space-threeunits);
- margin-right: 0px;
- margin-bottom: var(--dl-space-space-fiveunits);
-}
-.team-image {
- width: 600px;
- align-self: flex-start;
- object-fit: cover;
- margin-left: var(--dl-space-space-oneandhalfunits);
-}
-.team-scroll-down {
- flex: 0 0 auto;
- width: auto;
- height: auto;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.team-icon {
- fill: var(--dl-color-gray-900);
- width: 24px;
- height: 24px;
-}
-.team-container02 {
- display: flex;
- align-items: flex-end;
- flex-direction: row;
- justify-content: flex-start;
-}
-.team-text08 {
- color: var(--dl-color-gray-900);
- padding-left: var(--dl-space-space-unit);
-}
-.team-coremembers {
- margin: var(--dl-space-space-threeunits);
- display: flex;
- align-self: center;
- align-items: center;
- flex-direction: column;
- justify-content: center;
-}
-.team-text12 {
- color: var(--dl-color-primary-500);
- align-self: flex-start;
- margin-top: var(--dl-space-space-threeunits);
- text-align: center;
- margin-left: var(--dl-space-space-sixunits);
- margin-right: var(--dl-space-space-threeunits);
- margin-bottom: var(--dl-space-space-threeunits);
- letter-spacing: 1px;
-}
-.team-container03 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container04 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container05 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container06 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container07 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container08 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container09 {
- display: flex;
- align-self: center;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container10 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container11 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-.team-container12 {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
-}
-@media(max-width: 991px) {
- .team-herosection {
- width: 100%;
- }
- .team-coremembers {
- width: 100%;
- margin: 0px;
- }
-}
-@media(max-width: 767px) {
- .team-herosection {
- width: auto;
- }
- .team-image {
- width: 300px;
- }
- .team-coremembers {
- width: auto;
- align-self: center;
- align-items: center;
- }
- .team-container03 {
- flex-direction: column;
- }
- .team-container06 {
- flex-direction: column;
- }
- .team-container09 {
- flex-direction: column;
- }
- .team-container12 {
- flex-direction: row;
- }
-}
-@media(max-width: 479px) {
- .team-herosection {
- width: auto;
- }
- .team-image {
- display: none;
- }
- .team-coremembers {
- width: auto;
- margin: 0px;
- }
- .team-container03 {
- width: auto;
- flex-direction: column;
- }
- .team-container06 {
- width: auto;
- flex-direction: column;
- }
- .team-container09 {
- width: auto;
- flex-direction: column;
- }
- .team-container12 {
- width: auto;
- }
-}
diff --git a/team.html b/team.html
deleted file mode 100644
index 2600095..0000000
--- a/team.html
+++ /dev/null
@@ -1,1132 +0,0 @@
-<!DOCTYPE html>
-
-<html lang="en">
- <head>
- <title>BlissRoms</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <meta charset="utf-8" />
- <meta property="twitter:card" content="summary_large_image" />
- <style>
- html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}
- </style>
- <style>
- html {
- font-family: Inter;
- font-size: 16px;
- }
-
- body {
- font-weight: 400;
- font-style:normal;
- text-decoration: none;
- text-transform: none;
- letter-spacing: normal;
- line-height: 1.15;
- color: var(--dl-color-gray-black);
- background-color: var(--dl-color-gray-white);
-
- }
- </style>
- <link
- rel="shortcut icon"
- href="/playground_assets/bliss logo.svg"
- type="icon/png"
- sizes="32x32"
- />
- <link
- rel="stylesheet"
- href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
- />
- <link
- rel="stylesheet"
- href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
- />
- <link rel="stylesheet" href="./styles/style.css" />
- <script data-ad-client="ca-pub-7639560510014441" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- </head>
- <body>
- <div>
- <link href="./styles/team.css" rel="stylesheet" />
- <title>Team - BlissRoms</title>
- <meta
- name="description"
- content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features."
- />
- <meta property="og:title" content="Team - BlissRoms" />
- <meta
- property="og:description"
- content="BlissRoms. An open-source operating system based on Android with customizations, options, and added security features."
- />
- <div class="team-container">
- <nav class="Navbar navbar-fixed rootClassName">
- <img
- alt="logo"
- src="../public/playground_assets/nav_logo.svg"
- class="navbar_team-image"
- />
- <div class="navbar_team-container">
- <nav class="navbar_team-nav-elements-desktop">
- <a href="/index.html" class="navbar_team-navlink">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Home</span>
- </span>
- </div>
- </a>
- <a href="/team.html" class="navbar_team-navlink1">
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Team</span>
- </span>
- </div>
- </a>
- <a
- href="https://bliss-family-store.creator-spring.com/"
- target="_blank"
- rel="noreferrer noopener"
- class="navbar_team-link"
- >
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Gear</span>
- </span>
- </div>
- </a>
- <a
- href="https://docs.blissroms.org/"
- target="_blank"
- rel="noreferrer noopener"
- class="navbar_team-link1"
- >
- <div class="nav_element-container">
- <span class="nav_element-text navelement">
- <span>Docs</span>
- </span>
- </div>
- </a>
- </nav>
- </div>
- <a href="/index.html#downloads">
- <div class="navbar_team-btn-group">
- <div class="button-container rootClassName8">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar_team-burger-menu teleport-menu-burger">
- <svg viewBox="0 0 1024 1024" class="navbar_team-icon">
- <path
- d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
- ></path>
- </svg>
- </div>
- <nav class="navbar_team-nav-elements-mobile teleport-menu-mobile">
- <a
- href="/index.html"
- class="navbar_team-navlink2 h4-28 mb-12 navelement"
- >
- <span>Home</span>
- </a>
- <a
- href="#features"
- class="navbar_team-link3 h4-28 mb-12 navelement"
- >
- <span>Features</span>
- </a>
- <a
- href="/team.html"
- class="navbar_team-navlink3 h4-28 mb-12 navelement"
- >
- <span>Team</span>
- </a>
- <span class="navbar_team-text h4-28 mb-12 navelement">
- <span>Gear</span>
- </span>
- <span class="navbar_team-text1 h4-28 mb-12 navelement">
- <span>Blog</span>
- </span>
- <a href="/index.html#downloads">
- <div class="navbar_team-btn-group1">
- <div class="button-container rootClassName8">
- <span class="button-text body-16"><span>Download</span></span>
- </div>
- </div>
- </a>
- <div class="navbar_team-container1 teleport-menu-close">
- <svg
- viewBox="0 0 804.5714285714286 1024"
- class="navbar_team-icon2"
- >
- <path
- d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
- ></path>
- </svg>
- </div>
- </nav>
- </nav>
- <div class="team-herosection">
- <div class="team-container01">
- <span class="team-text">
- <span>Meet</span>
- <span>the</span>
- <br />
- <span class="team-text04">Developer</span>
- <br />
- <span class="team-text06">Team</span>
- </span>
- <span class="team-text07 h6-20">
- Our development team is a group of people that work together to
- create the blissful experience for you.
- </span>
- </div>
- <img
- alt="image"
- src="public/playground_assets/teamwork-1500h.png"
- class="team-image"
- />
- </div>
- <div class="team-scroll-down">
- <svg viewBox="0 0 1024 1024" class="team-icon">
- <path
- d="M854 512l-342 342-342-342 62-60 238 238v-520h84v520l240-238z"
- ></path>
- </svg>
- <div class="team-container02">
- <span class="team-text08">
- <span>Scroll</span>
- <br />
- <span>Down</span>
- </span>
- </div>
- </div>
- <div class="team-coremembers">
- <span class="team-text12 h3-36">Core Members</span>
- <div class="team-container03">
- <div class="team-container04">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/jackeagle_1615397360.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Jackeagle</span></h1>
- <span class="member-text1 body-12">
- <span>Founder / CEO / Lead Developer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/donna_1615397691.jpg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Donna West</span></h1>
- <span class="member-text1 body-12">
- <span>CFO / HR</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- <div class="team-container05">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/antonio_1615397746.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20">
- <span>Antonio Luciano</span>
- </h1>
- <span class="member-text1 body-12">
- <span>Board Member</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/custom_1615440519.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>customworx</span></h1>
- <span class="member-text1 body-12">
- <span>Board Member</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="team-container06">
- <div class="team-container07">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/eric_1615432668.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Eric Park</span></h1>
- <span class="member-text1 body-12">
- <span>Backend Developer / Lead Maintainer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/rohan_1615432707.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Rohan Purohit</span></h1>
- <span class="member-text1 body-12">
- <span>Lead Developer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- <div class="team-container08">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/vaughn_1615441296.png"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Vaughn</span></h1>
- <span class="member-text1 body-12">
- <span>Server Administrator</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/deepak_1615432964.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Deepak Sharma</span></h1>
- <span class="member-text1 body-12">
- <span>Server Administrator</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="team-container09">
- <div class="team-container10">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/evilvenom_1616695344.jpeg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>EvilVenøm</span></h1>
- <span class="member-text1 body-12">
- <span>Wiki Lead</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/bounty_1628012042.jpg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Bounty</span></h1>
- <span class="member-text1 body-12">
- <span>Graphics Designer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- <div class="team-container11">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/adnan_1632894945.jpg"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Adnan Faysal</span></h1>
- <span class="member-text1 body-12">
- <span>Graphics Designer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/utzoz_1615729927.png"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>utzcoz</span></h1>
- <span class="member-text1 body-12">
- <span>Lead Developer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for
- planning, directing, and overseeing finance and operations
- activities in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="team-container12">
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/electrikjesus_1615397569.png"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>Jon West</span></h1>
- <span class="member-text1 body-12">
- <span>CTO / OS Lead Developer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for planning,
- directing, and overseeing finance and operations activities
- in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg viewBox="0 0 877.7142857142857 1024" class="member-icon">
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- <div class="member-container rootClassName">
- <div class="member-container1">
- <img
- alt="image"
- src="https://administrators.blissroms.org/storage/uploads/avatar/geekylad_1629779195.png"
- class="member-image"
- />
- <h1 class="member-text h6-20"><span>theGeekyLad</span></h1>
- <span class="member-text1 body-12">
- <span>App Developer</span>
- </span>
- <span class="member-text2 subtitle-14">
- <span>
- The Vice President, Operations is responsible for planning,
- directing, and overseeing finance and operations activities
- in the organization, and ensuring development.
- </span>
- </span>
- <div class="member-icons">
- <svg viewBox="0 0 877.7142857142857 1024" class="member-icon">
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path></svg
- ><svg
- viewBox="0 0 950.8571428571428 1024"
- class="member-icon2"
- >
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path></svg
- ><svg
- viewBox="0 0 877.7142857142857 1024"
- class="member-icon4"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </div>
- </div>
- </div>
- </div>
- </div>
- <footer id="footer" class="footer-footer rootClassName">
- <div class="footer-container">
- <div class="footer-logo">
- <div class="footer-logo1">
- <img
- alt="logo"
- src="../public/playground_assets/bliss%20logo1.svg"
- class="footer-image"
- />
- <span class="footer-text body-16"><span>BlissRoms</span></span>
- </div>
- <span class="footer-text02">
- <span>
- <span>
- An open-source operating system based on Android with
- customizations, options and added security features.
- </span>
- </span>
- </span>
- </div>
- <div class="footer-links-container">
- <div class="footer-container1">
- <div class="footer-community-container">
- <span class="footer-text05">Community</span>
- <a
- href="https://t.me/Team_Bliss_Community"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link Footerlink"
- >
- <span>BlissRoms Telegram</span>
- <br />
- <span></span>
- </a>
- <a
- href="https://t.me/blissx86"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link01 Footerlink"
- >
- Bliss OS Telegram
- </a>
- <a
- href="https://discord.gg/wwc4Aua4fp"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link02 Footerlink"
- >
- Bliss Discord
- </a>
- </div>
- <div class="footer-sources-container">
- <span class="footer-text08">Sources</span>
- <span class="Footerlink">BlissRoms Gerrit Review</span>
- <a
- href="https://review-x86.blissroms.com/"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link03 Footerlink"
- >
- <span>Bliss OS (x86) Gerrit Review</span>
- <br />
- <span></span>
- </a>
- <a
- href="https://github.com/BlissRoms"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link04 Footerlink"
- >
- BlissRoms GitHub
- </a>
- <a
- href="https://github.com/BlissRoms-Devices"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link05 Footerlink"
- >
- BlissRoms-Devices GitHub
- </a>
- <a
- href="https://github.com/BlissRoms-x86"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link06 Footerlink"
- >
- Bliss OS GitHub
- </a>
- <a
- href="https://github.com/BlissRoms-pine64"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link07 Footerlink"
- >
- BlissRoms-PINE64 GitHub
- </a>
- </div>
- </div>
- <div class="footer-container2">
- <div class="footer-contact">
- <span class="footer-text12 footer-Text-Style">Links</span>
- <a
- href="https://blissroms.org/team.html"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link08 Footerlink"
- >
- Team members
- </a>
- <a
- href="https://status.blissroms.org/"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link09 Footerlink"
- >
- Status
- </a>
- <a
- href="https://blog.blissroms.org/"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link10 Footerlink"
- >
- Blog
- </a>
- </div>
- <div class="footer-socials">
- <span class="footer-text13 footer-Text-Style">Follow Us</span>
- <div class="footer-icon-group">
- <a
- href="https://twitter.com/stayblissful"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link11"
- >
- <svg viewBox="0 0 950.8571428571428 1024" class="icons">
- <path
- d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
- ></path>
- </svg>
- </a>
- <a
- href="https://www.instagram.com/blissroms/"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link12"
- >
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="footer-icon02 icons"
- >
- <path
- d="M585.143 512c0-80.571-65.714-146.286-146.286-146.286s-146.286 65.714-146.286 146.286 65.714 146.286 146.286 146.286 146.286-65.714 146.286-146.286zM664 512c0 124.571-100.571 225.143-225.143 225.143s-225.143-100.571-225.143-225.143 100.571-225.143 225.143-225.143 225.143 100.571 225.143 225.143zM725.714 277.714c0 29.143-23.429 52.571-52.571 52.571s-52.571-23.429-52.571-52.571 23.429-52.571 52.571-52.571 52.571 23.429 52.571 52.571zM438.857 152c-64 0-201.143-5.143-258.857 17.714-20 8-34.857 17.714-50.286 33.143s-25.143 30.286-33.143 50.286c-22.857 57.714-17.714 194.857-17.714 258.857s-5.143 201.143 17.714 258.857c8 20 17.714 34.857 33.143 50.286s30.286 25.143 50.286 33.143c57.714 22.857 194.857 17.714 258.857 17.714s201.143 5.143 258.857-17.714c20-8 34.857-17.714 50.286-33.143s25.143-30.286 33.143-50.286c22.857-57.714 17.714-194.857 17.714-258.857s5.143-201.143-17.714-258.857c-8-20-17.714-34.857-33.143-50.286s-30.286-25.143-50.286-33.143c-57.714-22.857-194.857-17.714-258.857-17.714zM877.714 512c0 60.571 0.571 120.571-2.857 181.143-3.429 70.286-19.429 132.571-70.857 184s-113.714 67.429-184 70.857c-60.571 3.429-120.571 2.857-181.143 2.857s-120.571 0.571-181.143-2.857c-70.286-3.429-132.571-19.429-184-70.857s-67.429-113.714-70.857-184c-3.429-60.571-2.857-120.571-2.857-181.143s-0.571-120.571 2.857-181.143c3.429-70.286 19.429-132.571 70.857-184s113.714-67.429 184-70.857c60.571-3.429 120.571-2.857 181.143-2.857s120.571-0.571 181.143 2.857c70.286 3.429 132.571 19.429 184 70.857s67.429 113.714 70.857 184c3.429 60.571 2.857 120.571 2.857 181.143z"
- ></path>
- </svg>
- </a>
- <a
- href="https://github.com/BlissRoms"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link13"
- >
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="footer-icon04 icons"
- >
- <path
- d="M438.857 73.143c242.286 0 438.857 196.571 438.857 438.857 0 193.714-125.714 358.286-300 416.571-22.286 4-30.286-9.714-30.286-21.143 0-14.286 0.571-61.714 0.571-120.571 0-41.143-13.714-67.429-29.714-81.143 97.714-10.857 200.571-48 200.571-216.571 0-48-17.143-86.857-45.143-117.714 4.571-11.429 19.429-56-4.571-116.571-36.571-11.429-120.571 45.143-120.571 45.143-34.857-9.714-72.571-14.857-109.714-14.857s-74.857 5.143-109.714 14.857c0 0-84-56.571-120.571-45.143-24 60.571-9.143 105.143-4.571 116.571-28 30.857-45.143 69.714-45.143 117.714 0 168 102.286 205.714 200 216.571-12.571 11.429-24 30.857-28 58.857-25.143 11.429-89.143 30.857-127.429-36.571-24-41.714-67.429-45.143-67.429-45.143-42.857-0.571-2.857 26.857-2.857 26.857 28.571 13.143 48.571 64 48.571 64 25.714 78.286 148 52 148 52 0 36.571 0.571 70.857 0.571 81.714 0 11.429-8 25.143-30.286 21.143-174.286-58.286-300-222.857-300-416.571 0-242.286 196.571-438.857 438.857-438.857zM166.286 703.429c1.143-2.286-0.571-5.143-4-6.857-3.429-1.143-6.286-0.571-7.429 1.143-1.143 2.286 0.571 5.143 4 6.857 2.857 1.714 6.286 1.143 7.429-1.143zM184 722.857c2.286-1.714 1.714-5.714-1.143-9.143-2.857-2.857-6.857-4-9.143-1.714-2.286 1.714-1.714 5.714 1.143 9.143 2.857 2.857 6.857 4 9.143 1.714zM201.143 748.571c2.857-2.286 2.857-6.857 0-10.857-2.286-4-6.857-5.714-9.714-3.429-2.857 1.714-2.857 6.286 0 10.286s7.429 5.714 9.714 4zM225.143 772.571c2.286-2.286 1.143-7.429-2.286-10.857-4-4-9.143-4.571-11.429-1.714-2.857 2.286-1.714 7.429 2.286 10.857 4 4 9.143 4.571 11.429 1.714zM257.714 786.857c1.143-3.429-2.286-7.429-7.429-9.143-4.571-1.143-9.714 0.571-10.857 4s2.286 7.429 7.429 8.571c4.571 1.714 9.714 0 10.857-3.429zM293.714 789.714c0-4-4.571-6.857-9.714-6.286-5.143 0-9.143 2.857-9.143 6.286 0 4 4 6.857 9.714 6.286 5.143 0 9.143-2.857 9.143-6.286zM326.857 784c-0.571-3.429-5.143-5.714-10.286-5.143-5.143 1.143-8.571 4.571-8 8.571 0.571 3.429 5.143 5.714 10.286 4.571s8.571-4.571 8-8z"
- ></path>
- </svg>
- </a>
- <a
- href="https://t.me/BlissROM_Updates"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link14"
- >
- <svg viewBox="0 0 1024 1024" class="footer-icon06 icons">
- <path
- d="M679.429 746.857l84-396c7.429-34.857-12.571-48.571-35.429-40l-493.714 190.286c-33.714 13.143-33.143 32-5.714 40.571l126.286 39.429 293.143-184.571c13.714-9.143 26.286-4 16 5.143l-237.143 214.286-9.143 130.286c13.143 0 18.857-5.714 25.714-12.571l61.714-59.429 128 94.286c23.429 13.143 40 6.286 46.286-21.714zM1024 512c0 282.857-229.143 512-512 512s-512-229.143-512-512 229.143-512 512-512 512 229.143 512 512z"
- ></path>
- </svg>
- </a>
- <a
- href="https://www.linkedin.com/company/stayblissful"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link15"
- >
- <svg
- viewBox="0 0 877.7142857142857 1024"
- class="footer-icon08 icons"
- >
- <path
- d="M135.429 808h132v-396.571h-132v396.571zM276 289.143c-0.571-38.857-28.571-68.571-73.714-68.571s-74.857 29.714-74.857 68.571c0 37.714 28.571 68.571 73.143 68.571h0.571c46.286 0 74.857-30.857 74.857-68.571zM610.286 808h132v-227.429c0-121.714-65.143-178.286-152-178.286-70.857 0-102.286 39.429-119.429 66.857h1.143v-57.714h-132s1.714 37.143 0 396.571v0h132v-221.714c0-11.429 0.571-23.429 4-32 9.714-23.429 31.429-48 68-48 47.429 0 66.286 36 66.286 89.714v212zM877.714 237.714v548.571c0 90.857-73.714 164.571-164.571 164.571h-548.571c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571c90.857 0 164.571 73.714 164.571 164.571z"
- ></path>
- </svg>
- </a>
- <a
- href="https://www.reddit.com/r/BlissRoms"
- target="_blank"
- rel="noreferrer noopener"
- class="footer-link16"
- >
- <svg viewBox="0 0 1024 1024" class="icons footer-icon10">
- <path
- d="M1024 483.429c0 44.571-25.143 82.857-62.286 101.714 4.571 17.714 6.857 36 6.857 54.857 0 180.571-204 326.857-455.429 326.857-250.857 0-454.857-146.286-454.857-326.857 0-18.286 2.286-36.571 6.286-53.714-38.286-18.857-64.571-57.714-64.571-102.857 0-62.857 50.857-113.714 113.714-113.714 32.571 0 61.714 13.714 82.857 36 77.143-53.714 180-88.571 294.286-92.571l66.286-297.714c2.286-10.286 13.143-17.143 23.429-14.857l210.857 46.286c13.714-27.429 42.857-46.857 76-46.857 47.429 0 85.714 38.286 85.714 85.143 0 47.429-38.286 85.714-85.714 85.714-46.857 0-85.143-38.286-85.143-85.143l-190.857-42.286-59.429 269.714c114.857 3.429 218.857 37.714 296.571 91.429 20.571-21.714 49.714-34.857 81.714-34.857 62.857 0 113.714 50.857 113.714 113.714zM238.857 597.143c0 47.429 38.286 85.714 85.143 85.714 47.429 0 85.714-38.286 85.714-85.714 0-46.857-38.286-85.143-85.714-85.143-46.857 0-85.143 38.286-85.143 85.143zM701.714 800c8.571-8.571 8.571-21.143 0-29.714-8-8-21.143-8-29.143 0-34.286 34.857-108 46.857-160.571 46.857s-126.286-12-160.571-46.857c-8-8-21.143-8-29.143 0-8.571 8-8.571 21.143 0 29.714 54.286 54.286 158.857 58.286 189.714 58.286s135.429-4 189.714-58.286zM700 682.857c46.857 0 85.143-38.286 85.143-85.714 0-46.857-38.286-85.143-85.143-85.143-47.429 0-85.714 38.286-85.714 85.143 0 47.429 38.286 85.714 85.714 85.714z"
- ></path>
- </svg>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="footer-separator"></div>
- </footer>
- </div>
- </div>
- <script>
- (function () {
- class Menu {
- init = () => {
- this.listenForUrlChanges()
- this.getMenuElementsAndAddEvents()
- return this;
- };
-
- getMenuElementsAndAddEvents = () => {
- const mobileMenuElement = document.getElementsByClassName('teleport-menu-mobile')[0]
- const closeMenuElement = document.getElementsByClassName('teleport-menu-close')[0]
- const burgerMenuElement = document.getElementsByClassName('teleport-menu-burger')[0]
-
- if (!burgerMenuElement) {
- teleport.log("We're missing an element with a 'teleport-menu-mobile' class.");
- return;
- }
-
-
- if (!mobileMenuElement) {
- teleport.error(
- `We're missing an element with a 'teleport-menu-mobile' class.`
- );
- return;
- }
-
- if (!closeMenuElement) {
- teleport.error(
- `We're missing an element with a 'teleport-menu-mobile' class.'`
- );
- return;
- }
-
- mobileMenuElement.addEventListener("click", () => {
- mobileMenuElement.classList.remove("teleport-menu-show");
- })
- burgerMenuElement.addEventListener("click", () => {
- mobileMenuElement.classList.add("teleport-menu-show");
- });
- closeMenuElement.addEventListener("click", () => {
- mobileMenuElement.classList.remove("teleport-menu-show");
- });
- };
-
- listenForUrlChanges = () => {
- let url = location.href;
- document.addEventListener('click', () => {
- requestAnimationFrame(() => {
- if (url !== location.href) {
- console.log('URL changed');
- this.getMenuElementsAndAddEvents()
- url = location.href
- }
- });
- }, true);
- }
- }
-
- const teleport = {
- debug: false,
- log: (msg, obj) => {
- if (teleport.debug) {
- console.log("teleport: " + msg, obj || "");
- }
- },
- error: (msg, object) => {
- console.error("teleport-error: " + msg, object);
- },
- Menu,
- }
-
- new Menu().init()
- })()
- </script>
- </body>
-</html>
