2020-06-01 01:13:31 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en"><head>
|
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
|
|
<title>Playproject.io</title>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
.topNav_3mNWqs {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
z-index: 20;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template: 1fr / auto;
|
|
|
|
|
background-color: var(--playBgGStart);
|
|
|
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
|
|
|
transform: translate3d(0, 0, 0);
|
|
|
|
|
opacity: 1;
|
|
|
|
|
transition: background-color .6s, -webkit-transform .4s, transform .4s, opacity .3s linear;
|
|
|
|
|
}
|
|
|
|
|
.playLogo_3mNWqs {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 10px;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: 15rem;
|
|
|
|
|
z-index: 99;
|
|
|
|
|
transition: width .6s ease-in-out;
|
|
|
|
|
}
|
|
|
|
|
.menu_3mNWqs {
|
|
|
|
|
padding: 2.5rem;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
.menu_3mNWqs a {
|
|
|
|
|
font-size: var(--menuSize);
|
|
|
|
|
margin-left: 1.75%;
|
|
|
|
|
color: #575551;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
transition: color .6s linear;
|
|
|
|
|
}
|
|
|
|
|
.menu_3mNWqs a:hover {
|
|
|
|
|
color: #00acff;
|
|
|
|
|
}
|
|
|
|
|
.scrollUp_3mNWqs .topNav_3mNWqs {
|
|
|
|
|
position: fixed;
|
|
|
|
|
background-color: white;
|
|
|
|
|
-webkit-transform: none;
|
|
|
|
|
transform: none;
|
|
|
|
|
}
|
|
|
|
|
.scrollDown_3mNWqs .topNav_3mNWqs {
|
|
|
|
|
position: fixed;
|
|
|
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
|
|
|
transform: translate3d(0, -100%, 0);
|
|
|
|
|
opacity: 0;
|
|
|
|
|
}
|
|
|
|
|
.scrollUp_3mNWqs .playLogo_3mNWqs {
|
|
|
|
|
width: 10rem;
|
|
|
|
|
}
|
|
|
|
|
.scrollDown_3mNWqs .playLogo_3mNWqs {
|
|
|
|
|
width: 10rem;
|
|
|
|
|
top: 0;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 4096px) {
|
|
|
|
|
.menu_3mNWqs a {
|
|
|
|
|
font-size: calc(var(--menuSize) * 1.5);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.playLogo_3mNWqs {
|
|
|
|
|
width: 9vw;
|
|
|
|
|
min-width: 100px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
|
.topNav_3mNWqs {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.menu_3mNWqs {
|
|
|
|
|
padding-top: 3%;
|
|
|
|
|
padding-right: 2.5vw;
|
|
|
|
|
}
|
|
|
|
|
.menu_3mNWqs a {
|
|
|
|
|
margin-left: 1.5%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 812px) {
|
|
|
|
|
.menu_3mNWqs {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.playLogo_3mNWqs {
|
|
|
|
|
top: 20px;
|
|
|
|
|
min-width: 12vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 414px) {
|
|
|
|
|
.playLogo_3mNWqs {
|
|
|
|
|
min-width: 20vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.header_2n5uXR {
|
|
|
|
|
position: relative;
|
|
|
|
|
padding-top: 0vw;
|
|
|
|
|
background-image: linear-gradient(0deg, var(--playBgGEnd), var(--playBgGStart));
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
.scene_2n5uXR {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-top: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.playIsland_2n5uXR {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 90%;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-left: 5vw;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.sunCloud_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -4%;
|
|
|
|
|
width: 12%;
|
|
|
|
|
margin-left: 8vw;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
.sun_2n5uXR {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
[class^="cloud"] {
|
|
|
|
|
transition: left 0.6s, bottom 0.5s, top 0.5s linear;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
width: 7vw;
|
|
|
|
|
left: -3vw;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 7vw;
|
|
|
|
|
left: 10vw;
|
|
|
|
|
top: 25%;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
width: 7vw;
|
|
|
|
|
height: auto;
|
|
|
|
|
top: -2.5%;
|
|
|
|
|
right: 14vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 5vw;
|
|
|
|
|
height: auto;
|
|
|
|
|
top: 8%;
|
|
|
|
|
right: 6vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 12vw;
|
|
|
|
|
height: auto;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 2vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
width: 12vw;
|
|
|
|
|
height: auto;
|
|
|
|
|
bottom: 15%;
|
|
|
|
|
left: 15vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud7_2n5uXR {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 18vw;
|
|
|
|
|
height: auto;
|
|
|
|
|
bottom: 25%;
|
|
|
|
|
right: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.title_2n5uXR {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
font-size: var(--titleSize);
|
|
|
|
|
font-family: var(--titleFont);
|
|
|
|
|
color: var(--titleColor);
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 2% 2%;
|
|
|
|
|
}
|
|
|
|
|
.sun_2n5uXR {
|
|
|
|
|
will-change: transform;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_2n5uXR, .cloud2_2n5uXR, .cloud3_2n5uXR, .cloud4_2n5uXR, .cloud5_2n5uXR, .cloud6_2n5uXR, .cloud7_2n5uXR {
|
|
|
|
|
will-change: transform;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 1680px) {
|
|
|
|
|
.scrollUp_2n5uXR .header_2n5uXR {
|
|
|
|
|
padding-top: 2.5%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 2561px) {
|
|
|
|
|
.scene_2n5uXR {
|
|
|
|
|
max-width: 90%;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
}
|
|
|
|
|
.title_2n5uXR {
|
|
|
|
|
font-size: calc(var(--titleSize) * 1.5);
|
|
|
|
|
margin-bottom: 6vh;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 4096px) {
|
|
|
|
|
.title_2n5uXR {
|
|
|
|
|
font-size: calc(var(--titleSize) * 2.25);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1680px) {
|
|
|
|
|
.header_2n5uXR {
|
|
|
|
|
padding-top: 2vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
|
|
|
.header_2n5uXR {
|
|
|
|
|
padding-top: 3vw;
|
|
|
|
|
}
|
|
|
|
|
.scrollUp_2n5uXR .header_2n5uXR {
|
|
|
|
|
padding-top: 6.5vh;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.header_2n5uXR {
|
|
|
|
|
padding-top: 0%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 812px) {
|
|
|
|
|
.header_2n5uXR {
|
|
|
|
|
padding-top: 5vh;
|
|
|
|
|
}
|
|
|
|
|
.title_2n5uXR {
|
|
|
|
|
padding: 0 5%;
|
|
|
|
|
font-size: var(--titleSizeM);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 414px) {
|
|
|
|
|
.header_2n5uXR {
|
|
|
|
|
padding-top: 8vh;
|
|
|
|
|
}
|
|
|
|
|
.title_2n5uXR {
|
|
|
|
|
font-size: var(--titlesSizeS);
|
|
|
|
|
}
|
|
|
|
|
.playIsland_2n5uXR {
|
|
|
|
|
width: 150%;
|
|
|
|
|
margin-left: -26vw;
|
|
|
|
|
}
|
|
|
|
|
.sunCloud_2n5uXR {
|
|
|
|
|
top: -2vh;
|
|
|
|
|
left: -3vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_2n5uXR {
|
|
|
|
|
width: 12vw;
|
|
|
|
|
left: -4vw;
|
|
|
|
|
top: 64%;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_2n5uXR {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud7_2n5uXR {
|
|
|
|
|
width: 20vw;
|
|
|
|
|
right: -5vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.content_26MOtH {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.subTitle_26MOtH {
|
|
|
|
|
font-family: var(--titleFont);
|
|
|
|
|
font-size: var(--subTitleSize);
|
|
|
|
|
margin-bottom: 2.5rem;
|
|
|
|
|
}
|
|
|
|
|
.subTitleColor_26MOtH {
|
|
|
|
|
color: var(--section2TitleColor);
|
|
|
|
|
}
|
|
|
|
|
.article_26MOtH {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.button_26MOtH {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
outline: none;
|
|
|
|
|
border: none;
|
|
|
|
|
font-family: var(--titleFont);
|
|
|
|
|
font-size: var(--sectionButtonSize);
|
|
|
|
|
color: var(--titleColor);
|
|
|
|
|
border-radius: 2rem;
|
|
|
|
|
padding: 1.2rem 3.8rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.buttonBg_26MOtH {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
@media screen and (min-width: 2561px) {
|
|
|
|
|
.subTitle_26MOtH {
|
|
|
|
|
font-size: calc(var(--subTitleSize) * 1.5);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (min-width: 4096px) {
|
|
|
|
|
.subTitle_26MOtH {
|
|
|
|
|
font-size: calc(var(--subTitleSize) * 2.25);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (max-width: 414px) {
|
|
|
|
|
.subTitle_26MOtH {
|
|
|
|
|
font-size: var(--titlesSizeS);
|
|
|
|
|
margin-bottom: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.section_3oxTUM {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto 1fr;
|
|
|
|
|
grid-template-columns: 60% 40%;
|
|
|
|
|
background-image: linear-gradient(0deg, var(--section1BgGEnd), var(--section1BgGStart));
|
|
|
|
|
padding: 0 2vw;
|
|
|
|
|
}
|
|
|
|
|
.content_3oxTUM {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0 5%;
|
|
|
|
|
}
|
|
|
|
|
.subTitleColor_3oxTUM {
|
|
|
|
|
color: var(--section1TitleColor);
|
|
|
|
|
}
|
|
|
|
|
.buttonBg_3oxTUM {
|
|
|
|
|
background-image: linear-gradient(0deg, #ed6e87, #e9627e);
|
|
|
|
|
}
|
|
|
|
|
.blockchainIsland_3oxTUM {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-row-end: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
}
|
|
|
|
|
.blossomIsland_3oxTUM {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-row-end: 3;
|
|
|
|
|
padding-left: 2rem;
|
|
|
|
|
align-self: end;
|
|
|
|
|
width: 90%;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3oxTUM {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 10vw;
|
|
|
|
|
bottom: 10vh;
|
|
|
|
|
left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3oxTUM {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 14vw;
|
|
|
|
|
bottom: -8vh;
|
|
|
|
|
left: 42vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3oxTUM {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
bottom: 15vh;
|
|
|
|
|
left: 52vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3oxTUM {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 6vw;
|
|
|
|
|
bottom: 60%;
|
|
|
|
|
right: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_3oxTUM {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 18vw;
|
|
|
|
|
bottom: -10vh;
|
|
|
|
|
right: 2vw;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1560px) {
|
|
|
|
|
.content_3oxTUM {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.blossomIsland_3oxTUM {
|
|
|
|
|
margin-top: 30px;
|
|
|
|
|
width: 35vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.section1_3oxTUM {
|
|
|
|
|
grid-template-columns: 55% 45%;
|
|
|
|
|
}
|
|
|
|
|
.content_3oxTUM {
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
padding: 0 15vw;
|
|
|
|
|
}
|
|
|
|
|
.blockchainIsland_3oxTUM {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
}
|
|
|
|
|
.blossomIsland_3oxTUM {
|
|
|
|
|
width: 90%;
|
|
|
|
|
margin-left: 2vw;
|
|
|
|
|
align-self: center;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3oxTUM {
|
|
|
|
|
bottom: 0vh;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3oxTUM {
|
|
|
|
|
bottom: -5vh;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3oxTUM {
|
|
|
|
|
bottom: 10%;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3oxTUM {
|
|
|
|
|
bottom: 60%;
|
|
|
|
|
width: 12vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_3oxTUM {
|
|
|
|
|
bottom: -4vh;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 812px) {
|
|
|
|
|
.cloud3_3oxTUM {
|
|
|
|
|
bottom: 10%;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3oxTUM {
|
|
|
|
|
bottom: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
|
|
|
.cloud3_3oxTUM {
|
|
|
|
|
bottom: 12%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
.section1_3oxTUM {
|
|
|
|
|
grid-template-rows: repeat(3, auto);
|
|
|
|
|
grid-template-columns: 100%;
|
|
|
|
|
}
|
|
|
|
|
.content_3oxTUM {
|
|
|
|
|
padding-bottom: 10%;
|
|
|
|
|
}
|
|
|
|
|
.blockchainIsland_3oxTUM {
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
}
|
|
|
|
|
.blossomIsland_3oxTUM {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
width: 100%;
|
|
|
|
|
justify-self: end;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3oxTUM {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3oxTUM {
|
|
|
|
|
width: 30vw;
|
|
|
|
|
left: 50vw;
|
|
|
|
|
bottom: -50vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3oxTUM {
|
|
|
|
|
width: 20vw;
|
|
|
|
|
bottom: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3oxTUM {
|
|
|
|
|
top: 30vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 414px) {
|
|
|
|
|
.content_3oxTUM {
|
|
|
|
|
padding: 0 5vw 5vh 5vw;
|
|
|
|
|
}
|
|
|
|
|
.article_3oxTUM {
|
|
|
|
|
padding-bottom: 2rem;
|
|
|
|
|
}
|
|
|
|
|
.section_3oxTUM {
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.blossomIsland_3oxTUM {
|
|
|
|
|
width: 60vw;
|
|
|
|
|
margin-left: 35vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3oxTUM {
|
|
|
|
|
bottom: 5vh;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3oxTUM {
|
|
|
|
|
bottom: 35%;
|
|
|
|
|
width: 15vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.section_1dIrHZ {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto 1fr;
|
|
|
|
|
grid-template-columns: 40% 60%;
|
|
|
|
|
background-image: linear-gradient(0deg, var(--section2BgGEnd), var(--section2BgGStart));
|
|
|
|
|
padding: 5vw 2vw;
|
|
|
|
|
}
|
|
|
|
|
.content_1dIrHZ {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 2;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0 5%;
|
|
|
|
|
margin-bottom: 86px;
|
|
|
|
|
}
|
|
|
|
|
.subTitleColor_1dIrHZ {
|
|
|
|
|
color: var(--section2TitleColor);
|
|
|
|
|
}
|
|
|
|
|
.buttonBg_1dIrHZ {
|
|
|
|
|
background-image: linear-gradient(0deg, #4dc7be, #35bdb9);
|
|
|
|
|
}
|
|
|
|
|
.scene_1dIrHZ {
|
|
|
|
|
position: relative;
|
|
|
|
|
grid-row-start: span 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
}
|
|
|
|
|
.objects_1dIrHZ {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.screenshot_1dIrHZ {
|
|
|
|
|
width: 80%;
|
|
|
|
|
margin-bottom: -5.5%;
|
|
|
|
|
margin-left: 10%;
|
|
|
|
|
}
|
|
|
|
|
.logo_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0%;
|
|
|
|
|
bottom: -20%;
|
|
|
|
|
width: 20%;
|
|
|
|
|
}
|
|
|
|
|
.deco_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: -18.5%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
justify-content: flex-end;
|
|
|
|
|
}
|
|
|
|
|
.tree_1dIrHZ {
|
|
|
|
|
width: 13%;
|
|
|
|
|
}
|
|
|
|
|
.stone_1dIrHZ {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 10%;
|
|
|
|
|
right: -3%;
|
|
|
|
|
}
|
|
|
|
|
.island_1dIrHZ {
|
|
|
|
|
}
|
|
|
|
|
.energyIsland_1dIrHZ {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 2;
|
|
|
|
|
width: 80%;
|
|
|
|
|
justify-self: center;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 10vw;
|
|
|
|
|
left: 2vw;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 15vw;
|
|
|
|
|
left: 38vw;
|
|
|
|
|
bottom: -35vw;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
right: 30vw;
|
|
|
|
|
bottom: -34vw;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 14vw;
|
|
|
|
|
right: 6vw;
|
|
|
|
|
bottom: -40vw;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_1dIrHZ {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
right: 2vw;
|
|
|
|
|
bottom: -10vw;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.content_1dIrHZ {
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
}
|
|
|
|
|
.scene_1dIrHZ {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
}
|
|
|
|
|
.energyIsland_1dIrHZ {
|
|
|
|
|
align-self: end;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
.scene_1dIrHZ {
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
}
|
|
|
|
|
.energyIsland_1dIrHZ {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
width: 60%;
|
|
|
|
|
justify-self: start;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_1dIrHZ {
|
|
|
|
|
width: 16vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_1dIrHZ {
|
|
|
|
|
width: 20vw;
|
|
|
|
|
left: 50vw;
|
|
|
|
|
bottom: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_1dIrHZ {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
bottom: 50vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_1dIrHZ {
|
|
|
|
|
width: 25vw;
|
|
|
|
|
bottom: -85vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_1dIrHZ {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
bottom: 30vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.section_1OohbK {
|
|
|
|
|
position: relative;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto 1fr;
|
|
|
|
|
grid-template-columns: 60% 40%;
|
|
|
|
|
background-image: linear-gradient(0deg, var(--section3BgGEnd), var(--section3BgGStart));
|
|
|
|
|
padding: 3vw 2vw 0 2vw;
|
|
|
|
|
}
|
|
|
|
|
.content_1OohbK {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0 5%;
|
|
|
|
|
}
|
|
|
|
|
.subTitleColor_1OohbK {
|
|
|
|
|
color: var(--section3TitleColor);
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.buttonBg_1OohbK {
|
|
|
|
|
background-image: linear-gradient(0deg, #900df8, #ac1cf6);
|
|
|
|
|
}
|
|
|
|
|
.scene_1OohbK {
|
|
|
|
|
grid-row-start: span 2;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
}
|
|
|
|
|
.deco_1OohbK {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.screenshot_1OohbK {
|
|
|
|
|
width: 65%;
|
|
|
|
|
margin-left: 15%;
|
|
|
|
|
margin-bottom: -6%;
|
|
|
|
|
}
|
|
|
|
|
.trees_1OohbK {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 10%;
|
|
|
|
|
bottom: -20%;
|
|
|
|
|
width: 15%;
|
|
|
|
|
}
|
|
|
|
|
.logo_1OohbK {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left:6%;
|
|
|
|
|
bottom: -20%;
|
|
|
|
|
width: 15%;
|
|
|
|
|
}
|
|
|
|
|
.island_1OohbK {
|
|
|
|
|
}
|
|
|
|
|
.sceneMedium_1OohbK {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template: 1fr / 65% 35%;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.container_1OohbK {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.sceneMedium_1OohbK .deco_1OohbK:nth-child(1) {
|
|
|
|
|
width: 80%;
|
|
|
|
|
justify-self: center;
|
|
|
|
|
}
|
|
|
|
|
.sceneMedium_1OohbK .deco_1OohbK:nth-child(2) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.blossom_1OohbK {
|
|
|
|
|
width: 55%;
|
|
|
|
|
margin: 0 0 -10% 12%;
|
|
|
|
|
}
|
|
|
|
|
.islandMiddle_1OohbK {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.tree_1OohbK {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
margin-bottom: -11%;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.islandRight_1OohbK {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.stone_1OohbK {
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 12%;
|
|
|
|
|
bottom: 3%;
|
|
|
|
|
width: 22%;
|
|
|
|
|
}
|
|
|
|
|
.smallStone_1OohbK {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 7%;
|
|
|
|
|
bottom: 5%;
|
|
|
|
|
width: 14%;
|
|
|
|
|
}
|
|
|
|
|
@media screen and (min-width: 2561px) {
|
|
|
|
|
.tree_1OohbK {
|
|
|
|
|
margin-bottom: -10.5%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (min-width: 1025px) and (max-width: 1200px) {
|
|
|
|
|
.sceneMedium_1OohbK {
|
|
|
|
|
margin-top: 4.5rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
|
|
|
.content_1OohbK {
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
margin-bottom: 60px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media screen and (max-width: 640px) {
|
|
|
|
|
.scene_1OohbK {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
}
|
|
|
|
|
.sceneMedium_1OohbK {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
}
|
|
|
|
|
.sceneMedium_1OohbK .deco_1OohbK:nth-child(1) {
|
|
|
|
|
width: 90%;
|
|
|
|
|
}
|
|
|
|
|
.sceneMedium_1OohbK .deco_1OohbK:nth-child(2) {
|
|
|
|
|
width: 80%;
|
|
|
|
|
justify-self: center;
|
|
|
|
|
align-self: center;
|
|
|
|
|
}
|
|
|
|
|
.tree_1OohbK {
|
|
|
|
|
bottom: -5.5%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.section_1Nmmk1 {
|
|
|
|
|
position: relative;
|
|
|
|
|
background-image: linear-gradient(0deg, var(--section4BgGEnd), var(--section4BgGStart));
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: repeat(2, auto);
|
|
|
|
|
grid-template-columns: 15% 35% 35% 15%;
|
|
|
|
|
padding-top: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1 {
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(1) {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
width: 50vw;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-row-end: 2;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
margin-left: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 24vw;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
margin-top: -15vw;
|
|
|
|
|
margin-left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 24vw;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
margin-top: 3vw;
|
|
|
|
|
margin-left: 8vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 30vw;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 3;
|
|
|
|
|
margin-top: 5vw;
|
|
|
|
|
margin-left: 7vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-start: 4;
|
|
|
|
|
width: 10vw;
|
|
|
|
|
align-self: end;
|
|
|
|
|
margin-bottom: 12vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) .tree_1Nmmk1 {
|
|
|
|
|
width: 80%;
|
|
|
|
|
margin: 0 auto -1.5vw auto;
|
|
|
|
|
}
|
|
|
|
|
.deco_1Nmmk1 {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.tree_1Nmmk1 {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: 0 0 -11% -9%;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.yellowCrystal_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 25%;
|
|
|
|
|
left: 20%;
|
|
|
|
|
bottom: 1%;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
.title_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 35%;
|
|
|
|
|
right: 18%;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
font-family: var(--titleFont);
|
|
|
|
|
font-size: var(--roadmapHeadlline);
|
|
|
|
|
color: var(--section4TitleColor);
|
|
|
|
|
}
|
|
|
|
|
.island_1Nmmk1 {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.content_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(1) .content_1Nmmk1 {
|
|
|
|
|
width: 35%;
|
|
|
|
|
left: 21vw;
|
|
|
|
|
bottom: 2%;
|
|
|
|
|
background: url('./src/node_modules/assets/svg/card1.svg') no-repeat;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
padding: 8% 5% 8% 8%;
|
|
|
|
|
}
|
|
|
|
|
.content_1Nmmk1 h3 {
|
|
|
|
|
font-family: var(--titleFont);
|
|
|
|
|
font-size: var(--roadmapTitleSize);
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: var(--roadmapTitleColor);
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.content_1Nmmk1 p {
|
|
|
|
|
font-size: var(--roadmapTextSize);
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .content_1Nmmk1 {
|
|
|
|
|
width: 45%;
|
|
|
|
|
left: 35%;
|
|
|
|
|
bottom: -2vw;
|
|
|
|
|
background: url('./src/node_modules/assets/svg/card2.svg') no-repeat;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
padding: 10% 5% 10% 8%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .tree_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 45%;
|
|
|
|
|
left: 2vw;
|
|
|
|
|
bottom: -0.5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .stone_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 24%;
|
|
|
|
|
right: 5%;
|
|
|
|
|
bottom: -2.5vw;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) .content_1Nmmk1 {
|
|
|
|
|
width: 60%;
|
|
|
|
|
left: 5vw;
|
|
|
|
|
bottom: -2.2vw;
|
|
|
|
|
background: url('./src/node_modules/assets/svg/card3.svg') no-repeat;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
padding: 10% 5% 10% 8%;
|
|
|
|
|
}
|
|
|
|
|
.purpleCrystal_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 40%;
|
|
|
|
|
left: -6%;
|
|
|
|
|
bottom: -2.5vw;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) .content_1Nmmk1 {
|
|
|
|
|
width: 50%;
|
|
|
|
|
left: 6vw;
|
|
|
|
|
bottom: -2.5vw;
|
|
|
|
|
background: url('./src/node_modules/assets/svg/card4.svg') no-repeat;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
padding: 10% 5% 10% 8%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) h3 {
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) h3:last-child {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) .tree_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 24%;
|
|
|
|
|
right: 1.5vw;
|
|
|
|
|
bottom: 0vw;
|
|
|
|
|
}
|
|
|
|
|
.blueCrystal_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 22%;
|
|
|
|
|
left: 1vw;
|
|
|
|
|
bottom: -3vw;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
top: 25vw;
|
|
|
|
|
left: 8vw;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 15vw;
|
|
|
|
|
top: 10vw;
|
|
|
|
|
left: 50vw;
|
|
|
|
|
z-index: 6;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 15vw;
|
|
|
|
|
top: 30vw;
|
|
|
|
|
right: 10vw;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
bottom: 28vw;
|
|
|
|
|
right: 5vw;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 12vw;
|
|
|
|
|
bottom: -3vw;
|
|
|
|
|
right: 6vw;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_1Nmmk1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
bottom: -10vw;
|
|
|
|
|
right: 2vw;
|
|
|
|
|
z-index: 6;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 3840px) {
|
|
|
|
|
.info_1Nmmk1 h3 {
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
font-size: calc( var(--roadmapTitleSizeM) * 2);
|
|
|
|
|
}
|
|
|
|
|
.info_1Nmmk1 p {
|
|
|
|
|
font-size: calc( var(--roadmapTextSizeM) * 2);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1366px) {
|
|
|
|
|
.title_1Nmmk1 {
|
|
|
|
|
bottom: 17vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.section_1Nmmk1 {
|
|
|
|
|
grid-template-columns: repeat(2, 50vw);
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(1) {
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
width: 70vw;
|
|
|
|
|
margin-left: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(1) .content_1Nmmk1 {
|
|
|
|
|
width: 35%;
|
|
|
|
|
left: 28vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
width: 40vw;
|
|
|
|
|
margin-top: 15vw;
|
|
|
|
|
margin-left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .content_1Nmmk1 {
|
|
|
|
|
bottom: -3vw;
|
|
|
|
|
left: 28%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .stone_1Nmmk1 {
|
|
|
|
|
bottom: -4vw;
|
|
|
|
|
right: 9%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
width: 40vw;
|
|
|
|
|
margin-top: 20vw;
|
|
|
|
|
margin-left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) .content_1Nmmk1 {
|
|
|
|
|
left: 8vw;
|
|
|
|
|
bottom: -3vw;
|
|
|
|
|
}
|
|
|
|
|
.purpleCrystal_1Nmmk1 {
|
|
|
|
|
bottom: -3.5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
width: 50vw;
|
|
|
|
|
margin: 10vw 0 0 -25vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) .content_1Nmmk1 {
|
|
|
|
|
bottom: -4.5vw;
|
|
|
|
|
width: 50%;
|
|
|
|
|
left: 8vw;
|
|
|
|
|
}
|
|
|
|
|
.blueCrystal_1Nmmk1 {
|
|
|
|
|
bottom: -5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) {
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-start: 3;
|
|
|
|
|
width: 15vw;
|
|
|
|
|
align-self: start;
|
|
|
|
|
margin-top: 15vw;
|
|
|
|
|
margin-left: -20vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) .tree_1Nmmk1 {
|
|
|
|
|
width: 65%;
|
|
|
|
|
margin: 0 auto -2vw auto;
|
|
|
|
|
}
|
|
|
|
|
.title_1Nmmk1 {
|
|
|
|
|
font-size: var(--roadmapHeadllineM);
|
|
|
|
|
bottom: 25vw;
|
|
|
|
|
right: 11vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_1Nmmk1 {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
top: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_1Nmmk1 {
|
|
|
|
|
width: 25vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_1Nmmk1 {
|
|
|
|
|
width: 18vw;
|
|
|
|
|
top: 40vw;
|
|
|
|
|
right: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_1Nmmk1 {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
bottom: -10vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_1Nmmk1 {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
right: 15vw;
|
|
|
|
|
bottom: -30vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_1Nmmk1 {
|
|
|
|
|
width: 10vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .tree_1Nmmk1 {
|
|
|
|
|
width: 30%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .content_1Nmmk1 {
|
|
|
|
|
width: 60%;
|
|
|
|
|
left: 18%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) .tree_1Nmmk1 {
|
|
|
|
|
bottom: -0.5vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 812px) {
|
|
|
|
|
.info_1Nmmk1 h3 {
|
|
|
|
|
margin-bottom: 6px;
|
|
|
|
|
font-size: var(--roadmapTitleSizeM);
|
|
|
|
|
}
|
|
|
|
|
.info_1Nmmk1 p {
|
|
|
|
|
font-size: var(--roadmapTextSizeM);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) {
|
|
|
|
|
width: 50vw;
|
|
|
|
|
margin-top: 20vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) {
|
|
|
|
|
width: 50vw;
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
margin-top: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) {
|
|
|
|
|
width: 66vw;
|
|
|
|
|
grid-row-start: 4;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 2;
|
|
|
|
|
margin-left: 10vw;
|
|
|
|
|
margin-top: 20vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) {
|
|
|
|
|
margin-left: -18vw;
|
|
|
|
|
}
|
|
|
|
|
.title_1Nmmk1 {
|
|
|
|
|
font-size: var(--roadmapHeadllineS);
|
|
|
|
|
bottom: 25vw;
|
|
|
|
|
right: 12vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 480px) {
|
|
|
|
|
.scene_1Nmmk1:nth-child(1) {
|
|
|
|
|
width: 90vw;
|
|
|
|
|
margin-left: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(1) .content_1Nmmk1 {
|
|
|
|
|
width: 40%;
|
|
|
|
|
left: 36%;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) {
|
|
|
|
|
width: 70vw;
|
|
|
|
|
margin-top: 20vw;
|
|
|
|
|
margin-left: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .content_1Nmmk1 {
|
|
|
|
|
width: 60%;
|
|
|
|
|
padding: 10% 5% 10% 12%;
|
|
|
|
|
bottom: -6vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .stone_1Nmmk1 {
|
|
|
|
|
bottom: -8vw;
|
|
|
|
|
right: 0;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(2) .tree_1Nmmk1 {
|
|
|
|
|
left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) {
|
|
|
|
|
width: 70vw;
|
|
|
|
|
margin-left: 20vw;
|
|
|
|
|
margin-top: 25vw;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(3) .content_1Nmmk1 {
|
|
|
|
|
left: 12vw;
|
|
|
|
|
bottom: -6vw;
|
|
|
|
|
}
|
|
|
|
|
.purpleCrystal_1Nmmk1 {
|
|
|
|
|
bottom: -7vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) {
|
|
|
|
|
width: 66vw;
|
|
|
|
|
margin-left: 10vw;
|
|
|
|
|
margin-top: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(4) .content_1Nmmk1 {
|
|
|
|
|
width: 56%;
|
|
|
|
|
}
|
|
|
|
|
.blueCrystal_1Nmmk1 {
|
|
|
|
|
bottom: -6vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) {
|
|
|
|
|
grid-row-start: 4;
|
|
|
|
|
margin-top: -5vw;
|
|
|
|
|
margin-left: -22vw;
|
|
|
|
|
}
|
|
|
|
|
.scene_1Nmmk1:nth-child(5) .tree_1Nmmk1 {
|
|
|
|
|
bottom: -1vw;
|
|
|
|
|
}
|
|
|
|
|
.title_1Nmmk1 {
|
|
|
|
|
bottom: 32vw;
|
|
|
|
|
right: 15vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template: 1fr / 40% 60%;
|
|
|
|
|
width: 70%;
|
|
|
|
|
top: 20%;
|
|
|
|
|
}
|
|
|
|
|
.avatar_4gdqxY {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.info_4gdqxY {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: var(--contributorsTextSize);
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: var(--contributorsBg);
|
|
|
|
|
padding: 0% 2% 4% 20%;
|
|
|
|
|
margin-left: -20%;
|
|
|
|
|
}
|
|
|
|
|
.name_4gdqxY {
|
|
|
|
|
color: var(--section5TitleColor);
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 3%;
|
|
|
|
|
}
|
|
|
|
|
.career_4gdqxY {
|
|
|
|
|
display: block;
|
|
|
|
|
color: var(--contributorsCareerColor);
|
|
|
|
|
}
|
|
|
|
|
.lifeIsland_4gdqxY {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1550px) {
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
width: 280px;
|
|
|
|
|
top: 15%;
|
|
|
|
|
left: -2vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
|
|
|
.lifeIsland_4gdqxY {
|
|
|
|
|
width: 115%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
top: 12%;
|
|
|
|
|
left: -4vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1130px) {
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
top: 1vw;
|
|
|
|
|
left: -6vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.lifeIsland_4gdqxY {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
width: 32vw;
|
|
|
|
|
top: 6vw;
|
|
|
|
|
left: -2vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
width: 85%;
|
|
|
|
|
top: 5vw;
|
|
|
|
|
left: -4vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
width: 75%;
|
|
|
|
|
top: 9vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 414px) {
|
|
|
|
|
.member_4gdqxY {
|
|
|
|
|
width: 90%;
|
|
|
|
|
top: 5vw;
|
|
|
|
|
left: -10vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.section_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
background-image: linear-gradient(0deg, var(--section5BgGEnd), var(--section5BgGMiddle), var(--section5BgGStart));
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto;
|
|
|
|
|
grid-template-columns: repeat(3, 1fr);
|
|
|
|
|
padding: 5vw 2vw 10vw 2vw;
|
|
|
|
|
}
|
|
|
|
|
.content_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-row-end: 2;
|
|
|
|
|
grid-column-start: 3;
|
|
|
|
|
text-align: center;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.subTitleColor_3jbaaP {
|
|
|
|
|
color: var(--section5TitleColor);
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 2.5rem 0;
|
|
|
|
|
}
|
|
|
|
|
.inner_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-row-end: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
}
|
|
|
|
|
.island_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 7;
|
|
|
|
|
width: 62%;
|
|
|
|
|
}
|
|
|
|
|
.groups_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 9;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-row-end: 3;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto;
|
|
|
|
|
grid-template-columns: repeat(8, 12.5%);
|
|
|
|
|
justify-self: end;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(1) {
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-column-start: 4;
|
|
|
|
|
grid-column-end: 7;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(2) {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 6;
|
|
|
|
|
grid-column-end: 9;
|
|
|
|
|
margin-top: -10%;
|
|
|
|
|
margin-left: -5%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(3) {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-column-end: 5;
|
|
|
|
|
margin-left: 0vw;
|
|
|
|
|
margin-top: -10%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(4) {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
margin-left: -10%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(5) {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 5;
|
|
|
|
|
grid-column-end: 8;
|
|
|
|
|
margin-left: -20%;
|
|
|
|
|
}
|
|
|
|
|
.avatar_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.info_3jbaaP {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: var(--contributorsTextSize);
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: var(--contributorsBg);
|
|
|
|
|
padding: 0% 2% 4% 20%;
|
|
|
|
|
margin-left: -20%;
|
|
|
|
|
}
|
|
|
|
|
.name_3jbaaP {
|
|
|
|
|
color: var(--section5TitleColor);
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 3%;
|
|
|
|
|
}
|
|
|
|
|
.career_3jbaaP {
|
|
|
|
|
display: block;
|
|
|
|
|
color: var(--contributorsCareerColor);
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
top: 10vw;
|
|
|
|
|
left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
width: 12vw;
|
|
|
|
|
top: 5vw;
|
|
|
|
|
left: 20vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 6vw;
|
|
|
|
|
top: 15vw;
|
|
|
|
|
left: 50vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
width: 12vw;
|
|
|
|
|
bottom: 12vw;
|
|
|
|
|
left: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 5;
|
|
|
|
|
width: 8vw;
|
|
|
|
|
bottom: 5vw;
|
|
|
|
|
left: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 4;
|
|
|
|
|
width: 14vw;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: 25vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud7_3jbaaP {
|
|
|
|
|
position: absolute;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
width: 6vw;
|
|
|
|
|
bottom: 5vw;
|
|
|
|
|
right: 10vw;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 2561px) {
|
|
|
|
|
.info_3jbaaP {
|
|
|
|
|
font-size: calc(var(--contributorsTextSize) * 1.35);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 1920px) {
|
|
|
|
|
.groups_3jbaaP {
|
|
|
|
|
grid-template-columns: repeat(12, 8.33%);
|
|
|
|
|
margin-top: 2vw;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(1) {
|
|
|
|
|
grid-column-start: 7;
|
|
|
|
|
grid-column-end: 11;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(2) {
|
|
|
|
|
grid-column-start: 9;
|
|
|
|
|
grid-column-end: 13;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(3) {
|
|
|
|
|
grid-column-start: 4;
|
|
|
|
|
grid-column-end: 8;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(4) {
|
|
|
|
|
grid-column-start: 3;
|
|
|
|
|
grid-column-end: 7;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(5) {
|
|
|
|
|
grid-column-start: 8;
|
|
|
|
|
grid-column-end: 12;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 1441px) {
|
|
|
|
|
.group_3jbaaP:nth-child(1) {
|
|
|
|
|
margin-left: 15%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
|
|
|
.group_3jbaaP:nth-child(1) {
|
|
|
|
|
margin-left: 10vw;
|
|
|
|
|
grid-column-start: 3;
|
|
|
|
|
grid-column-end: 6;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(2) {
|
|
|
|
|
grid-column-start: 5;
|
|
|
|
|
grid-column-end: 8;
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(3) {
|
|
|
|
|
margin-left: -5vw;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(4) {
|
|
|
|
|
margin-left: -2vw;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
margin-top: -5%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(5) {
|
|
|
|
|
margin-left: 0vw;
|
|
|
|
|
grid-column-start: 5;
|
|
|
|
|
grid-column-end: 8;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.section_3jbaaP {
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
}
|
|
|
|
|
.content_3jbaaP {
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-row-end: 2;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
padding: 0 5vw;
|
|
|
|
|
}
|
|
|
|
|
.inner_3jbaaP {
|
|
|
|
|
justify-content: center;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-row-end: 3;
|
|
|
|
|
padding-top: 10%;
|
|
|
|
|
}
|
|
|
|
|
.island_3jbaaP {
|
|
|
|
|
width: 90%;
|
|
|
|
|
}
|
|
|
|
|
.groups_3jbaaP {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-row-end: 4;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
width: 90%;
|
|
|
|
|
grid-template-columns: 1fr 1fr;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(1) {
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(2) {
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
margin-top: -30%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(3) {
|
|
|
|
|
grid-row-start: 3;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-top: -30%;
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(4) {
|
|
|
|
|
grid-row-start: 4;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
margin-top: -30%;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(5) {
|
|
|
|
|
grid-row-start: 5;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-top: -30%;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3jbaaP {
|
|
|
|
|
width: 10vw;
|
|
|
|
|
top: 35vw;
|
|
|
|
|
left: 8vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3jbaaP {
|
|
|
|
|
width: 20vw;
|
|
|
|
|
top : 22vw;
|
|
|
|
|
left: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3jbaaP {
|
|
|
|
|
width: 10vw;
|
|
|
|
|
top: 38vw;
|
|
|
|
|
left: 70vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
|
.cloud1_3jbaaP {
|
|
|
|
|
top: 22vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3jbaaP {
|
|
|
|
|
top: 12vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3jbaaP {
|
|
|
|
|
top: 30vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
|
|
|
.groups_3jbaaP {
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 3;
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
}
|
|
|
|
|
.groups_3jbaaP > div {
|
|
|
|
|
width: 80%;
|
|
|
|
|
margin-bottom: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(1) {
|
|
|
|
|
margin-left: 8vw;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(2) {
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-left: 20vw;
|
|
|
|
|
margin-top: -10vw;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(3) {
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-left: 8vw;
|
|
|
|
|
margin-top: -3vw;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(4) {
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-left: 20vw;
|
|
|
|
|
margin-top: -5vw;
|
|
|
|
|
}
|
|
|
|
|
.group_3jbaaP:nth-child(5) {
|
|
|
|
|
grid-column-end: 1;
|
|
|
|
|
margin-left: 8vw;
|
|
|
|
|
margin-top: -5vw;
|
|
|
|
|
}
|
|
|
|
|
.info_3jbaaP {
|
|
|
|
|
font-size: var(--contributorsTextSizeS);
|
|
|
|
|
}
|
|
|
|
|
.island_3jbaaP {
|
|
|
|
|
width: 98%;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3jbaaP {
|
|
|
|
|
width: 12vw;
|
|
|
|
|
top: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3jbaaP {
|
|
|
|
|
top: 22vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3jbaaP {
|
|
|
|
|
width: 12vw;
|
|
|
|
|
top: 35vw;
|
|
|
|
|
left: 75vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3jbaaP {
|
|
|
|
|
z-index: 1;
|
|
|
|
|
width: 20vw;
|
|
|
|
|
bottom: 40vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_3jbaaP {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
left: 10vw;
|
|
|
|
|
bottom: 20vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_3jbaaP {
|
|
|
|
|
width: 30vw;
|
|
|
|
|
bottom: 5vw;
|
|
|
|
|
right: 35vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud7_3jbaaP {
|
|
|
|
|
width: 15vw;
|
|
|
|
|
bottom: 20vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 414px) {
|
|
|
|
|
.groups_3jbaaP {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3jbaaP {
|
|
|
|
|
top: 63vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3jbaaP {
|
|
|
|
|
top: 56vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3jbaaP {
|
|
|
|
|
top: 65vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud4_3jbaaP {
|
|
|
|
|
bottom: 30vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud5_3jbaaP {
|
|
|
|
|
bottom: 10vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud6_3jbaaP {
|
|
|
|
|
bottom: 5vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud7_3jbaaP {
|
|
|
|
|
bottom: 8vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 414px)
|
|
|
|
|
and (max-width: 736px) and (orientation: landscape) {
|
|
|
|
|
.section_3jbaaP {
|
|
|
|
|
margin-top: -1px;
|
|
|
|
|
}
|
|
|
|
|
.cloud1_3jbaaP {
|
|
|
|
|
top: 50vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud2_3jbaaP {
|
|
|
|
|
top: 48vw;
|
|
|
|
|
}
|
|
|
|
|
.cloud3_3jbaaP {
|
|
|
|
|
top: 55vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.footer_uVvwQ {
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto;
|
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
|
color: var(--footerTextColor);
|
|
|
|
|
padding-top: 4vw;
|
|
|
|
|
padding-bottom: 0.5%;
|
|
|
|
|
background-color: var(--footerBg);
|
|
|
|
|
}
|
|
|
|
|
.copyright_uVvwQ {
|
|
|
|
|
text-align: center;
|
|
|
|
|
align-self: center;
|
|
|
|
|
}
|
|
|
|
|
.scene_uVvwQ {
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 60%;
|
|
|
|
|
max-width: 1200px;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
display: grid;
|
|
|
|
|
grid-template-rows: auto;
|
|
|
|
|
grid-template-columns: repeat(4, 25%);
|
|
|
|
|
}
|
|
|
|
|
.contacts_uVvwQ {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
grid-row-start: 2;
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-column-end: 4;
|
|
|
|
|
margin-top: -2%;
|
|
|
|
|
}
|
|
|
|
|
.contacts_uVvwQ a {
|
|
|
|
|
margin: 0 2rem;
|
|
|
|
|
}
|
|
|
|
|
.icon_uVvwQ {
|
|
|
|
|
width: 6vw;
|
|
|
|
|
}
|
|
|
|
|
.island_uVvwQ {
|
|
|
|
|
grid-row-start: 1;
|
|
|
|
|
grid-row-end: 6;
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 5;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 1440px) {
|
|
|
|
|
.icon_uVvwQ {
|
|
|
|
|
max-width: 10rem;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1200px) {
|
|
|
|
|
.contacts_uVvwQ a {
|
|
|
|
|
margin: 0 1.5vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
|
.scene_uVvwQ {
|
|
|
|
|
width: 80%;
|
|
|
|
|
}
|
|
|
|
|
.icon_uVvwQ {
|
|
|
|
|
width: 8vw;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style><style type="text/css">
|
|
|
|
|
.wrap_4bcOAm {
|
|
|
|
|
background: var(--bodyBg);
|
|
|
|
|
}
|
|
|
|
|
[class^="cloud"] {
|
|
|
|
|
transition: left 0.6s, bottom 0.5s, top 0.5s linear;
|
|
|
|
|
}
|
2020-06-01 02:39:34 +02:00
|
|
|
</style><link href="fichiers/css.css" rel="stylesheet" type="text/css"><link rel="apple-touch-icon" sizes="180x180" href="./src/node_modules/assets/images/favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="./src/node_modules/assets/images/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="./src/node_modules/assets/images/favicon/favicon-16x16.png"><link rel="manifest" href="./src/node_modules/assets/images/favicon/site.webmanifest"><style type="text/css">
|
2020-06-01 01:13:31 +02:00
|
|
|
html {
|
|
|
|
|
font-size: 62.5%;
|
|
|
|
|
scroll-behavior: smooth;
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
font-family: var(--bodyFont);
|
|
|
|
|
font-size: 1.4rem;
|
|
|
|
|
color: var(--bodyColor);
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
background-color: var(--bodyBg);
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
button {
|
|
|
|
|
outline: none;
|
|
|
|
|
border: none;
|
|
|
|
|
font-family: var(--titleFont);
|
|
|
|
|
font-size: var(--sectionButtonSize);
|
|
|
|
|
color: var(--titleColor);
|
|
|
|
|
border-radius: 2rem;
|
|
|
|
|
padding: 1.2rem 3.8rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
article {
|
|
|
|
|
font-size: var(--articleSize);
|
|
|
|
|
color: var(--articleColor);
|
|
|
|
|
line-height: 2.5rem;
|
|
|
|
|
padding-bottom: 4rem;
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 2561px) {
|
|
|
|
|
article {
|
|
|
|
|
font-size: calc(var(--articleSize) * 1.5 );
|
|
|
|
|
line-height: calc(2.5rem * 1.5);
|
|
|
|
|
}
|
|
|
|
|
button {
|
|
|
|
|
font-size: calc(var(--sectionButtonSize) * 1.5 );
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media only screen and (min-width: 4096px) {
|
|
|
|
|
article {
|
|
|
|
|
font-size: calc(var(--articleSize) * 2.25 );
|
|
|
|
|
line-height: calc(2.5rem * 2.25);
|
|
|
|
|
}
|
|
|
|
|
button {
|
|
|
|
|
font-size: calc(var(--sectionButtonSize) * 2.25 );
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style></head>
|
|
|
|
|
<body style="--bodyFont:'Nunito', Arial, sans-serif; --bodyColor:#333333; --bodyBg:#b4e4fd; --menuSize:1.4rem; --titleFont:'Slackey', Arial, sans-serif; --titleSize:5rem; --titleSizeM:3.6rem; --titlesSizeS:2.8rem; --titleColor:#fff; --playBgGStart:#b3e2ff; --playBgGEnd:#aae6ed; --subTitleSize:4.2rem; --section1TitleColor:#e14365; --section2TitleColor:#00a6ad; --section3TitleColor:#b337fb; --section4TitleColor:#b06d56; --section5TitleColor:#4aa95b; --articleSize:1.4rem; --articleColor:#333333; --section1BgGStart:#aae6ed; --section1BgGEnd:#a1e9da; --section2BgGStart:#a1e9da; --section2BgGEnd:#9db9ee; --section3BgGStart:#9db9ee; --section3BgGEnd:#9a91ff; --section4BgGStart:#9a91ff; --section4BgGEnd:#beb2d7; --section5BgGStart:#beb2d7; --section5BgGMiddle:#eddca4; --section5BgGEnd:#b4e4fd; --sectionButtonSize:1.4rem; --roadmapHeadlline:4rem; --roadmapHeadllineM:3rem; --roadmapHeadllineS:1.6rem; --roadmapTitleSize:2rem; --roadmapTitleSizeM:1.6rem; --roadmapTitleColor:#00a6ad; --roadmapTextSize:1.6rem; --roadmapTextSizeM:1.3rem; --contributorsBg:#fdfbee; --contributorsTextSize:1.4rem; --contributorsTextSizeS:1.2rem; --contributorsCareerColor:#999999; --footerTextColor:#333333; --footerBg:#b4e4fd;" class="scrollDown_3mNWqs">
|
|
|
|
|
<script src="fichiers/bundle.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="top" class="wrap_4bcOAm"><div class="topNav_3mNWqs"><a href="#top"><div class="playLogo_3mNWqs"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 173.89 118.31"><defs><linearGradient id="wood-gradient1" x1="85.18" y1="83.85" x2="86.42" y2="102.38" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c86629"></stop><stop offset="1" stop-color="#a33d26"></stop></linearGradient><linearGradient id="wood-gradient1-2" x1="-3.09" y1="101.44" x2="173.77" y2="101.44" xlink:href="#wood-gradient1"></linearGradient><linearGradient id="wood-gradient1-3" x1="162.81" y1="39.06" x2="115.82" y2="82.51" xlink:href="#wood-gradient1"></linearGradient><linearGradient id="wood-gradient1-4" x1="85.97" y1="93.2" x2="86.65" y2="103.44" xlink:href="#wood-gradient1"></linearGradient><linearGradient id="未命名漸層_2" x1="9.86" y1="126.28" x2="9.86" y2="101.62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ebb063"></stop><stop offset="1" stop-color="#ebb063"></stop></linearGradient><linearGradient id="未命名漸層_2-2" x1="17.49" y1="126.28" x2="17.49" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-3" x1="23.91" y1="126.28" x2="23.91" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-4" x1="31.2" y1="126.28" x2="31.2" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-5" x1="40.61" y1="126.28" x2="40.61" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-6" x1="45.91" y1="126.28" x2="45.91" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-7" x1="50.46" y1="126.28" x2="50.46" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-8" x1="54.18" y1="126.28" x2="54.18" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-9" x1="57.88" y1="126.28" x2="57.88" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-10" x1="61.67" y1="126.28" x2="61.67" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient><linearGradient id="未命名漸層_2-11" x1="64.55" y1="126.28" x2="64.55" y2="101.62" xlink:href="#未命名漸層_2"></linearGradient></defs><title>logo</title><g id="logo"><polygon points="173.77 100.53 173.5 98.71 0 99 0 104.17 0 113.27 0 118.31 173.78 105.26 173.89 103.24 173.77 100.53" fill="url(#wood-gradient1)"></polygon><polygon points="173.77 100.53 173.5 98.71 0 99 0 104.17 173.77 100.53" fill="url(#wood-gradient1-2)"></polygon><polygon points="173.89 103.24 0 113.27 0 118.31 173.78 105.26 173.89 103.24" fill="url(#wood-gradient1-3)"></polygon><polygon points="0 113.27 173.89 103.24 173.77 100.53 0 104.17 0 113.27" fill="url(#wood-gradient1-4)"></polygon><polygon points="146.35 49.74 143.19 50.68 139.76 51.95 144.97 39.81 146.35 49.74" fill="#bcc1bd"></polygon><polygon points="144.97 39.81 139.76 51.95 140.15 39.15 144.97 39.81" fill="#bec3bf"></polygon><polygon points="144.97 39.81 140.15 39.15 144.75 35.08 144.97 39.81" fill="#b5b5ab"></polygon><polygon points="148.27 37.37 144.97 39.81 144.75 35.08 148.27 37.37" fill="#a49c8e"></polygon><polygon points="139.76 51.95 133.64 50.24 140.15 39.15 139.76 51.95" fill="#c5c5bd"></polygon><polygon points="140.15 39.15 133.64 50.24 132.53 39.98 140.15 39.15" fill="#cfd0cb"></polygon><polygon points="144.75 35.08 140.15 39.15 144.41 29.19 144.75 35.08" fill="#c1bca8"></polygon><polygon points="154.3 46.51 149.48 48.52 146.35 49.74 144.97 39.81 154.3 46.51" fill="#95948f"></polygon><g id="squirrel"><g id="oak"><polygon id="oak-bg" points="160.74 52.24 153.08 47.9 144.34 49.85 141.92 58.4 145.8 67.21 152.95 70.68 161.18 67.03 162.94 60.6 160.74 52.24" fill="#c86629"></polygon><polyline points="160.74 52.22 158.85 54.37 162.94 60.59" fill="#ffa428"></polyline><polygon points="155.36 57.48 162.94 60.59 158.85 54.37 155.36 57.48" fill="#da7312"></
|
|
|
|
|
<a href="#datdot">DatDot</a><a href="#smartcontractUI">Play Editor</a><a href="#smartcontractCodes">Smart Contract Codes</a><a href="#roadmap">Roadmap</a><a href="#ourContributors">Contributors</a></nav></div><div class="header_2n5uXR"><h1 class="title_2n5uXR">Infrastructure for the next-generation Web</h1><section class="scene_2n5uXR"><div class="sunCloud_2n5uXR"><div class="cloud1_2n5uXR" style="transform: translate3d(0px, -2926px, 0px);"><svg id="cloud" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 355 166"><title>cloud</title><polygon id="cloud-bg" points="295.8 60 228.69 2.08 127.42 0 46.93 37.72 45.33 82.27 0.83 108.61 0 135.83 63.79 155.15 169.46 161.31 233.27 166.5 341.71 124.27 355.28 86.84 295.8 60" fill="#fffffd"></polygon><polygon points="263.39 99.51 152.31 131.05 133.36 92.29 263.39 99.51" fill="#fffffd"></polygon><polygon points="127.42 38.17 263.39 99.51 133.36 92.29 127.42 38.17" fill="#fdfbee"></polygon><polygon points="45.33 82.27 133.36 92.29 127.42 38.17 45.33 82.27" fill="#fffffd"></polygon><polygon points="127.42 38.17 127.42 0 46.93 37.72 127.42 38.17" fill="#fdfbee"></polygon><polygon points="295.8 60 263.39 99.51 127.42 38.17 295.8 60" fill="#fdfbee"></polygon><polygon points="295.8 60 228.69 2.08 127.42 38.17 127.42 38.17 295.8 60" fill="#f6f4ef"></polygon><polygon points="228.69 2.08 127.42 0 127.42 38.17 228.69 2.08" fill="#fffffd"></polygon><polygon points="133.36 92.29 152.31 131.05 45.33 82.27 133.36 92.29" fill="#ece5d2"></polygon><polygon points="49.97 106.45 152.31 131.05 63.79 155.15 49.97 106.45" fill="#fdfbee"></polygon><polygon points="0 135.83 63.79 155.15 49.97 106.45 0 135.83" fill="#ece5d2"></polygon><polygon points="0.83 108.61 49.97 106.45 0 135.83 0.83 108.61" fill="#ece5d2"></polygon><polygon points="49.97 106.45 45.33 82.27 0.83 108.61 49.97 106.45" fill="#fdfbee"></polygon><polygon points="45.33 82.27 152.31 131.05 49.97 106.45 45.33 82.27" fill="#fffffd"></polygon><polygon points="186.63 140.84 263.39 99.51 289.12 133.44 186.63 140.84" fill="#fffffd"></polygon><polygon points="233.27 166.5 289.12 133.44 186.63 140.84 233.27 166.5" fill="#fdfbee"></polygon><polygon points="169.46 161.31 186.63 140.84 233.27 166.5 169.46 161.31" fill="#aeaaa2"></polygon><polygon points="186.63 140.84 152.31 131.05 169.46 161.31 186.63 140.84" fill="#d9d7d1"></polygon><polygon points="152.31 131.05 263.39 99.51 186.63 140.84 152.31 131.05" fill="#fdfbee"></polygon><polygon points="316.09 103.27 295.8 60 355.28 86.84 316.09 103.27" fill="#fdfbee"></polygon><polygon points="341.71 124.27 355.28 86.84 316.09 103.27 341.71 124.27" fill="#d9d7d1"></polygon><polygon points="289.12 133.44 316.09 103.27 341.71 124.27 289.12 133.44" fill="#aeaaa2"></polygon><polygon points="316.09 103.27 263.39 99.51 289.12 133.44 316.09 103.27" fill="#ece5d2"></polygon><polygon points="263.39 99.51 295.8 60 316.09 103.27 263.39 99.51" fill="#f6f4ef"></polygon><polygon points="169.46 161.31 63.79 155.15 152.31 131.05 169.46 161.31" fill="#aeaaa2"></polygon><polygon points="233.27 166.5 289.12 133.44 341.71 124.27 233.27 166.5" fill="#aeaaa2"></polygon><polygon points="46.93 37.72 127.42 38.17 45.33 82.27 46.93 37.72" fill="#ece5d2"></polygon></svg></div><div class="sun_2n5uXR" style="transform: translate3d(0px, -1463px, 0px);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 267.71 262.01"><title>sun</title><g id="sun"><polygon id="sun-bg" points="244.21 203.43 244.21 203.43 244.21 203.43 244.21 203.43 252.04 191.53 263.79 158.42 267.71 128.51 263.79 101.46 251.33 70.84 234.6 44.14 212.35 24.92 184.41 9.26 156.99 2.14 130.65 0 101.1 4.27 73.69 13.88 53.04 26.34 32.75 45.21 18.87 63.01 8.19 85.8 0 113.21 0 148.81 7.12 173.37 18.51 199.36 28.77 211.81 33.46 217.51 54.11 236.02 72.62 247.06 102.17 259.52 129.23 262.01 156.99 259.52 185.12 253.11 211.46 237.8 234.24 218.58 244.21 203.43 244.21 203.43" fill="#fbc000"></polygon><g id="sun-light-bg"><polygon points="177.28 105.37 214.31 82.23 180.84 77.61 148.45 74.05 196.51 52.33 164.47 37.74 147.03 30.97 166.6 14.24 156.99 2.14 144.89 11.75 130.
|
|
|
|
|
based IDE with interactive UI generator for easy writing, deploying and
|
|
|
|
|
interacting with Solidity smart contracts. Supported by the Ethereum
|
|
|
|
|
Foundation.</article><a href="https://playproject.io/play-ed/" target="_blank" class="button_26MOtH buttonBg_1dIrHZ">Get started</a></div><div class="scene_1dIrHZ"><div class="objects_1dIrHZ"><img src="fichiers/logo.html" alt="Play Editor logo" class="logo_1dIrHZ"><img src="fichiers/smart-contract-ui.jpg" alt="Play Editor" class="screenshot_1dIrHZ"><div class="deco_1dIrHZ"><div class="stone_1dIrHZ"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 106.09 65.71"><title>stone</title><g id="stone"><polygon id="stone-bg" points="104.53 53.09 96.98 47.13 91.1 45.06 82.24 45.34 74.18 51.03 73.85 51.63 71.76 48.26 66.94 45.36 66.94 40.41 63.5 26.01 54.16 11.61 31.47 0 19.07 3.95 6.87 15.1 1.53 34.37 0 50.63 0 62.93 30.89 63.47 33.14 63.51 33.47 65.28 50.96 65.28 56.87 65.28 63.84 65.28 67.39 65.28 71.58 65.28 71.61 65.4 81.09 65.29 90.1 65.18 94.92 65.12 105.58 64.99 105.8 61.22 104.53 53.09" fill="#e9c9b4"></polygon><polygon points="40.62 63.64 42.53 57.13 30.89 63.47 40.62 63.64" fill="#d8ab94"></polygon><polygon points="39.48 39.02 30.89 50.97 42.53 57.13 39.48 39.02" fill="#e3bba2"></polygon><polygon points="42.53 57.13 49.39 46.21 39.48 39.02 42.53 57.13" fill="#d7ad98"></polygon><polygon points="39.48 39.02 49.39 34.6 52.06 43.89 49.39 46.21 39.48 39.02" fill="#d6a593"></polygon><polygon points="39.48 39.02 29.56 24.85 44.43 16.49 49.39 34.6 39.48 39.02" fill="#c6958a"></polygon><polygon points="44.43 16.49 54.16 11.61 59.12 32.05 49.39 34.6 44.43 16.49" fill="#b6909b"></polygon><polygon points="59.12 32.05 59.12 46.21 52.06 43.89 49.39 34.6 59.12 32.05" fill="#af8691"></polygon><polygon points="59.12 32.05 63.5 26.01 54.16 11.61 59.12 32.05" fill="#c9aab1"></polygon><polygon points="63.5 26.01 66.94 40.41 59.12 46.21 59.12 32.05 63.5 26.01" fill="#bc9ca1"></polygon><polygon points="59.12 46.21 56.07 63.91 66.94 64.09 66.94 40.41 59.12 46.21" fill="#c09794"></polygon><polygon points="42.53 57.13 51.78 58.06 56.07 63.91 40.62 63.64 42.53 57.13" fill="#d2a795"></polygon><polygon points="51.78 58.06 59.12 46.21 52.06 43.89 49.39 46.21 51.78 58.06" fill="#ba9292"></polygon><polygon points="49.39 46.21 42.53 57.13 51.78 58.06 49.39 46.21" fill="#cca298"></polygon><polygon points="30.89 50.97 20.79 60.38 30.89 63.47 42.53 57.13 30.89 50.97" fill="#d1a68f"></polygon><polygon points="20.79 60.38 0 62.93 30.89 63.47 20.79 60.38" fill="#d4ad96"></polygon><polygon points="20.79 60.38 17.64 52.25 0 50.63 0 62.93 20.79 60.38" fill="#eed6ba"></polygon><polygon points="0 50.63 10.39 42.03 12.78 27.75 1.53 34.37 0 50.63" fill="#f6e8ce"></polygon><polygon points="10.39 42.03 17.64 52.25 0 50.63 10.39 42.03" fill="#eed3b7"></polygon><polygon points="10.39 42.03 25.08 34.6 12.78 27.75 10.39 42.03" fill="#f2e0c2"></polygon><polygon points="12.78 27.75 17.64 11.61 6.87 15.1 1.53 34.37 12.78 27.75" fill="#f8e9d5"></polygon><polygon points="17.64 11.61 31.47 0 19.07 3.95 6.87 15.1 17.64 11.61" fill="#f9eedf"></polygon><polygon points="17.64 52.25 25.08 34.6 10.39 42.03 17.64 52.25" fill="#f3d9b9"></polygon><polygon points="25.08 34.6 30.89 50.97 20.79 60.38 17.64 52.25 25.08 34.6" fill="#e5c5ac"></polygon><polygon points="25.08 34.6 29.56 24.85 39.48 39.02 30.89 50.97 25.08 34.6" fill="#e9c9b4"></polygon><polygon points="29.56 24.85 17.64 11.61 12.78 27.75 25.08 34.6 29.56 24.85" fill="#f3dabd"></polygon><polygon points="31.47 0 29.56 24.85 17.64 11.61 31.47 0" fill="#f5d4b0"></polygon><polygon points="31.47 0 44.43 16.49 29.56 24.85 31.47 0" fill="#bc8b86"></polygon><polygon points="31.47 0 54.16 11.61 44.43 16.49 31.47 0" fill="#be9ea7"></polygon><polygon points="59.12 46.21 51.78 58.06 56.07 63.91 59.12 46.21" fill="#ab878d"></polygon><polygon points="33.47 65.28 38.91 59.49 48.72 56.65 50.96 65.28 33.47 65.28" fill="#ecd1b6"></polygon><polygon points="50.96 65.28 56.87 65.28 61.01 58.54 61.84 45.42 48.72 56.65 50.96 65.28" fill="#e5c3a9"></polygon><polygon points="61.01 58.54 74.84 53.22 67.39 65.28 63.84 65.28 61.01 58.54" fill="#876769"></polygon><polygon points="61.84 45.42 71.76 48.26 74.84 53.22 61.01 58.54 61.84 45.42" fill="#a27c
|
|
|
|
|
peer-to peer search engine for Solidity source codes. The project aims
|
|
|
|
|
to make smart contracts verifiable and more transparent. Supported by
|
|
|
|
|
the Ethereum Foundation.</article><a href="https://smartcontract.codes/" target="_blank" class="button_26MOtH buttonBg_1OohbK">Get started</a></div><div class="scene_1OohbK"><div class="deco_1OohbK"><img src="fichiers/logo-1.png" alt="Smart contract codes logo" class="logo_1OohbK"><img src="fichiers/smart-contract-codes.jpg" alt="Smart contract codes" class="screenshot_1OohbK"><div class="trees_1OohbK"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180.24 223.53"><title>two-tree</title><g id="trees"><g id="tree"><polygon id="shadow" points="10.91 220.56 35.5 211.56 59.79 220.56 45.78 223.53 10.91 220.56" opacity="0.15"></polygon><polygon id="trunk-bg" points="40.1 211.56 39.1 202.55 38.07 166.72 34.23 181.11 29.79 165.91 32.75 196.32 32.75 210.09 23.58 218.83 32.01 220.56 41.11 220.56 46.36 220.56 40.1 211.56" fill="#a66102"></polygon><g id="trunk"><polygon points="29.79 165.91 32.75 196.32 34.23 181.11 29.79 165.91" fill="#e39946"></polygon><polygon points="34.23 181.11 38.07 166.72 39.1 202.55 34.23 181.11" fill="#be7721"></polygon><polygon points="32.75 196.32 39.1 202.55 34.23 181.11 32.75 196.32" fill="#a66102"></polygon><polygon points="32.75 196.32 32.75 210.09 39.1 202.55 32.75 196.32" fill="#be7721"></polygon><polygon points="39.1 202.55 41.11 220.56 32.75 210.09 39.1 202.55" fill="#a66102"></polygon><polygon points="32.75 210.09 23.58 218.83 32.01 220.56 32.75 210.09" fill="#663600"></polygon><polygon points="32.01 220.56 41.11 220.56 32.75 210.09 32.01 220.56" fill="#8f4e00"></polygon><polygon points="41.11 220.56 46.36 220.56 40.1 211.56 41.11 220.56" fill="#8f4e00"></polygon></g><polygon id="leaves-bg" points="59.79 122.89 42.33 107.84 7.85 122.89 0.08 145.23 10.28 172.42 34.07 181.16 56.27 175.57 70 145.23 59.79 122.89" fill="#53a21e"></polygon><g id="leaves"><polygon points="0.08 145.23 28.73 122.89 28.73 161.74 0.08 145.23" fill="#76b816"></polygon><polygon points="0.08 145.23 10.28 172.42 28.73 161.74 0.08 145.23" fill="#53a21e"></polygon><polygon points="0.08 145.23 7.85 122.89 28.73 122.89 0.08 145.23" fill="#acd700"></polygon><polygon points="7.85 122.89 42.33 107.84 28.73 122.89 7.85 122.89" fill="#76b816"></polygon><polygon points="42.33 107.84 48.64 142.32 28.73 122.89 42.33 107.84" fill="#acd700"></polygon><polygon points="42.33 107.84 59.79 122.89 48.64 142.32 42.33 107.84" fill="#76b816"></polygon><polygon points="48.64 142.32 28.73 161.74 28.73 122.89 48.64 142.32" fill="#53a21e"></polygon><polygon points="48.64 142.32 57.38 161.74 59.79 122.89 48.64 142.32" fill="#53a21e"></polygon><polygon points="59.79 122.89 70 145.23 57.38 161.74 59.79 122.89" fill="#76b816"></polygon><polygon points="28.73 161.74 57.38 161.74 48.64 142.32 28.73 161.74" fill="#3b8701"></polygon><polygon points="57.38 161.74 56.27 175.57 70 145.23 57.38 161.74" fill="#3b8701"></polygon><polygon points="56.27 175.57 28.73 161.74 57.38 161.74 56.27 175.57" fill="#307101"></polygon><polygon points="10.28 172.42 34.07 181.16 28.73 161.74 10.28 172.42" fill="#307101"></polygon><polygon points="34.07 181.16 56.27 175.57 28.73 161.74 34.07 181.16" fill="#3b8701"></polygon></g></g><g id="tree-2" data-name="tree"><polygon id="shadow-2" data-name="shadow" points="82.58 186.28 123.23 171.4 163.36 186.28 140.21 191.18 82.58 186.28" opacity="0.15"></polygon><polygon id="trunk-bg-2" data-name="trunk-bg" points="130.83 171.4 129.17 156.51 127.47 97.3 121.13 121.09 113.78 95.96 118.67 146.21 118.67 168.98 103.53 183.42 117.45 186.28 132.49 186.28 141.17 186.28 130.83 171.4" fill="#a66102"></polygon><g id="trunk-2" data-name="trunk"><polygon points="113.78 95.96 118.67 146.21 121.13 121.09 113.78 95.96" fill="#e39946"></polygon><polygon points="121.13 121.09 127.47 97.3 129.17 156.51 121.13 121.09" fill="#be7721"></polygon><polygon points="118.67 146.21 129.17 156.51 121.13 121.09 118.67 146.21" fill="#a66102"></polygon><polygon points="118.67 146.21 118.67 168.98 129.17 156.51 118.67 146.21" fill="#be7721"></polygon><polygon points="129.17 156.51 132.49 186.28 118.67 168.98 129.17 156.51" fill="#a66102"></polygon><polygon points="11
|
|
|
|
|
<div class="yellowCrystal_1Nmmk1"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 219.39 245.54"><defs><linearGradient id="linear-gradient1" x1="86.3" y1="33.46" x2="115.58" y2="1.76" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#ffbb24"></stop></linearGradient><linearGradient id="linear-gradient1-2" x1="129.45" y1="36.74" x2="40.36" y2="72.08" xlink:href="#linear-gradient1"></linearGradient><linearGradient id="linear-gradient4" x1="104.65" y1="61.77" x2="178.15" y2="61.77" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffbb24"></stop><stop offset="1" stop-color="#c94b00"></stop></linearGradient><radialGradient id="radio-gradient" cx="175.47" cy="93.95" r="153.72" gradientTransform="matrix(0.99, -0.15, 0.1, 0.67, -7.68, 58.31)" gradientUnits="userSpaceOnUse"><stop offset="0.4" stop-color="#e8b349" stop-opacity="0"></stop><stop offset="0.41" stop-color="#e4edf6"></stop><stop offset="0.8" stop-color="#c94b00" stop-opacity="0"></stop></radialGradient><linearGradient id="linear-gradient1-3" x1="80.93" y1="84.96" x2="36.23" y2="107.64" xlink:href="#linear-gradient1"></linearGradient><linearGradient id="linear-gradient6" x1="86.32" y1="260.87" x2="106.91" y2="75.5" gradientUnits="userSpaceOnUse"><stop offset="0.39" stop-color="#c94b00"></stop><stop offset="1" stop-color="#ffbb24"></stop></linearGradient><linearGradient id="linear-gradient2" x1="126.2" y1="189.52" x2="82.66" y2="64.13" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#radio-gradient"></linearGradient><linearGradient id="linear-gradient5" x1="176.24" y1="93.34" x2="128.14" y2="196.94" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c94b00"></stop><stop offset="1" stop-color="#ac3f00"></stop></linearGradient><linearGradient id="linear-gradient4-2" x1="109.69" y1="155.2" x2="46.65" y2="178.06" xlink:href="#linear-gradient4"></linearGradient><linearGradient id="linear-gradient2-2" x1="60.49" y1="203.18" x2="72.43" y2="97.19" gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlink:href="#radio-gradient"></linearGradient><linearGradient id="linear-gradient5-2" x1="176.92" y1="90.43" x2="165.67" y2="114.67" xlink:href="#linear-gradient5"></linearGradient><linearGradient id="linear-gradient11" x1="32.86" y1="115.55" x2="189.69" y2="115.55" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"></stop><stop offset="1" stop-color="#cb3502" stop-opacity="0"></stop></linearGradient><linearGradient id="linear-gradient1-4" x1="852.4" y1="-831.94" x2="843.3" y2="-812.33" gradientTransform="translate(-625.7 1136.31) rotate(-10.67)" xlink:href="#linear-gradient1"></linearGradient><linearGradient id="linear-gradient4-3" x1="859.47" y1="-818.43" x2="844.13" y2="-785.4" gradientTransform="translate(-625.7 1136.31) rotate(-10.67)" xlink:href="#linear-gradient4"></linearGradient><linearGradient id="linear-gradient5-3" x1="857.52" y1="-828.31" x2="853.79" y2="-820.27" gradientTransform="translate(-625.7 1136.31) rotate(-10.67)" xlink:href="#linear-gradient5"></linearGradient><linearGradient id="linear-gradient5-4" x1="868.04" y1="-820.1" x2="851.4" y2="-784.25" gradientTransform="translate(-625.7 1136.31) rotate(-10.67)" xlink:href="#linear-gradient5"></linearGradient><linearGradient id="linear-gradient4-4" x1="11582.22" y1="198.5" x2="11564.72" y2="236.22" gradientTransform="matrix(-1, 0, 0, 1, 11742.78, 0.71)" xlink:href="#linear-gradient4"></linearGradient><linearGradient id="linear-gradient1-5" x1="186.2" y1="155.87" x2="179.05" y2="171.26" xlink:href="#linear-gradient1"></linearGradient><linearGradient id="linear-gradient5-5" x1="11581.41" y1="185.23" x2="11576.36" y2="196.1" gradientTransform="matrix(-1, 0, 0, 1, 11742.78, 0.71)" xlink:href="#linear-gradient5"></linearGradient><linearGradient id="linear-gradient5-6" x1="11589.2" y1="201.32" x2="11572.07" y2="238.22" gradientTransform="matrix(-1, 0, 0, 1, 11742.78, 0.71)" xlink:href="#linear-gradient5"></linearGradient><linearGradient id="linear-gradient1-6" x1="-565
|
|
|
|
|
<div class="stone_1Nmmk1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85.98 28.39"><title>stone2</title><g id="stone2"><polygon points="84.05 27.96 77.77 21.24 66.42 17.94 63.8 27.93 84.05 27.96" fill="#ecd1b6"></polygon><polygon points="63.8 27.93 56.96 27.91 52.18 20.11 51.25 4.92 66.42 17.94 63.8 27.93" fill="#e5c3a9"></polygon><polygon points="52.18 20.11 36.19 13.93 44.78 27.89 48.89 27.9 52.18 20.11" fill="#876769"></polygon><polygon points="51.25 4.92 39.75 8.19 36.19 13.93 52.18 20.11 51.25 4.92" fill="#a27c88"></polygon><polygon points="71.23 0.03 51.25 4.92 39.75 8.19 53.45 0 71.23 0.03" fill="#d4ada7"></polygon><polygon points="85.98 17.56 77.77 21.24 84.05 27.96 85.98 17.56" fill="#ebcbb7"></polygon><polygon points="78.62 11.71 85.98 17.56 77.77 21.24 66.42 17.94 78.62 11.71" fill="#f1d5c2"></polygon><polygon points="52.18 20.11 56.96 27.91 48.89 27.9 52.18 20.11" fill="#d8ac9b"></polygon><polygon points="36.19 13.93 44.78 27.89 33.98 27.88 36.19 13.93" fill="#574345"></polygon><polygon points="82.71 9.62 85.98 17.56 78.62 11.71 71.23 0.03 82.71 9.62" fill="#f9e2cc"></polygon><polygon points="71.23 0.03 78.62 11.71 66.42 17.94 51.25 4.92 71.23 0.03" fill="#eed0b6"></polygon><polygon points="11.86 22.23 17.87 26.86 12.31 26.46 11.86 22.23" fill="#c5988f"></polygon><polygon points="33.38 22.72 28.27 27.61 39.21 28.39 40.5 24.19 33.38 22.72" fill="#745263"></polygon><polygon points="12.31 26.46 11.86 22.23 0.01 21.21 0 25.59 12.31 26.46" fill="#a68180"></polygon><polygon points="11.86 22.23 7.5 13.01 0.01 21.21 11.86 22.23" fill="#bb9994"></polygon><polygon points="7.5 13.01 2.03 11.91 0.01 21.21 7.5 13.01" fill="#c1a2ab"></polygon><polygon points="7.5 13.01 19.28 5.55 11.16 5.54 2.03 11.91 7.5 13.01" fill="#c9aca4"></polygon><polygon points="19.28 5.55 28.31 4.47 18.09 3.54 11.16 5.54 19.28 5.55" fill="#eac6bb"></polygon><polygon points="28.31 4.47 37.23 11.6 28.29 12.5 19.28 5.55 28.31 4.47" fill="#f2dabd"></polygon><polygon points="28.29 12.5 11.86 22.23 7.5 13.01 19.28 5.55 28.29 12.5" fill="#e7c9b6"></polygon><polygon points="17.87 26.86 31.57 17.66 28.29 12.5 11.86 22.23 17.87 26.86" fill="#e5c6af"></polygon><polygon points="31.57 17.66 37.23 11.6 28.29 12.5 31.57 17.66" fill="#f6dec7"></polygon><polygon points="40.51 18.54 31.57 17.66 37.23 11.6 40.51 18.54" fill="#b18f9d"></polygon><polygon points="31.57 17.66 33.38 22.72 40.5 24.19 40.51 18.54 31.57 17.66" fill="#a37d8d"></polygon><polygon points="33.38 22.72 31.57 17.66 17.87 26.86 28.27 27.61 33.38 22.72" fill="#977082"></polygon></g></svg></div><div class="tree_1Nmmk1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 175.31 267.77"><title>single-tree1</title><g id="single-tree1"><polygon id="shadow" points="31.63 249.56 40.73 242.73 58.13 239.6 73.22 239.04 90.15 237.51 105.93 238.73 121.01 237.51 134.3 242.73 140.49 253 132.97 261.61 117.87 264.21 104.55 266.32 93.13 267.76 70.27 265.87 55.62 261.61 43.76 261.61 33.67 257.17 31.63 249.56" opacity="0.15"></polygon><g id="trunk"><polygon points="130.72 152.07 126.76 158.22 122.03 149.3 119.49 148.75 123.68 163.4 119.6 169.78 110.25 174.41 98.66 169.18 93.51 110.11 78.14 111.51 75.75 139.51 71.03 138.28 62.4 130.06 57.29 132.41 65.44 143.47 70.72 148.09 74.78 151.06 73.25 169.18 62.03 173.08 56.74 182.55 72.26 180.77 66.21 252.13 68.28 254.99 81.62 257.52 96.82 257.52 106.06 254.11 104.54 236.66 99.68 180.87 117.07 181.73 126.76 174.41 131.05 171.43 137.99 151.06 130.72 152.07" fill="#7f5534"></polygon><polygon points="81.62 257.52 81.62 111.23 89.88 110.44 96.82 257.52 81.62 257.52" fill="#704b2e"></polygon><polygon points="81.62 141.15 81.62 150.19 71.17 142.92 61.15 131.23 62.56 130.22 71.17 138.26 81.62 141.15" fill="#704b2e"></polygon><polygon points="120.66 172.27 119.31 169.78 110.31 174.13 112.53 177.67 120.66 172.27" fill="#704b2e"></polygon><polygon points="120.66 172.27 119.31 169.78 123.47 163.4 125.38 165.24 122.98 169.78 120.66 172.27" fill="#704b2e"></polygon><polygon points="125.38 165.24 134.06 152.55 130.67 152.07 126.62 158.22 121.78 149.3 119.2
|
|
|
|
|
<div class="purpleCrystal_1Nmmk1"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 185.7 155.75"><defs><linearGradient id="purple-gradient13" x1="21.21" y1="281.44" x2="21.21" y2="181.74" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#47113b"></stop><stop offset="0.03" stop-color="#49113d"></stop><stop offset="0.43" stop-color="#6a0c53"></stop><stop offset="0.77" stop-color="#7e0a61"></stop><stop offset="1" stop-color="#850966"></stop></linearGradient><linearGradient id="purple-gradient5" x1="15.46" y1="292.83" x2="15.46" y2="260.48" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3e0f33"></stop><stop offset="0.35" stop-color="#561546"></stop><stop offset="0.74" stop-color="#6a1956"></stop><stop offset="1" stop-color="#711b5c"></stop></linearGradient><linearGradient id="purple-gradient4" x1="-0.26" y1="292.83" x2="-0.26" y2="269.97" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5f1e4e"></stop><stop offset="0.67" stop-color="#bf2793"></stop><stop offset="0.86" stop-color="#cd30a6"></stop><stop offset="1" stop-color="#d937b6"></stop></linearGradient><linearGradient id="purple-gradient18" x1="-1.24" y1="261.24" x2="8.58" y2="275.81" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ad1c7c"></stop><stop offset="0.07" stop-color="#b21f83"></stop><stop offset="0.17" stop-color="#c22997"></stop><stop offset="0.3" stop-color="#da38b8"></stop><stop offset="0.37" stop-color="#ed44d0"></stop><stop offset="0.96" stop-color="#fba6e6"></stop></linearGradient><linearGradient id="purple-gradient2" x1="-15.35" y1="219.76" x2="-15.35" y2="153.25" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ad1c7c"></stop><stop offset="0.19" stop-color="#b21f83"></stop><stop offset="0.46" stop-color="#c22997"></stop><stop offset="0.79" stop-color="#da38b8"></stop><stop offset="1" stop-color="#ed44d0"></stop></linearGradient><linearGradient id="purple-gradient7" x1="-26.5" y1="218.77" x2="-26.5" y2="147.54" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bf1f89"></stop><stop offset="0.15" stop-color="#c3268f"></stop><stop offset="0.38" stop-color="#ce3aa1"></stop><stop offset="0.65" stop-color="#e15bbe"></stop><stop offset="0.96" stop-color="#fb88e6"></stop><stop offset="1" stop-color="#ff8fec"></stop></linearGradient><linearGradient id="purple-gradient9" x1="-4.66" y1="219.76" x2="-4.66" y2="149.59" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7b115b"></stop><stop offset="0.55" stop-color="#b1218f"></stop><stop offset="0.7" stop-color="#c0259d"></stop><stop offset="0.78" stop-color="#bb2396"></stop><stop offset="0.9" stop-color="#ac1f81"></stop><stop offset="1" stop-color="#9e1b6d"></stop></linearGradient><linearGradient id="purple-gradient6" x1="-24.69" y1="151.45" x2="-7.2" y2="151.45" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ed44d0"></stop><stop offset="0.96" stop-color="#fba6e6"></stop></linearGradient><linearGradient id="purple-gradient14" x1="-55.59" y1="278.74" x2="-4.86" y2="277.15" gradientTransform="translate(116.55 -145.06) rotate(1.79)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3e0f33"></stop><stop offset="0.12" stop-color="#561546"></stop><stop offset="0.25" stop-color="#6a1956"></stop><stop offset="0.34" stop-color="#711b5c"></stop><stop offset="0.94" stop-color="#c83f9e"></stop></linearGradient><linearGradient id="purple-gradient7-2" x1="-55.91" y1="278.83" x2="-55.91" y2="253.56" xlink:href="#purple-gradient7"></linearGradient><linearGradient id="purple-gradient15" x1="-58.57"
|
|
|
|
|
<div class="blueCrystal_1Nmmk1"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 99.92 127.62"><defs><linearGradient id="未命名漸層_2124" x1="3423" y1="-1922.06" x2="3440.1" y2="-1922.06" gradientTransform="matrix(0.77, -0.64, 0.64, 0.77, -1404.08, 3714.06)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c7f2fe"></stop><stop offset="0.29" stop-color="#c0f1fe"></stop><stop offset="0.71" stop-color="#aceefd"></stop><stop offset="1" stop-color="#9aecfd"></stop></linearGradient><linearGradient id="未命名漸層_2119" x1="3430.82" y1="-1871.2" x2="3430.82" y2="-1921.21" gradientTransform="matrix(0.77, -0.64, 0.64, 0.77, -1404.08, 3714.06)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2782c6"></stop><stop offset="0.38" stop-color="#2b8dce"></stop><stop offset="1" stop-color="#33a8e1"></stop></linearGradient><linearGradient id="未命名漸層_2066" x1="3420.56" y1="-1876.04" x2="3420.56" y2="-1923.98" gradientTransform="matrix(0.77, -0.64, 0.64, 0.77, -1404.08, 3714.06)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0c70da"></stop><stop offset="0.15" stop-color="#1077dc"></stop><stop offset="0.36" stop-color="#1c8be1"></stop><stop offset="0.62" stop-color="#2face8"></stop><stop offset="0.91" stop-color="#49d9f3"></stop><stop offset="1" stop-color="#52e8f7"></stop></linearGradient><linearGradient id="未命名漸層_2003" x1="1688.06" y1="-1244.56" x2="1688.06" y2="-1358.04" gradientTransform="matrix(0.93, -0.36, 0.36, 0.93, -1049.48, 1885.26)" gradientUnits="userSpaceOnUse"><stop offset="0.16" stop-color="#144ce8"></stop><stop offset="0.71" stop-color="#3bcdef"></stop><stop offset="0.77" stop-color="#3ac6ed"></stop><stop offset="0.85" stop-color="#35b1e8"></stop><stop offset="0.96" stop-color="#2f90df"></stop><stop offset="0.97" stop-color="#2e8dde"></stop></linearGradient><linearGradient id="blue-graidnet4" x1="1667.72" y1="-1246.85" x2="1667.72" y2="-1353.21" gradientTransform="matrix(0.93, -0.36, 0.36, 0.93, -1049.48, 1885.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2963e9"></stop><stop offset="0.25" stop-color="#2c6aec"></stop><stop offset="0.62" stop-color="#367ef3"></stop><stop offset="1" stop-color="#4299fc"></stop></linearGradient><linearGradient id="未命名漸層_2027" x1="1666.91" y1="-1246.85" x2="1666.91" y2="-1353.21" gradientTransform="matrix(0.93, -0.36, 0.36, 0.93, -1049.48, 1885.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#40b5e5"></stop><stop offset="0.26" stop-color="#46bce8"></stop><stop offset="0.63" stop-color="#55d0f0"></stop><stop offset="1" stop-color="#69eafa"></stop></linearGradient><linearGradient id="未命名漸層_2009" x1="1674.95" y1="-1354.8" x2="1706.98" y2="-1354.8" gradientTransform="matrix(0.93, -0.36, 0.36, 0.93, -1049.48, 1885.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c5f1fe"></stop><stop offset="0.44" stop-color="#beeffd"></stop><stop offset="0.51" stop-color="#bceffd"></stop><stop offset="0.85" stop-color="#a3edfd"></stop><stop offset="0.97" stop-color="#9aecfd"></stop></linearGradient><linearGradient id="未命名漸層_2182" x1="19.62" y1="22.81" x2="36.63" y2="52.28" gradientUnits="userSpaceOnUse"><stop offset="0.31" stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0.7"></stop></linearGradient><linearGradient id="未命名漸層_2134" x1="2727.23" y1="-1719.91" x2="2749.66" y2="-1719.91" gradientTransform="matrix(0.85, -0.53, 0.53, 0.85, -1331.68, 2933.47)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#36abee"></stop><stop offset="0.1" stop-color="#39b2ef"></stop><stop offset="0.26" stop-color="#41c6f2"></stop><stop offset="0.44" stop-color="#4de5f7"></stop><stop offset="1" stop-color="#82ebfc"></stop></linearGradient><linearGradient id="未命名漸層_2159" x1="83.93" y1="27.75" x2="90.61" y2="22.21" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#246dc3"></stop><stop offset="0.56" stop-color="#37acef"></stop><stop offset="0.66" stop-color="#31b
|
|
|
|
|
a community of developers researching how to improve and sustain the
|
|
|
|
|
Web. We're currently exploring the role that peer-to-peer protocols
|
|
|
|
|
might play in making the Web more open, equitable and playful.</article><a href="https://playproject.io/undefined" target="_blank" class="button_26MOtH buttonBg_26MOtH"></a></div><div class="inner_3jbaaP"><div class="island_3jbaaP"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 959.46 833.55"><defs><linearGradient id="land-gradient1" x1="1206.2" y1="1445.73" x2="-109.9" y2="-531.48" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#71b054"></stop><stop offset="1" stop-color="#a0c65d"></stop></linearGradient><linearGradient id="land-gradient1-2" x1="1362.34" y1="501.85" x2="-517.29" y2="340.66" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-3" x1="1084.49" y1="-62.6" x2="-58.25" y2="498.69" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-4" x1="1077.51" y1="867.03" x2="458.65" y2="-62.71" xlink:href="#land-gradient1"></linearGradient><linearGradient id="trunk-gradient3" x1="502.1" y1="429.85" x2="503.98" y2="427.36" gradientTransform="matrix(1, 0, -0.04, 0.99, 122.05, 25.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#564f1e"></stop><stop offset="1" stop-color="#998d4e"></stop></linearGradient><linearGradient id="未命名漸層_107" x1="4620.23" y1="5340.65" x2="4620.35" y2="5340.53" gradientTransform="matrix(21, 0, 0.21, -4.96, -97555.87, 26915.36)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5f541f"></stop><stop offset="1" stop-color="#665c19"></stop></linearGradient><linearGradient id="trunk-gradient3-2" x1="497.77" y1="427.77" x2="494" y2="426.62" xlink:href="#trunk-gradient3"></linearGradient><linearGradient id="trunk-gradient6" x1="4620.57" y1="5292.62" x2="4620.69" y2="5292.51" gradientTransform="matrix(21, 0, 0.47, -10.9, -98901.78, 58151.13)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#46411e"></stop><stop offset="1" stop-color="#655d30"></stop></linearGradient><linearGradient id="trunk-gradient5" x1="495.7" y1="429.7" x2="502.23" y2="423.16" gradientTransform="matrix(1, 0, -0.04, 0.99, 122.05, 25.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#443e15"></stop><stop offset="1" stop-color="#877d44"></stop></linearGradient><linearGradient id="未命名漸層_109" x1="499.86" y1="418.95" x2="498.08" y2="422.43" gradientTransform="matrix(1, 0, -0.04, 0.99, 122.05, 25.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#544d21"></stop><stop offset="1" stop-color="#827d5b"></stop></linearGradient><linearGradient id="trunk-gradient3-3" x1="492.84" y1="429.23" x2="501.86" y2="420.21" xlink:href="#trunk-gradient3"></linearGradient><linearGradient id="未命名漸層_33" x1="493.86" y1="415.07" x2="495.41" y2="413.52" gradientTransform="matrix(1, 0, -0.04, 0.99, 122.05, 25.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5c5925"></stop><stop offset="1" stop-color="#514b22"></stop></linearGradient><linearGradient id="trunk-gradient6-2" x1="4649.9" y1="5263.49" x2="4649.98" y2="5263.41" gradientTransform="matrix(24, 0, 1.44, -33.7, -118589.75, 177808.11)" xlink:href="#trunk-gradient6"></linearGradient><linearGradient id="未命名漸層_64" x1="594.81" y1="405.15" x2="601.16" y2="440.71" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#544b21"></stop><stop offset="1" stop-color="#564c24"></stop></linearGradient><linearGradient id="trunk-gradient2" x1="616.29" y1="414.64" x2="584.2" y2="446.01" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#483f15"></stop><stop offset="1" stop-color="#908d4c"></stop></linearGradient><linearGradient id="trunk-gradient3-4" x1="4712.52" y1="5278.47" x2="4712.67" y2="5278.32" gradientTransform="matrix(35, 0, 0.59, -13.88, -167472.59, 73680.08)" xlink:href="#trunk-gradient3"></linearGradient><linearGradient id="trunk-gradient4" x1="482.08" y1="435.47" x2="506.94" y2="410.62" gradientTransform="matrix(1, 0, -0.04, 0.99, 122.05, 25.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#695f2b"></stop><stop offset="1" stop-color="#6c602d"></stop>
|
|
|
|
|
<div class="group_3jbaaP"><div class="member_4gdqxY"><img src="fichiers/avatar-alex.png" alt="Alexander Praetorius" class="avatar_3jbaaP"><div class="info_3jbaaP"><h3 class="name_3jbaaP">Alexander Praetorius</h3>
|
|
|
|
|
<span class="career_3jbaaP">P2P web and blockchain developer</span></div></div><div class="lifeIsland_4gdqxY"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 440.36 304.63"><defs><linearGradient id="land-gradient1" x1="553.6" y1="645.43" x2="-50.44" y2="-262.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#71b054"></stop><stop offset="1" stop-color="#a0c65d"></stop></linearGradient><linearGradient id="land-gradient1-2" x1="625.26" y1="212.22" x2="-237.42" y2="138.24" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-3" x1="497.74" y1="-46.84" x2="-26.74" y2="210.77" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-4" x1="494.54" y1="379.83" x2="210.5" y2="-46.89" xlink:href="#land-gradient1"></linearGradient></defs><title>life-island</title><g id="life-island"><g id="floating-island-2" data-name="floating-island"><polygon id="land-bg" points="416.25 161.09 399.56 172.75 324.83 177.73 289.81 190.71 247.61 195.91 213.05 196.82 162.42 187.69 68.11 197.7 55.66 194.04 0 165.77 4.98 177.73 12.04 181.23 47.65 207.99 47.16 208.12 76.89 240.84 107.58 248.41 156.27 282.52 183.67 281.52 214.23 303.61 250.43 268.9 288.96 248.41 320.51 254.62 364.19 198.82 392.92 183.74 393.44 183.71 426 163.43 438.37 146.94 440.36 138.01 416.25 161.09" fill="#823e43"></polygon><g id="land"><polygon points="12.03 181.23 47.83 208.12 76.15 200.06 12.03 181.23" fill="#8c4345"></polygon><polygon points="47.16 208.12 76.89 240.84 76.15 200.06 47.16 208.12" fill="#914546"></polygon><polygon points="107.58 248.41 100.97 243.49 76.35 210.94 76.89 240.84 107.58 248.41" fill="#994947"></polygon><polygon points="127.71 225.39 100.97 243.49 76.35 210.94 127.71 225.39" fill="#994947"></polygon><polygon points="156.27 282.52 127.71 225.39 100.97 243.49 156.27 282.52" fill="#a04e48"></polygon><polygon points="156.27 282.52 183.67 281.52 140.83 251.63 156.27 282.52" fill="#984947"></polygon><polygon points="183.67 281.52 179.69 236.52 127.71 225.39 140.83 251.63 183.67 281.52" fill="#874044"></polygon><polygon points="179.69 236.52 178.03 204.14 127.71 225.39 179.69 236.52" fill="#8f4446"></polygon><polygon points="178.03 204.14 162.42 198.16 167.26 208.68 178.03 204.14" fill="#874044"></polygon><polygon points="167.26 208.68 127.71 225.39 76.35 210.94 76.15 200.06 162.42 198.16 167.26 208.68" fill="#8d4345"></polygon><polygon points="162.42 198.16 247.61 195.91 223.2 234.69 178.03 204.14 162.42 198.16" fill="#894144"></polygon><polygon points="223.2 234.69 234.99 268.9 179.69 236.52 178.03 204.14 223.2 234.69" fill="#944747"></polygon><polygon points="234.99 268.9 211.07 287 182.39 267.08 179.69 236.52 234.99 268.9" fill="#964946"></polygon><polygon points="211.07 287 214.23 303.61 183.67 281.52 182.39 267.08 211.07 287" fill="#984a46"></polygon><polygon points="211.07 287 250.43 268.9 234.99 268.9 211.07 287" fill="#843f43"></polygon><polygon points="214.23 303.61 250.43 268.9 211.07 287 214.23 303.61" fill="#8d4345"></polygon><polygon points="250.43 268.9 278.83 229.68 288.96 248.41 250.43 268.9" fill="#773841"></polygon><polygon points="234.99 268.9 290.46 210.94 239.93 208.12 223.2 234.69 234.99 268.9" fill="#823e43"></polygon><polygon points="290.46 210.94 311.71 195.91 278.83 229.68 250.43 268.9 234.99 268.9 290.46 210.94" fill="#743740"></polygon><polygon points="311.71 195.91 322.34 186.7 247.61 195.91 239.93 208.12 290.46 210.94 311.71 195.91" fill="#743740"></polygon><polygon points="311.71 195.91 320.51 216.76 288.96 248.41 278.83 229.68 311.71 195.91" fill="#793941"></polygon><polygon points="320.51 216.76 364.19 198.82 320.51 254.62 288.96 248.41 320.51 216.76" fill="#7f3c42"></polygon><polygon points="364.19 198.82 392.92 183.74 322.34 186.7 311.71 195.91 320.51 216.76 364.19 198.82" fill="#7a3a42"></polygon></g><polygon id="ground-bg" points="431.52 109.98 388.19 94.97 342.82 88.65 317.04 85.06 199.78 85.06 98.69 101 20.52 126.28 0 165.77 63.77 198.16 162.42 187.69 253.59 204.14 324.83 177.73 399.56 17
|
|
|
|
|
<span class="career_3jbaaP">P2P web and blockchain developer</span></div></div><div class="lifeIsland_4gdqxY"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 440.36 304.63"><defs><linearGradient id="land-gradient1" x1="553.6" y1="645.43" x2="-50.44" y2="-262.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#71b054"></stop><stop offset="1" stop-color="#a0c65d"></stop></linearGradient><linearGradient id="land-gradient1-2" x1="625.26" y1="212.22" x2="-237.42" y2="138.24" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-3" x1="497.74" y1="-46.84" x2="-26.74" y2="210.77" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-4" x1="494.54" y1="379.83" x2="210.5" y2="-46.89" xlink:href="#land-gradient1"></linearGradient></defs><title>life-island</title><g id="life-island"><g id="floating-island-2" data-name="floating-island"><polygon id="land-bg" points="416.25 161.09 399.56 172.75 324.83 177.73 289.81 190.71 247.61 195.91 213.05 196.82 162.42 187.69 68.11 197.7 55.66 194.04 0 165.77 4.98 177.73 12.04 181.23 47.65 207.99 47.16 208.12 76.89 240.84 107.58 248.41 156.27 282.52 183.67 281.52 214.23 303.61 250.43 268.9 288.96 248.41 320.51 254.62 364.19 198.82 392.92 183.74 393.44 183.71 426 163.43 438.37 146.94 440.36 138.01 416.25 161.09" fill="#823e43"></polygon><g id="land"><polygon points="12.03 181.23 47.83 208.12 76.15 200.06 12.03 181.23" fill="#8c4345"></polygon><polygon points="47.16 208.12 76.89 240.84 76.15 200.06 47.16 208.12" fill="#914546"></polygon><polygon points="107.58 248.41 100.97 243.49 76.35 210.94 76.89 240.84 107.58 248.41" fill="#994947"></polygon><polygon points="127.71 225.39 100.97 243.49 76.35 210.94 127.71 225.39" fill="#994947"></polygon><polygon points="156.27 282.52 127.71 225.39 100.97 243.49 156.27 282.52" fill="#a04e48"></polygon><polygon points="156.27 282.52 183.67 281.52 140.83 251.63 156.27 282.52" fill="#984947"></polygon><polygon points="183.67 281.52 179.69 236.52 127.71 225.39 140.83 251.63 183.67 281.52" fill="#874044"></polygon><polygon points="179.69 236.52 178.03 204.14 127.71 225.39 179.69 236.52" fill="#8f4446"></polygon><polygon points="178.03 204.14 162.42 198.16 167.26 208.68 178.03 204.14" fill="#874044"></polygon><polygon points="167.26 208.68 127.71 225.39 76.35 210.94 76.15 200.06 162.42 198.16 167.26 208.68" fill="#8d4345"></polygon><polygon points="162.42 198.16 247.61 195.91 223.2 234.69 178.03 204.14 162.42 198.16" fill="#894144"></polygon><polygon points="223.2 234.69 234.99 268.9 179.69 236.52 178.03 204.14 223.2 234.69" fill="#944747"></polygon><polygon points="234.99 268.9 211.07 287 182.39 267.08 179.69 236.52 234.99 268.9" fill="#964946"></polygon><polygon points="211.07 287 214.23 303.61 183.67 281.52 182.39 267.08 211.07 287" fill="#984a46"></polygon><polygon points="211.07 287 250.43 268.9 234.99 268.9 211.07 287" fill="#843f43"></polygon><polygon points="214.23 303.61 250.43 268.9 211.07 287 214.23 303.61" fill="#8d4345"></polygon><polygon points="250.43 268.9 278.83 229.68 288.96 248.41 250.43 268.9" fill="#773841"></polygon><polygon points="234.99 268.9 290.46 210.94 239.93 208.12 223.2 234.69 234.99 268.9" fill="#823e43"></polygon><polygon points="290.46 210.94 311.71 195.91 278.83 229.68 250.43 268.9 234.99 268.9 290.46 210.94" fill="#743740"></polygon><polygon points="311.71 195.91 322.34 186.7 247.61 195.91 239.93 208.12 290.46 210.94 311.71 195.91" fill="#743740"></polygon><polygon points="311.71 195.91 320.51 216.76 288.96 248.41 278.83 229.68 311.71 195.91" fill="#793941"></polygon><polygon points="320.51 216.76 364.19 198.82 320.51 254.62 288.96 248.41 320.51 216.76" fill="#7f3c42"></polygon><polygon points="364.19 198.82 392.92 183.74 322.34 186.7 311.71 195.91 320.51 216.76 364.19 198.82" fill="#7a3a42"></polygon></g><polygon id="ground-bg" points="431.52 109.98 388.19 94.97 342.82 88.65 317.04 85.06 199.78 85.06 98.69 101 20.52 126.28 0 165.77 63.77 198.16 162.42 187.69 253.59 204.14 324.83 177.73 399.56 17
|
|
|
|
|
<span class="career_3jbaaP">UI/UX designer and frontend developer</span></div></div><div class="lifeIsland_4gdqxY"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 440.36 304.63"><defs><linearGradient id="land-gradient1" x1="553.6" y1="645.43" x2="-50.44" y2="-262.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#71b054"></stop><stop offset="1" stop-color="#a0c65d"></stop></linearGradient><linearGradient id="land-gradient1-2" x1="625.26" y1="212.22" x2="-237.42" y2="138.24" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-3" x1="497.74" y1="-46.84" x2="-26.74" y2="210.77" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-4" x1="494.54" y1="379.83" x2="210.5" y2="-46.89" xlink:href="#land-gradient1"></linearGradient></defs><title>life-island</title><g id="life-island"><g id="floating-island-2" data-name="floating-island"><polygon id="land-bg" points="416.25 161.09 399.56 172.75 324.83 177.73 289.81 190.71 247.61 195.91 213.05 196.82 162.42 187.69 68.11 197.7 55.66 194.04 0 165.77 4.98 177.73 12.04 181.23 47.65 207.99 47.16 208.12 76.89 240.84 107.58 248.41 156.27 282.52 183.67 281.52 214.23 303.61 250.43 268.9 288.96 248.41 320.51 254.62 364.19 198.82 392.92 183.74 393.44 183.71 426 163.43 438.37 146.94 440.36 138.01 416.25 161.09" fill="#823e43"></polygon><g id="land"><polygon points="12.03 181.23 47.83 208.12 76.15 200.06 12.03 181.23" fill="#8c4345"></polygon><polygon points="47.16 208.12 76.89 240.84 76.15 200.06 47.16 208.12" fill="#914546"></polygon><polygon points="107.58 248.41 100.97 243.49 76.35 210.94 76.89 240.84 107.58 248.41" fill="#994947"></polygon><polygon points="127.71 225.39 100.97 243.49 76.35 210.94 127.71 225.39" fill="#994947"></polygon><polygon points="156.27 282.52 127.71 225.39 100.97 243.49 156.27 282.52" fill="#a04e48"></polygon><polygon points="156.27 282.52 183.67 281.52 140.83 251.63 156.27 282.52" fill="#984947"></polygon><polygon points="183.67 281.52 179.69 236.52 127.71 225.39 140.83 251.63 183.67 281.52" fill="#874044"></polygon><polygon points="179.69 236.52 178.03 204.14 127.71 225.39 179.69 236.52" fill="#8f4446"></polygon><polygon points="178.03 204.14 162.42 198.16 167.26 208.68 178.03 204.14" fill="#874044"></polygon><polygon points="167.26 208.68 127.71 225.39 76.35 210.94 76.15 200.06 162.42 198.16 167.26 208.68" fill="#8d4345"></polygon><polygon points="162.42 198.16 247.61 195.91 223.2 234.69 178.03 204.14 162.42 198.16" fill="#894144"></polygon><polygon points="223.2 234.69 234.99 268.9 179.69 236.52 178.03 204.14 223.2 234.69" fill="#944747"></polygon><polygon points="234.99 268.9 211.07 287 182.39 267.08 179.69 236.52 234.99 268.9" fill="#964946"></polygon><polygon points="211.07 287 214.23 303.61 183.67 281.52 182.39 267.08 211.07 287" fill="#984a46"></polygon><polygon points="211.07 287 250.43 268.9 234.99 268.9 211.07 287" fill="#843f43"></polygon><polygon points="214.23 303.61 250.43 268.9 211.07 287 214.23 303.61" fill="#8d4345"></polygon><polygon points="250.43 268.9 278.83 229.68 288.96 248.41 250.43 268.9" fill="#773841"></polygon><polygon points="234.99 268.9 290.46 210.94 239.93 208.12 223.2 234.69 234.99 268.9" fill="#823e43"></polygon><polygon points="290.46 210.94 311.71 195.91 278.83 229.68 250.43 268.9 234.99 268.9 290.46 210.94" fill="#743740"></polygon><polygon points="311.71 195.91 322.34 186.7 247.61 195.91 239.93 208.12 290.46 210.94 311.71 195.91" fill="#743740"></polygon><polygon points="311.71 195.91 320.51 216.76 288.96 248.41 278.83 229.68 311.71 195.91" fill="#793941"></polygon><polygon points="320.51 216.76 364.19 198.82 320.51 254.62 288.96 248.41 320.51 216.76" fill="#7f3c42"></polygon><polygon points="364.19 198.82 392.92 183.74 322.34 186.7 311.71 195.91 320.51 216.76 364.19 198.82" fill="#7a3a42"></polygon></g><polygon id="ground-bg" points="431.52 109.98 388.19 94.97 342.82 88.65 317.04 85.06 199.78 85.06 98.69 101 20.52 126.28 0 165.77 63.77 198.16 162.42 187.69 253.59 204.14 324.83 177.73 399.
|
|
|
|
|
<span class="career_3jbaaP">P2P and blockchain developer</span></div></div><div class="lifeIsland_4gdqxY"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 440.36 304.63"><defs><linearGradient id="land-gradient1" x1="553.6" y1="645.43" x2="-50.44" y2="-262.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#71b054"></stop><stop offset="1" stop-color="#a0c65d"></stop></linearGradient><linearGradient id="land-gradient1-2" x1="625.26" y1="212.22" x2="-237.42" y2="138.24" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-3" x1="497.74" y1="-46.84" x2="-26.74" y2="210.77" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-4" x1="494.54" y1="379.83" x2="210.5" y2="-46.89" xlink:href="#land-gradient1"></linearGradient></defs><title>life-island</title><g id="life-island"><g id="floating-island-2" data-name="floating-island"><polygon id="land-bg" points="416.25 161.09 399.56 172.75 324.83 177.73 289.81 190.71 247.61 195.91 213.05 196.82 162.42 187.69 68.11 197.7 55.66 194.04 0 165.77 4.98 177.73 12.04 181.23 47.65 207.99 47.16 208.12 76.89 240.84 107.58 248.41 156.27 282.52 183.67 281.52 214.23 303.61 250.43 268.9 288.96 248.41 320.51 254.62 364.19 198.82 392.92 183.74 393.44 183.71 426 163.43 438.37 146.94 440.36 138.01 416.25 161.09" fill="#823e43"></polygon><g id="land"><polygon points="12.03 181.23 47.83 208.12 76.15 200.06 12.03 181.23" fill="#8c4345"></polygon><polygon points="47.16 208.12 76.89 240.84 76.15 200.06 47.16 208.12" fill="#914546"></polygon><polygon points="107.58 248.41 100.97 243.49 76.35 210.94 76.89 240.84 107.58 248.41" fill="#994947"></polygon><polygon points="127.71 225.39 100.97 243.49 76.35 210.94 127.71 225.39" fill="#994947"></polygon><polygon points="156.27 282.52 127.71 225.39 100.97 243.49 156.27 282.52" fill="#a04e48"></polygon><polygon points="156.27 282.52 183.67 281.52 140.83 251.63 156.27 282.52" fill="#984947"></polygon><polygon points="183.67 281.52 179.69 236.52 127.71 225.39 140.83 251.63 183.67 281.52" fill="#874044"></polygon><polygon points="179.69 236.52 178.03 204.14 127.71 225.39 179.69 236.52" fill="#8f4446"></polygon><polygon points="178.03 204.14 162.42 198.16 167.26 208.68 178.03 204.14" fill="#874044"></polygon><polygon points="167.26 208.68 127.71 225.39 76.35 210.94 76.15 200.06 162.42 198.16 167.26 208.68" fill="#8d4345"></polygon><polygon points="162.42 198.16 247.61 195.91 223.2 234.69 178.03 204.14 162.42 198.16" fill="#894144"></polygon><polygon points="223.2 234.69 234.99 268.9 179.69 236.52 178.03 204.14 223.2 234.69" fill="#944747"></polygon><polygon points="234.99 268.9 211.07 287 182.39 267.08 179.69 236.52 234.99 268.9" fill="#964946"></polygon><polygon points="211.07 287 214.23 303.61 183.67 281.52 182.39 267.08 211.07 287" fill="#984a46"></polygon><polygon points="211.07 287 250.43 268.9 234.99 268.9 211.07 287" fill="#843f43"></polygon><polygon points="214.23 303.61 250.43 268.9 211.07 287 214.23 303.61" fill="#8d4345"></polygon><polygon points="250.43 268.9 278.83 229.68 288.96 248.41 250.43 268.9" fill="#773841"></polygon><polygon points="234.99 268.9 290.46 210.94 239.93 208.12 223.2 234.69 234.99 268.9" fill="#823e43"></polygon><polygon points="290.46 210.94 311.71 195.91 278.83 229.68 250.43 268.9 234.99 268.9 290.46 210.94" fill="#743740"></polygon><polygon points="311.71 195.91 322.34 186.7 247.61 195.91 239.93 208.12 290.46 210.94 311.71 195.91" fill="#743740"></polygon><polygon points="311.71 195.91 320.51 216.76 288.96 248.41 278.83 229.68 311.71 195.91" fill="#793941"></polygon><polygon points="320.51 216.76 364.19 198.82 320.51 254.62 288.96 248.41 320.51 216.76" fill="#7f3c42"></polygon><polygon points="364.19 198.82 392.92 183.74 322.34 186.7 311.71 195.91 320.51 216.76 364.19 198.82" fill="#7a3a42"></polygon></g><polygon id="ground-bg" points="431.52 109.98 388.19 94.97 342.82 88.65 317.04 85.06 199.78 85.06 98.69 101 20.52 126.28 0 165.77 63.77 198.16 162.42 187.69 253.59 204.14 324.83 177.73 399.56 172.75
|
|
|
|
|
<span class="career_3jbaaP">Decentralized technology enthusiasts</span></div></div><div class="lifeIsland_4gdqxY"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 440.36 304.63"><defs><linearGradient id="land-gradient1" x1="553.6" y1="645.43" x2="-50.44" y2="-262.04" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#71b054"></stop><stop offset="1" stop-color="#a0c65d"></stop></linearGradient><linearGradient id="land-gradient1-2" x1="625.26" y1="212.22" x2="-237.42" y2="138.24" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-3" x1="497.74" y1="-46.84" x2="-26.74" y2="210.77" xlink:href="#land-gradient1"></linearGradient><linearGradient id="land-gradient1-4" x1="494.54" y1="379.83" x2="210.5" y2="-46.89" xlink:href="#land-gradient1"></linearGradient></defs><title>life-island</title><g id="life-island"><g id="floating-island-2" data-name="floating-island"><polygon id="land-bg" points="416.25 161.09 399.56 172.75 324.83 177.73 289.81 190.71 247.61 195.91 213.05 196.82 162.42 187.69 68.11 197.7 55.66 194.04 0 165.77 4.98 177.73 12.04 181.23 47.65 207.99 47.16 208.12 76.89 240.84 107.58 248.41 156.27 282.52 183.67 281.52 214.23 303.61 250.43 268.9 288.96 248.41 320.51 254.62 364.19 198.82 392.92 183.74 393.44 183.71 426 163.43 438.37 146.94 440.36 138.01 416.25 161.09" fill="#823e43"></polygon><g id="land"><polygon points="12.03 181.23 47.83 208.12 76.15 200.06 12.03 181.23" fill="#8c4345"></polygon><polygon points="47.16 208.12 76.89 240.84 76.15 200.06 47.16 208.12" fill="#914546"></polygon><polygon points="107.58 248.41 100.97 243.49 76.35 210.94 76.89 240.84 107.58 248.41" fill="#994947"></polygon><polygon points="127.71 225.39 100.97 243.49 76.35 210.94 127.71 225.39" fill="#994947"></polygon><polygon points="156.27 282.52 127.71 225.39 100.97 243.49 156.27 282.52" fill="#a04e48"></polygon><polygon points="156.27 282.52 183.67 281.52 140.83 251.63 156.27 282.52" fill="#984947"></polygon><polygon points="183.67 281.52 179.69 236.52 127.71 225.39 140.83 251.63 183.67 281.52" fill="#874044"></polygon><polygon points="179.69 236.52 178.03 204.14 127.71 225.39 179.69 236.52" fill="#8f4446"></polygon><polygon points="178.03 204.14 162.42 198.16 167.26 208.68 178.03 204.14" fill="#874044"></polygon><polygon points="167.26 208.68 127.71 225.39 76.35 210.94 76.15 200.06 162.42 198.16 167.26 208.68" fill="#8d4345"></polygon><polygon points="162.42 198.16 247.61 195.91 223.2 234.69 178.03 204.14 162.42 198.16" fill="#894144"></polygon><polygon points="223.2 234.69 234.99 268.9 179.69 236.52 178.03 204.14 223.2 234.69" fill="#944747"></polygon><polygon points="234.99 268.9 211.07 287 182.39 267.08 179.69 236.52 234.99 268.9" fill="#964946"></polygon><polygon points="211.07 287 214.23 303.61 183.67 281.52 182.39 267.08 211.07 287" fill="#984a46"></polygon><polygon points="211.07 287 250.43 268.9 234.99 268.9 211.07 287" fill="#843f43"></polygon><polygon points="214.23 303.61 250.43 268.9 211.07 287 214.23 303.61" fill="#8d4345"></polygon><polygon points="250.43 268.9 278.83 229.68 288.96 248.41 250.43 268.9" fill="#773841"></polygon><polygon points="234.99 268.9 290.46 210.94 239.93 208.12 223.2 234.69 234.99 268.9" fill="#823e43"></polygon><polygon points="290.46 210.94 311.71 195.91 278.83 229.68 250.43 268.9 234.99 268.9 290.46 210.94" fill="#743740"></polygon><polygon points="311.71 195.91 322.34 186.7 247.61 195.91 239.93 208.12 290.46 210.94 311.71 195.91" fill="#743740"></polygon><polygon points="311.71 195.91 320.51 216.76 288.96 248.41 278.83 229.68 311.71 195.91" fill="#793941"></polygon><polygon points="320.51 216.76 364.19 198.82 320.51 254.62 288.96 248.41 320.51 216.76" fill="#7f3c42"></polygon><polygon points="364.19 198.82 392.92 183.74 322.34 186.7 311.71 195.91 320.51 216.76 364.19 198.82" fill="#7a3a42"></polygon></g><polygon id="ground-bg" points="431.52 109.98 388.19 94.97 342.82 88.65 317.04 85.06 199.78 85.06 98.69 101 20.52 126.28 0 165.77 63.77 198.16 162.42 187.69 253.59 204.14 324.83 177.73 399.5
|
2020-06-01 02:39:34 +02:00
|
|
|
<a href="mailto:support@qo-op.com" title="email" target=""><div class="icon_uVvwQ"><svg xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" viewBox="0 0 86.58 87.61"><defs><clipPath id="clip-path"><path d="M437.39,31.29a.79.79,0,0,0-.8.78V47.72a.79.79,0,0,0,.8.78h3.16a.78.78,0,0,0,.79-.78V32.07a.78.78,0,0,0-.79-.78Zm-7.13,0a.79.79,0,0,0-.79.78V61a.79.79,0,0,0,.79.79h3.17a.79.79,0,0,0,.79-.79V32.07a.78.78,0,0,0-.79-.78Zm-7.12,0a.78.78,0,0,0-.79.78V61a.79.79,0,0,0,.79.79h3.17a.79.79,0,0,0,.79-.79V32.07a.79.79,0,0,0-.79-.78ZM416,25.81a.78.78,0,0,0-.79.78V47.72a.78.78,0,0,0,.79.78h3.16a.78.78,0,0,0,.79-.78V26.59a.78.78,0,0,0-.79-.78Z" fill="#fff"></path></clipPath><clipPath id="clip-path-2"><path d="M58.07,57.61a3.1,3.1,0,0,0,2.26-1,3.06,3.06,0,0,0,1-2.27,5.26,5.26,0,0,0-1-3,9.43,9.43,0,0,0-2.45-2.47l-7.37-5.12-2-1.41-.3-.21-.55-.4L46.51,41c-.29-.19-.63-.41-1-.65a6.22,6.22,0,0,0-1.16-.54,3.16,3.16,0,0,0-1-.18h0a3.27,3.27,0,0,0-1,.18,6.15,6.15,0,0,0-1.15.54c-.41.24-.76.46-1,.65s-.65.45-1.08.77l-.56.4-.3.21-2,1.42L32.86,46l-4.12,2.86a9.89,9.89,0,0,0-2.35,2.32A4.72,4.72,0,0,0,25.29,54a4.06,4.06,0,0,0,.83,2.61,2.87,2.87,0,0,0,2.38,1Zm1.07-11.22A11.21,11.21,0,0,1,61.29,48V33.61L51.69,42C53.73,43.19,56.22,44.67,59.14,46.39Zm-31.69,0Q32,43.69,34.89,42l-9.6-8.34V48A11.08,11.08,0,0,1,27.45,46.39ZM58,30H28.58a3.06,3.06,0,0,0-2.09.78l10.14,10,.7-.5c.76-.56,1.38-1,1.85-1.3a11,11,0,0,1,1.89-.94,5.71,5.71,0,0,1,2.2-.49h0a5.71,5.71,0,0,1,2.2.49,11.27,11.27,0,0,1,1.88.94c.48.31,1.09.74,1.85,1.3l.7.49,10.15-10A3.09,3.09,0,0,0,58,30Z" fill="#fff"></path></clipPath></defs><title>email</title><g id="gitter-2" data-name="gitter"><path d="M437.39,31.29a.79.79,0,0,0-.8.78V47.72a.79.79,0,0,0,.8.78h3.16a.78.78,0,0,0,.79-.78V32.07a.78.78,0,0,0-.79-.78Zm-7.13,0a.79.79,0,0,0-.79.78V61a.79.79,0,0,0,.79.79h3.17a.79.79,0,0,0,.79-.79V32.07a.78.78,0,0,0-.79-.78Zm-7.12,0a.78.78,0,0,0-.79.78V61a.79.79,0,0,0,.79.79h3.17a.79.79,0,0,0,.79-.79V32.07a.79.79,0,0,0-.79-.78ZM416,25.81a.78.78,0,0,0-.79.78V47.72a.78.78,0,0,0,.79.78h3.16a.78.78,0,0,0,.79-.78V26.59a.78.78,0,0,0-.79-.78Z" fill="#fff"></path><g clip-path="url(#clip-path)"><rect x="-328.5" y="-3032.56" width="1178.18" height="3278.45" fill="#fff"></rect></g></g><g id="email-2" data-name="email"><polygon points="60.95 0.69 27.01 0 0 28.4 3.81 65.8 28.74 87.27 60.6 87.61 75.84 75.49 85.88 61.64 86.58 25.97 60.95 0.69" fill="#ffc600"></polygon><polygon points="0 28.4 27.01 0 15.24 24.24 0 28.4" fill="#ffff30"></polygon><polygon points="0 28.4 3.81 65.8 15.24 24.24 0 28.4" fill="#ffde00"></polygon><polygon points="3.81 65.8 33.24 53.68 15.24 24.24 3.81 65.8" fill="#ffd400"></polygon><polygon points="3.81 65.8 28.74 87.27 33.24 53.68 3.81 65.8" fill="#ffc600"></polygon><polygon points="28.74 87.27 55.06 72.03 33.24 53.68 28.74 87.27" fill="#e29300"></polygon><polygon points="55.06 72.03 60.6 87.61 28.74 87.27 55.06 72.03" fill="#d98000"></polygon><polygon points="55.06 72.03 65.45 49.52 33.24 53.68 55.06 72.03" fill="#eaaf00"></polygon><polygon points="65.45 49.52 51.95 16.28 33.24 53.68 65.45 49.52" fill="#ffc400"></polygon><polygon points="51.95 16.28 15.24 24.24 33.24 53.68 51.95 16.28" fill="#ffe000"></polygon><polygon points="51.95 16.28 27.01 0 15.24 24.24 51.95 16.28" fill="#fffb1a"></polygon><polygon points="51.95 16.28 60.95 0.69 27.01 0 51.95 16.28" fill="#ffff31"></polygon><polygon points="51.95 16.28 86.58 25.97 60.95 0.69 51.95 16.28" fill="#fffa1d"></polygon><polygon points="65.45 49.52 86.58 25.97 51.95 16.28 65.45 49.52" fill="#ffd400"></polygon><polygon points="65.45 49.52 85.88 61.64 55.06 72.03 65.45 49.52" fill="#e1a200"></polygon><polygon points="85.88 61.64 75.84 75.49 60.6 87.61 55.06 72.03 85.88 61.64" fill="#e08100"></polygon><polygon points="85.88 61.64 86.58 25.97 65.45 49.52 85.88 61.64" fill="#ebb100"></polygon><path d="M58.07,57.61a3.1,3.1,0,0,0,2.26-1,3.06,3.06,0,0,0,1-2.27,5.26,5.26,0,0,0-1-3,9.43,9.43,0,0,0-2.45-2.47l-7.37-5.12-2-1.41-.3-.21-.55-.4L46.51,41c-.29-.19-.63-.41-1-.65a6.22,6.22,0,0,0-1.16-.54,3.16,3.16,0,0,0-1-.18h0a3.27,3.27,0,0,0
|
