mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 07:38:07 -05:00
basic pages and profile picture and confetti
This commit is contained in:
tomlum
parent
5da297f0de
commit
f17ee45ceb
15 changed files with 34909 additions and 555 deletions
34689
package-lock.json
generated
34689
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -55,8 +55,10 @@
|
|||
"express-http-proxy": "1.1.0",
|
||||
"lodash.defaults": "4.0.1",
|
||||
"lodash.get": "^4.4.2",
|
||||
"react-confetti": "^6.0.1",
|
||||
"react-helmet": "5.2.0",
|
||||
"react-router-dom": "5.2.0",
|
||||
"react-use": "^17.3.1",
|
||||
"scratch-parser": "5.0.0",
|
||||
"scratch-storage": "0.5.1"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ $pass-bg: $ui-aqua;
|
|||
display: inline-block;
|
||||
margin: .5em 0;
|
||||
border: 0;
|
||||
border-radius: .5rem;
|
||||
border-radius: .2rem;
|
||||
background-color: $ui-blue;
|
||||
cursor: pointer;
|
||||
padding: 1em 1.25em;
|
||||
|
|
|
|||
|
|
@ -1,90 +1,263 @@
|
|||
import React, {useState} from 'react';
|
||||
const FormattedMessage = require('react-intl').FormattedMessage;
|
||||
const render = require('../../lib/render.jsx');
|
||||
const injectIntl = require('react-intl').injectIntl;
|
||||
const connect = require('react-redux').connect;
|
||||
import useWindowSize from 'react-use/lib/useWindowSize';
|
||||
import Confetti from 'react-confetti';
|
||||
|
||||
const Button = require('../../components/forms/button.jsx');
|
||||
const Page = require('../../components/page/www/page.jsx');
|
||||
const Video = require('../../components/video/video.jsx');
|
||||
|
||||
require('./scratcher-onboarding.scss');
|
||||
|
||||
const OnboardingNavigation = ({page, totalPages}) => {
|
||||
const steps = [
|
||||
{
|
||||
section: 'Treat everyone with respect',
|
||||
header: 'Scratchers treat everyone with respect.',
|
||||
body: 'Everyone on Scratch is encouraged to share things that excite them and are important to them—we hope that you find ways to celebrate your own identity on Scratch, and allow others to do the same.',
|
||||
image: 'respect-illustration.svg',
|
||||
imageLeft: true
|
||||
},
|
||||
{
|
||||
section: 'Be safe',
|
||||
header: 'Scratchers are safe: we keep personal and contact information private.',
|
||||
body: 'This includes not sharing real last names, phone numbers, addresses, hometowns, school names, email addresses, usernames or links to social media sites, video chatting applications, or websites with private chat functionality.',
|
||||
image: 'safe-illustration.svg'
|
||||
},
|
||||
{
|
||||
section: 'Give helpful feedback',
|
||||
header: 'Scratchers give helpful feedback.',
|
||||
body: 'When commenting on a project, remember to say something you like about it, offer suggestions, and be kind, not critical.',
|
||||
image: 'feedback-illustration.svg',
|
||||
imageLeft: true
|
||||
},
|
||||
{
|
||||
section: 'Embrace remix culture',
|
||||
header: 'Scratchers embrace remix culture.',
|
||||
body: 'Remixing is when you build upon someone else’s projects, code, ideas, images, or anything else they share on Scratch to make your own unique creation.',
|
||||
image: 'remix-illustration-1.svg'
|
||||
},
|
||||
{
|
||||
section: 'Embrace remix culture',
|
||||
header: 'Remixing is a great way to collaborate and connect with other Scratchers.',
|
||||
body: 'You are encouraged to use anything you find on Scratch in your own creations, as long as you provide credit to everyone whose work you used and make a meaningful change to it. ',
|
||||
image: 'remix-illustration-2.svg'
|
||||
},
|
||||
{
|
||||
section: 'Embrace remix culture',
|
||||
header: 'Remixing means sharing with others.',
|
||||
body: 'When you share something on Scratch, you are giving permission to all Scratchers to use your work in their creations, too.',
|
||||
image: 'remix-illustration-3.svg'
|
||||
},
|
||||
{
|
||||
section: 'Be honest',
|
||||
header: 'Scratchers are honest.',
|
||||
body: 'It’s important to be honest and authentic when interacting with others on Scratch, and remember that there is a person behind every Scratch account.',
|
||||
image: 'honest-illustration.svg',
|
||||
imageLeft: true
|
||||
},
|
||||
{
|
||||
section: 'Keep the site friendly',
|
||||
header: 'Scratchers help keep the site friendly.',
|
||||
body: 'It’s important to keep your creations and conversations friendly and appropriate for all ages. If you think something on Scratch is mean, insulting, too violent, or otherwise disruptive to the community, click “Report” to let us know about it.',
|
||||
image: 'friendly-illustration.svg'
|
||||
}
|
||||
];
|
||||
|
||||
const OnboardingNavigation = ({page, totalPages, onNextPage, onBackPage}) => {
|
||||
const dots = [];
|
||||
|
||||
for (let i = 1; i < totalPages; i++){
|
||||
dots.push(<div className={`dot ${page === i ? 'active' : ''}`} />);
|
||||
for (let i = 0; i < totalPages; i++){
|
||||
dots.push(<div className="dot">
|
||||
{page === i-2 && <div className="active" />}
|
||||
</div>);
|
||||
}
|
||||
|
||||
|
||||
return (
|
||||
<div>
|
||||
{dots}
|
||||
|
||||
<div className="navigation">
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={onBackPage}>
|
||||
<img
|
||||
className="leftArrow"
|
||||
alt=""
|
||||
src="/images/onboarding/left-arrow.svg"
|
||||
/>
|
||||
<span className="navText">Back</span>
|
||||
</Button>
|
||||
{(page > 1 && page < 9) &&
|
||||
<div className="dotRow">
|
||||
{dots}
|
||||
</div>}
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={onNextPage}>
|
||||
<span className="navText">Next</span>
|
||||
<img
|
||||
className="rightArrow"
|
||||
alt=""
|
||||
src="/images/onboarding/right-arrow.svg"
|
||||
/>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
);
|
||||
};
|
||||
|
||||
const ScratcherOnboarding = ({name}) => {
|
||||
const [page, setPage] = useState(1);
|
||||
const OnboardingHeader = ({section}) => (
|
||||
<div className="header">
|
||||
<span>
|
||||
Become a Scratcher
|
||||
<span className="section">{section && ` - ${section}`}</span>
|
||||
</span>
|
||||
<Button className="white secondary">Finish Later</Button>
|
||||
</div>
|
||||
);
|
||||
|
||||
const ScratcherOnboarding = ({user}) => {
|
||||
const [page, setPage] = useState(3);
|
||||
const {width, height} = useWindowSize();
|
||||
const totalPages = 9;
|
||||
|
||||
const NextPage = () => {
|
||||
setPage(Math.min(page + 1, totalPages));
|
||||
};
|
||||
const BackPage = () => {
|
||||
setPage(Math.max(page - 1, 1));
|
||||
setPage(Math.max(page - 1, 0));
|
||||
};
|
||||
|
||||
if (page === 1){
|
||||
return (
|
||||
<div className="onboarding">
|
||||
<div className="left-art">
|
||||
test
|
||||
</div>
|
||||
<div className="right-content">
|
||||
<h1>Congratulations {name}! You have shown that you are ready to become a Scratcher.</h1>
|
||||
<div>
|
||||
Scratch is a friendly and welcoming community for everyone, where people create, share, and learn together. We welcome people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.
|
||||
The next few pages will take you through the community guidelines and explain what this means.
|
||||
</div>
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={NextPage}>
|
||||
Get started
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
} else if (page < 8) {
|
||||
|
||||
return (
|
||||
<div className="onboarding">
|
||||
<div className="left-art">
|
||||
test
|
||||
</div>
|
||||
<div className="right-content">
|
||||
<h1>Congratulations {name}! You have shown that you are ready to become a Scratcher.</h1>
|
||||
<div>
|
||||
Scratch is a friendly and welcoming community for everyone, where people create, share, and learn together. We welcome people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.
|
||||
The next few pages will take you through the community guidelines and explain what this means.
|
||||
if (user){
|
||||
if (page === 0){
|
||||
return (
|
||||
<div className="onboarding col">
|
||||
<div className="content">
|
||||
<OnboardingHeader />
|
||||
<div className="art-content-1">
|
||||
<div className="blue-background" />
|
||||
<img
|
||||
alt=""
|
||||
src={`/images/onboarding/friendly-illustration.svg`}
|
||||
/>
|
||||
</div>
|
||||
<div className="text-content">
|
||||
<h1>Congratulations {user.username}! You have shown that you are ready to become a Scratcher.</h1>
|
||||
<div>
|
||||
Scratch is a friendly and welcoming community for everyone, where people create, share, and learn together. We welcome people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.
|
||||
The next few pages will take you through the community guidelines and explain what this means.
|
||||
</div>
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={NextPage}>
|
||||
Get started
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation">
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={BackPage}>
|
||||
Back
|
||||
</Button>
|
||||
);
|
||||
} else if (page === 1){
|
||||
return (
|
||||
<div className="onboarding col">
|
||||
<OnboardingHeader />
|
||||
<div className="content">
|
||||
<div className="art-content-1">
|
||||
test
|
||||
</div>
|
||||
<div className="text-content">
|
||||
<h1>Congratulations {name}! You have shown that you are ready to become a Scratcher.</h1>
|
||||
<div>
|
||||
Scratch is a friendly and welcoming community for everyone, where people create, share, and learn together. We welcome people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.
|
||||
The next few pages will take you through the community guidelines and explain what this means.
|
||||
</div>
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={NextPage}>
|
||||
Get started
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<OnboardingNavigation
|
||||
page={page}
|
||||
totalPages={totalPages}
|
||||
onNextPage={NextPage}
|
||||
onBackPage={BackPage}
|
||||
/>
|
||||
{ /* eslint-disable react/jsx-no-bind */ }
|
||||
<Button onClick={NextPage}>
|
||||
Next
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
);
|
||||
} else if (page < 10) {
|
||||
const step = steps[page - 2];
|
||||
return (
|
||||
<div className="onboarding col">
|
||||
<OnboardingHeader section={step.section} />
|
||||
<div className="content">
|
||||
{step.imageLeft && (
|
||||
<div className="art-content">
|
||||
<img
|
||||
alt=""
|
||||
src={`/images/onboarding/${step.image}`}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
<div className="text-content">
|
||||
<h1>{step.header}</h1>
|
||||
<div>
|
||||
{step.body}
|
||||
</div>
|
||||
</div>
|
||||
{!step.imageLeft && (
|
||||
<div className="art-content">
|
||||
<div className="art-inner-content">
|
||||
<img
|
||||
alt=""
|
||||
src={`/images/onboarding/${step.image}`}
|
||||
/>
|
||||
{page === 3 && <img
|
||||
className="avatar"
|
||||
src={`//cdn2.scratch.mit.edu${user.thumbnailUrl}`}
|
||||
/>}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<OnboardingNavigation
|
||||
page={page}
|
||||
totalPages={totalPages}
|
||||
onNextPage={NextPage}
|
||||
onBackPage={BackPage}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
} else if (page == 10) {
|
||||
return (<div className="onboarding col">
|
||||
<Confetti
|
||||
width={width}
|
||||
height={height}
|
||||
/>
|
||||
<OnboardingHeader />
|
||||
<div className="content" />
|
||||
<OnboardingNavigation
|
||||
page={page}
|
||||
totalPages={totalPages}
|
||||
onNextPage={NextPage}
|
||||
onBackPage={BackPage}
|
||||
/>
|
||||
</div>);
|
||||
}
|
||||
}
|
||||
return (null);
|
||||
|
||||
};
|
||||
|
||||
render(<ScratcherOnboarding />, document.getElementById('app'));
|
||||
|
||||
const mapStateToProps = state => ({
|
||||
user: state.session && state.session.session && state.session.session.user
|
||||
});
|
||||
|
||||
const ConnectedScratcherOnboarding = connect(
|
||||
mapStateToProps
|
||||
)(ScratcherOnboarding);
|
||||
|
||||
const IntlConnectedScratchedOnboarding = injectIntl(ConnectedScratcherOnboarding);
|
||||
|
||||
// Allow incoming props to override redux-provided props. Used to mock in tests.
|
||||
const mergeProps = (stateProps, dispatchProps, ownProps) => Object.assign(
|
||||
{}, stateProps, dispatchProps, ownProps
|
||||
);
|
||||
|
||||
render(<IntlConnectedScratchedOnboarding />, document.getElementById('app'));
|
||||
|
|
|
|||
|
|
@ -2,55 +2,211 @@
|
|||
@import "../../frameless";
|
||||
|
||||
body{
|
||||
background-color: white !important;
|
||||
background-color: $ui-white !important;
|
||||
}
|
||||
|
||||
.flex1{
|
||||
flex: 1;
|
||||
}
|
||||
.col{
|
||||
display: flex;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
.row{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.header{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 10px 40px;
|
||||
z-index: 100;
|
||||
.section{
|
||||
@media #{$medium-and-smaller} {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blue-background{
|
||||
background-color: #E9F1FC;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 30%;
|
||||
@media #{$medium-and-smaller} {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.navigation{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
padding-bottom: 40px;
|
||||
|
||||
.button{
|
||||
display: flex;
|
||||
|
||||
.left-arrow{
|
||||
padding-right: 4px;
|
||||
@media #{$small} {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
.right-arrow{
|
||||
padding-left: 4px;
|
||||
@media #{$small} {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dotRow{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 220px;
|
||||
min-width: 0px;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.dot{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 100%;
|
||||
background-color: #d9d9d9;
|
||||
border: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.active{
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 100%;
|
||||
border: solid 1px #4280d9;
|
||||
box-sizing: border-box;
|
||||
background-color: #4c97fe;
|
||||
}
|
||||
|
||||
.navText{
|
||||
@media #{$small} {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.onboarding {
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
background-color: white;
|
||||
flex-direction: row;
|
||||
line-height: 1.87rem;
|
||||
line-height: 1.8rem;
|
||||
|
||||
.avatar{
|
||||
position: absolute;
|
||||
border-radius: 100%;
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
top: 172px;
|
||||
left: 149px;
|
||||
@media #{$medium-and-smaller} {
|
||||
width: 60px !important;
|
||||
height: 60px !important;
|
||||
top: 140.5px;
|
||||
left: 121.5px;
|
||||
}
|
||||
}
|
||||
|
||||
h1{
|
||||
line-height: 3rem;
|
||||
font-size: 32px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
button{
|
||||
padding: .3em .9em;
|
||||
}
|
||||
|
||||
.dot{
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
border: solid 2px black;
|
||||
}
|
||||
|
||||
.dot.active{
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
@media #{$medium-and-smaller} {
|
||||
flex-direction: column;
|
||||
}
|
||||
.left-art{
|
||||
background-color: #E9F1FC;
|
||||
.content{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex: 4;
|
||||
max-width: 1000px;
|
||||
padding: auto;
|
||||
margin: auto;
|
||||
@media #{$medium-and-smaller} {
|
||||
flex: 12
|
||||
}
|
||||
|
||||
@media #{$small} {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.right-content{
|
||||
flex: 8;
|
||||
padding: 40px;
|
||||
button.secondary{
|
||||
background-color: $ui-white;
|
||||
border: solid 1px $ui-blue;
|
||||
}
|
||||
|
||||
.art-content{
|
||||
display: flex;
|
||||
position: relative;
|
||||
flex: 4;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@media #{$medium-and-smaller} {
|
||||
flex: 12;
|
||||
order: 1;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
@media #{$small} {
|
||||
p {
|
||||
|
||||
img{
|
||||
@media #{$medium-and-smaller} {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.art-inner-content{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.art-content-1{
|
||||
display: flex;
|
||||
flex: 4;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@media #{$medium-and-smaller} {
|
||||
flex: 12;
|
||||
order: 1;
|
||||
align-items: flex-end;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
img{
|
||||
z-index: 100;
|
||||
@media #{$medium-and-smaller} {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media #{$medium-and-smaller} {
|
||||
background-color: #E9F1FC;
|
||||
}
|
||||
}
|
||||
|
||||
.text-content{
|
||||
flex: 8;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding: 40px;
|
||||
@media #{$medium-and-smaller} {
|
||||
flex: 12;
|
||||
order: 2;
|
||||
padding-top: 0px;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
52
static/images/onboarding/feedback-illustration.svg
Normal file
52
static/images/onboarding/feedback-illustration.svg
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_262_7251)">
|
||||
<path opacity="0.5" d="M339.286 85.9427C374.905 129.531 320.826 200.363 259.509 262.412C226.98 295.348 104.265 373.905 65.9619 269.65C47.0138 218.091 110.039 144.007 145.739 93.1804C205.836 7.54808 297.08 34.2218 339.286 85.9427Z" fill="#C94FC9"/>
|
||||
<path opacity="0.5" d="M5.29514 225.248C-6.00865 216.953 2.69283 196.541 13.59 177.755C19.3639 167.834 44.0858 141.242 59.781 164.012C67.5067 175.234 56.9348 197.029 51.4862 211.504C42.2968 235.901 18.7133 235.088 5.29514 225.248Z" fill="#C94FC9"/>
|
||||
<path d="M283.579 226.305L173.388 268.999C168.264 270.951 162.572 268.43 160.62 263.388C160.62 263.388 142.729 210.366 136.223 193.695C122.073 157.262 103.207 131.808 103.207 131.808L112.559 110.665L209.739 73.0124C214.862 71.0606 220.555 73.5816 222.506 78.6236C222.506 78.6236 242.43 98.7915 265.038 144.251C272.926 160.19 289.272 213.456 289.272 213.456C291.224 218.579 288.703 224.353 283.579 226.305Z" fill="#E9F1FC"/>
|
||||
<path d="M266.518 197.629L274.898 216.419L354.22 181.044L345.84 162.254L266.518 197.629Z" fill="#FFBF00"/>
|
||||
<path d="M274.876 216.384L252.431 214.839C252.187 214.839 252.106 214.513 252.187 214.351L266.419 197.598L274.876 216.384Z" fill="#FFE092"/>
|
||||
<path d="M342.213 163.85L350.589 182.635L358.558 179.057C359.778 178.488 360.348 177.024 359.778 175.804L353.435 161.491C352.866 160.271 351.402 159.702 350.182 160.271L342.213 163.85Z" fill="#FF6680"/>
|
||||
<path d="M338.824 165.394L347.204 184.185L350.992 182.495L342.612 163.705L338.824 165.394Z" fill="#999999"/>
|
||||
<path d="M256.741 215.083L252.431 214.839C252.187 214.839 252.106 214.514 252.187 214.351L254.952 211.017L256.741 215.083Z" fill="#575E75"/>
|
||||
<path d="M266.49 197.63L269.272 203.868L341.613 171.607L338.831 165.368L266.49 197.63Z" fill="#FFAB1A"/>
|
||||
<path d="M272.12 210.193L274.869 216.358L347.21 184.097L344.461 177.932L272.12 210.193Z" fill="#FFAB1A"/>
|
||||
<path d="M103.207 131.808L113.534 126.766C115.08 125.547 115.893 123.676 115.73 121.724L112.559 110.665L103.207 131.808Z" fill="#D9E3F2"/>
|
||||
<path d="M306.35 137.257L309.766 130.345C310.01 129.857 310.498 129.531 311.067 129.45L318.711 128.312C320.094 128.149 320.663 126.441 319.687 125.465L314.157 120.098C313.751 119.691 313.588 119.122 313.669 118.634L314.97 110.99C315.214 109.607 313.751 108.55 312.531 109.201L305.7 112.779C305.212 113.023 304.642 113.023 304.155 112.779L297.323 109.201C296.104 108.55 294.64 109.607 294.884 110.99L296.185 118.634C296.266 119.203 296.104 119.773 295.697 120.098L290.167 125.465C289.191 126.441 289.679 128.149 291.143 128.312L298.787 129.45C299.357 129.531 299.844 129.857 300.088 130.345L303.504 137.257C303.992 138.558 305.781 138.558 306.35 137.257Z" fill="#F2F2F2"/>
|
||||
<path d="M106.868 265.828L111.422 267.454C111.747 267.535 111.991 267.861 112.072 268.186L113.292 272.821C113.536 273.635 114.593 273.878 115.163 273.228L118.09 269.406C118.334 269.162 118.66 268.999 118.985 268.999L123.783 269.243C124.677 269.324 125.165 268.349 124.677 267.617L121.994 263.632C121.831 263.307 121.75 262.981 121.912 262.656L123.62 258.183C123.946 257.37 123.214 256.557 122.319 256.801L117.684 258.183C117.358 258.265 117.033 258.183 116.708 258.021L112.967 255.012C112.316 254.442 111.259 254.93 111.259 255.825L111.097 260.623C111.097 260.948 110.934 261.274 110.609 261.436L106.543 264.038C105.892 264.364 106.055 265.502 106.868 265.828Z" fill="#F2F2F2"/>
|
||||
<g opacity="0.7">
|
||||
<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M138.337 121.887C139.232 120.423 141.184 119.691 142.81 120.179C144.437 120.667 146.388 119.935 147.283 118.472L149.56 124.489C148.665 125.953 146.714 126.685 145.087 126.197C143.461 125.709 141.509 126.441 140.614 127.905L138.337 121.887Z" fill="#59C059"/>
|
||||
<path opacity="0.7" d="M141.591 130.426L138.094 121.155" stroke="#389438" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M155.011 115.056L153.466 118.553L154.848 122.131L158.345 123.676L161.923 122.294L163.468 118.797L162.086 115.219L158.589 113.674L155.011 115.056Z" fill="#EC5858"/>
|
||||
<path d="M253.246 160.597L166.476 194.833L140.859 136.281L223.239 103.834C223.239 103.834 232.835 115.056 240.56 130.914C250.481 151.407 253.246 160.597 253.246 160.597Z" fill="#5CB1D6"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M197.052 131.809C197.052 131.809 193.474 127.417 197.946 124.734C202.419 121.969 204.29 124.734 204.29 124.734C204.29 124.734 202.744 118.39 206.973 117.008C211.202 115.625 214.129 116.276 214.78 120.749C214.78 120.749 218.277 116.276 221.774 120.342C225.271 124.408 200.061 132.703 197.052 131.809Z" fill="#2E8EB8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M161.271 171.982C161.271 171.982 157.693 167.59 162.165 164.907C166.638 162.223 168.508 164.907 168.508 164.907C168.508 164.907 166.963 158.564 171.192 157.181C175.421 155.799 178.348 156.449 178.999 160.922C178.999 160.922 182.496 156.449 185.993 160.515C189.327 164.663 164.198 172.876 161.271 171.982Z" fill="#2E8EB8"/>
|
||||
<path d="M204.089 148.024L209.782 146.641C210.026 146.56 210.27 146.397 210.432 146.072L212.14 142.087C212.303 141.762 212.628 141.518 212.953 141.518C214.173 141.518 218.158 141.599 218.402 142.412C218.646 143.144 216.125 144.12 215.312 144.364C214.986 144.445 214.58 144.852 214.498 145.259L214.254 146.804C214.173 147.21 213.929 147.454 213.522 147.536L208.318 148.593C208.237 148.593 208.155 148.593 208.074 148.593L206.285 148.511C206.203 148.511 206.203 148.511 206.122 148.511L204.089 148.024Z" fill="#E9F1FC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M184.204 158.401C180.3 159.539 176.641 158.889 175.502 154.985C175.177 154.01 175.177 153.196 175.258 152.383L173.469 146.772C173.307 146.121 173.876 145.552 174.445 145.796L178.105 147.178C178.674 146.609 179.487 146.203 180.463 145.877C181.439 145.633 182.333 145.471 183.147 145.633L185.505 142.462C185.912 141.974 186.725 142.055 186.888 142.706L188.433 148.398C188.921 148.968 189.327 149.781 189.652 150.757C190.791 154.66 188.107 157.262 184.204 158.401ZM182.008 156.449C181.439 156.612 180.788 156.531 180.3 156.205C180.056 156.043 179.975 155.717 180.138 155.392C180.3 155.148 180.707 155.067 180.951 155.229C181.195 155.392 181.439 155.392 181.683 155.311C182.171 155.148 182.415 154.66 182.333 154.172L182.09 153.359C181.195 153.359 180.3 152.871 180.138 152.383C179.975 151.814 180.87 151.489 182.008 151.163C183.147 150.838 184.041 150.594 184.285 151.163C184.448 151.651 184.041 152.546 183.228 153.034L183.472 153.847C183.635 154.335 184.123 154.579 184.611 154.497C184.854 154.416 185.098 154.254 185.18 154.01C185.342 153.684 185.668 153.603 185.912 153.684C186.237 153.847 186.318 154.172 186.237 154.416C185.993 154.985 185.505 155.392 184.936 155.555C184.367 155.717 183.797 155.636 183.309 155.392C182.984 155.88 182.577 156.287 182.008 156.449Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M181.681 158.889C181.681 158.889 168.019 163.28 168.263 165.557C168.507 167.834 183.145 161.166 183.145 161.166C183.145 161.166 174.362 167.509 174.362 169.949C174.362 172.388 188.431 160.271 191.521 159.621C194.612 158.97 218.358 150.838 218.358 150.838C218.358 150.838 222.912 151.895 224.945 150.838C226.978 149.781 221.448 145.389 219.74 145.552C218.846 145.633 218.602 146.528 209.168 148.154C203.232 149.13 207.705 145.389 189.732 150.838" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M200.873 148.236C200.873 148.236 205.834 145.715 206.403 141.73C206.972 137.745 212.177 134.167 212.909 135.224C213.641 136.281 209.818 136.688 208.029 141.649C206.322 146.609 202.499 148.398 202.499 148.398" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M221.207 163.443C221.207 163.443 218.605 160.271 221.858 158.319C225.111 156.368 226.412 158.319 226.412 158.319C226.412 158.319 225.273 153.765 228.282 152.79C231.291 151.814 233.406 152.22 233.893 155.473C233.893 155.473 236.414 152.22 238.935 155.229C241.456 158.238 223.403 164.093 221.207 163.443Z" fill="#2E8EB8"/>
|
||||
<path d="M170.056 205.161C167.454 206.462 153.304 204.104 147.692 194.915C147.53 194.589 147.367 194.345 147.204 194.02C144.846 189.385 146.635 183.773 151.108 181.496C153.385 180.358 155.906 180.277 158.183 181.171C158.833 178.813 160.46 176.861 162.656 175.723C167.128 173.527 172.658 175.479 174.935 180.114" stroke="#ED5F87" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
|
||||
<path d="M175.501 180.602C175.095 180.846 174.607 180.846 174.363 180.439L171.923 177.186C171.679 176.78 171.679 176.292 172.086 176.048C172.492 175.804 172.98 175.804 173.224 176.21L175.664 179.463C175.908 179.87 175.827 180.358 175.501 180.602Z" fill="#FF4D6A"/>
|
||||
<path d="M106.777 83.2521L99.9214 88.4777L164.994 173.849L171.85 168.624L106.777 83.2521Z" fill="#FF4D6A"/>
|
||||
<path d="M165.007 173.852L172.814 179.219C173.22 179.463 173.627 179.545 173.871 179.301L174.603 178.731C174.847 178.569 174.928 178.162 174.765 177.674L171.756 168.566L165.007 173.852Z" fill="#FF6680"/>
|
||||
<path d="M127.278 108.225L118.577 114.894L97.1078 86.6748C96.6199 86.0242 96.7012 85.0483 97.4331 84.5604L103.776 79.7624C104.427 79.2744 105.403 79.3558 105.891 80.0877L127.278 108.225Z" fill="#FF6680"/>
|
||||
<path d="M112.555 109.038C112.311 109.282 111.905 109.201 111.661 108.957L96.6976 89.277C96.4536 89.033 96.535 88.6264 96.7789 88.3824C97.0229 88.1384 97.4295 88.2198 97.6735 88.4637L112.637 108.144C112.881 108.388 112.799 108.794 112.555 109.038Z" fill="#FF4D6A"/>
|
||||
<path d="M98.1078 88.0851L97.1377 88.8245L100.391 93.0931L101.361 92.3537L98.1078 88.0851Z" fill="#FF4D6A"/>
|
||||
<path d="M97.8075 77.5608L96.8374 78.3003L100.091 82.5689L101.061 81.8294L97.8075 77.5608Z" fill="#FF4D6A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M100.116 71.8741C102.474 75.2896 101.01 80.9009 100.034 81.6328C99.1397 82.3647 93.3658 82.9339 90.4382 79.925C90.3569 79.8437 90.2756 79.7623 90.1942 79.5997C88.8931 78.0546 89.137 75.6962 90.6822 74.3951C91.4954 73.7445 92.4713 73.4192 93.4471 73.5818C93.5285 72.606 93.9351 71.7114 94.7483 71.0609C96.2934 69.7597 98.6518 69.9223 99.9529 71.5488C99.9529 71.7114 100.034 71.7928 100.116 71.8741Z" fill="#ED5F87"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M261.703 157.913C261.053 164.825 253.246 170.274 251.294 170.274C249.342 170.274 241.535 164.825 240.885 157.913C240.885 157.669 240.885 157.425 240.885 157.262C240.885 153.928 243.65 151.163 246.984 151.163C248.692 151.163 250.237 151.895 251.294 153.034C252.351 151.895 253.978 151.163 255.604 151.163C258.938 151.163 261.703 153.847 261.703 157.262C261.703 157.506 261.703 157.669 261.703 157.913Z" fill="#ED5F87"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M249.669 182.31C251.052 186.213 248.043 191.093 246.986 191.58C245.928 192.068 240.317 191.011 238.284 187.352C238.203 187.27 238.121 187.108 238.121 187.026C237.308 185.156 238.121 183.042 239.992 182.228C240.886 181.822 241.944 181.822 242.838 182.147C243.163 181.253 243.814 180.521 244.79 180.114C246.66 179.301 248.775 180.114 249.588 181.984C249.588 182.066 249.588 182.228 249.669 182.31Z" fill="#ED5F87"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M232.264 183.204L180.543 203.697C179.567 204.104 178.51 203.616 178.184 202.64C177.778 201.664 178.266 200.607 179.242 200.282L230.962 179.789C231.938 179.382 232.996 179.87 233.321 180.846C233.646 181.74 233.158 182.879 232.264 183.204Z" fill="#5CB1D6"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M226.818 195.89L184.123 212.805C183.148 213.212 182.09 212.724 181.765 211.748C181.359 210.772 181.846 209.715 182.822 209.39L225.517 192.475C226.492 192.068 227.55 192.556 227.875 193.532C228.281 194.427 227.794 195.484 226.818 195.89Z" fill="#5CB1D6"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M256.582 199.713L187.783 227.037C186.808 227.443 185.75 226.955 185.425 225.98C185.018 225.004 185.506 223.947 186.482 223.621L255.281 196.297C256.257 195.89 257.314 196.378 257.639 197.354C258.046 198.249 257.558 199.387 256.582 199.713Z" fill="#575E75"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M199.084 234.112C199.978 236.796 198.027 240.13 197.214 240.455C196.482 240.78 192.659 240.048 191.277 237.609C191.196 237.527 191.196 237.446 191.114 237.365C190.545 236.145 191.114 234.681 192.415 234.112C193.066 233.868 193.717 233.868 194.367 234.112C194.611 233.543 195.018 232.973 195.668 232.729C196.888 232.16 198.352 232.729 198.921 233.949C199.003 233.949 199.084 234.031 199.084 234.112Z" fill="#575E75"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M209.658 230.046C210.553 232.729 208.601 236.064 207.788 236.389C206.975 236.714 203.234 235.982 201.851 233.543C201.77 233.461 201.77 233.38 201.689 233.299C201.12 232.079 201.689 230.615 202.99 230.046C203.641 229.802 204.291 229.802 204.942 230.046C205.186 229.476 205.592 228.907 206.243 228.663C207.463 228.094 208.926 228.663 209.496 229.883C209.577 229.883 209.577 229.964 209.658 230.046Z" fill="#575E75"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M251.536 216.546L216.243 230.534C215.267 230.94 214.21 230.452 213.884 229.476C213.478 228.501 213.966 227.443 214.941 227.118L250.235 213.131C251.211 212.724 252.268 213.212 252.594 214.188C253 215.164 252.512 216.221 251.536 216.546Z" fill="#575E75"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_262_7251">
|
||||
<rect width="360" height="360" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
31
static/images/onboarding/friendly-illustration.svg
Normal file
31
static/images/onboarding/friendly-illustration.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.5" d="M323.684 177.056C320.977 200.279 303.494 252.249 273.266 286.745C271.687 288.549 269.995 290.353 268.303 292.156C260.52 300.273 251.835 307.037 242.587 311.998C227.247 320.114 209.877 323.045 190.59 317.521C151.677 306.361 137.014 297.229 123.14 278.178C122.125 276.712 120.997 275.247 119.982 273.668C115.245 266.792 110.508 258.675 104.643 248.867C94.0401 231.168 80.1668 208.17 57.4957 177.056C55.3526 174.237 53.6608 171.306 52.3073 168.488C51.1794 166.233 50.277 163.979 49.4875 161.724C45.991 150.902 46.8933 140.079 51.0666 129.708C67.7597 88.1092 136.45 52.4855 181.792 38.9575C182.92 38.6193 184.048 38.2811 185.063 37.9429C186.98 37.3792 188.785 36.9283 190.59 36.4774C200.177 34.11 209.764 33.8845 219.126 35.5755C256.685 42.3395 290.41 78.6396 308.908 115.842C309.359 116.743 309.81 117.758 310.261 118.66C315.563 129.708 319.397 140.756 321.766 151.127C323.909 160.597 324.586 169.39 323.684 177.056Z" fill="#FF3355"/>
|
||||
<path opacity="0.4" d="M189.277 282.765L219.28 236.351C221.401 233.12 225.137 230.949 228.994 230.705L284.608 228.355C294.25 227.746 299.744 216.56 293.041 208.466L258.222 165.759C255.304 162.459 255.062 158.603 256.002 155.06L271.274 102.221C273.779 92.7718 264.713 84.0534 254.879 87.7713L203.463 107.664C199.293 109.089 195.749 108.151 192.518 106.033L146.419 74.8767C138.342 69.5799 126.7 75.3476 127.739 85.7343L130.812 140.899C131.054 144.755 129.367 148.732 126.065 151.651L82.15 186.168C74.0515 192.873 77.1397 205.066 86.5901 207.566L140.496 221.196C144.04 222.133 147.705 224.999 148.694 228.42L167.821 280.248C170.788 290.513 183.228 291.276 189.277 282.765Z" fill="#FF6680"/>
|
||||
<path opacity="0.5" d="M78.7265 273.456C87.3578 268.475 85.8712 249.751 75.4059 231.635C64.9407 213.518 49.4599 202.87 40.8286 207.851C32.1973 212.832 33.6839 231.556 44.1492 249.672C54.6144 267.789 70.0952 278.437 78.7265 273.456Z" fill="#FF3355"/>
|
||||
<path d="M219.687 129.595C221.83 129.144 223.296 127.002 222.958 124.86C221.492 115.165 219.574 104.568 218.334 98.1425C215.063 81.909 186.865 75.0322 176.826 93.8587C171.412 103.892 174.683 101.074 162.502 120.576C158.103 127.566 165.096 132.864 174.119 119.224C179.082 111.671 179.308 111.107 178.969 122.267C178.744 130.61 174.006 143.912 171.074 150.225C167.803 156.989 177.954 157.44 180.887 151.127C184.722 142.898 187.541 124.635 190.136 124.522C192.955 124.409 192.955 142.898 197.242 154.171C200.625 162.964 208.521 162.739 207.28 153.946C205.701 142.334 200.512 129.37 202.543 129.031C202.543 129.031 208.859 136.246 213.483 127.904C213.483 127.904 216.303 130.272 219.687 129.595C219.687 129.708 219.687 129.708 219.687 129.595Z" fill="#E4B681"/>
|
||||
<path d="M219.125 35.6882L208.071 85.5163L189.01 84.2762L187.543 84.1635L181.791 38.9575C182.919 38.6193 184.047 38.2811 185.062 37.9429C186.979 37.3792 188.784 36.9283 190.589 36.4773C200.289 34.1099 209.876 33.9972 219.125 35.6882Z" fill="#E4B681"/>
|
||||
<path opacity="0.1" d="M174.572 155.524C174.572 155.524 179.083 155.636 181.001 151.014C183.031 146.505 184.723 140.305 186.979 131.286C186.979 131.286 188.107 127.002 189.46 124.86C189.46 124.86 185.287 130.159 182.918 140.643C180.55 151.127 177.279 154.396 174.572 155.524Z" fill="black"/>
|
||||
<path opacity="0.1" d="M178.407 113.812C178.407 113.812 177.956 113.361 174.685 118.66C171.301 123.959 167.24 128.017 163.969 127.905C163.969 127.905 172.542 121.817 174.459 118.209C174.346 118.096 177.054 112.911 178.407 113.812Z" fill="black"/>
|
||||
<path opacity="0.1" d="M189.122 83.7126C189.122 83.9381 189.122 84.1635 189.122 84.389C189.01 85.1781 188.897 85.5163 188.671 85.6291C186.303 86.5309 183.934 86.7564 181.34 88.1092C181.565 87.8837 183.821 85.5163 187.431 84.2763L181.678 39.0702C182.806 38.732 183.934 38.3938 184.949 38.0556C186.754 51.8091 189.461 76.6104 189.122 83.7126Z" fill="black"/>
|
||||
<path d="M236.945 153.269C229.501 156.989 215.627 159.244 208.634 159.695C201.077 160.146 205.589 169.164 212.469 168.826C221.605 168.263 238.862 161.949 240.216 164.204C241.682 166.572 225.44 175.477 217.545 184.609C211.341 191.824 215.402 198.588 222.62 193.289C232.095 186.3 241.005 175.59 242.246 177.168C242.246 177.168 238.862 186.187 248.45 186.187C248.45 186.187 247.66 189.795 249.916 192.387C249.916 192.387 249.916 192.387 250.029 192.5C251.495 194.191 253.976 194.417 255.781 193.064C263.676 187.202 272.023 180.438 276.986 176.267C289.731 165.67 282.174 137.599 260.857 137.712C260.857 137.712 245.517 136.584 243.938 138.726C242.359 140.868 236.945 153.269 236.945 153.269Z" fill="#B68554"/>
|
||||
<path d="M321.762 151.127L282.624 166.121L281.834 166.459L269.427 140.868L268.638 139.177L308.904 115.954C309.355 116.856 309.807 117.871 310.258 118.773C315.672 129.821 319.507 140.868 321.762 151.127Z" fill="#B68554"/>
|
||||
<path opacity="0.1" d="M247.21 144.588C244.164 146.054 238.863 151.353 237.396 152.931C237.396 152.931 237.284 152.931 237.396 152.931L243.938 144.138C244.051 144.025 244.164 143.912 244.39 144.025L247.322 144.476C247.322 144.25 247.322 144.476 247.21 144.588Z" fill="black"/>
|
||||
<path opacity="0.1" d="M205.475 165.219C205.475 165.219 207.505 169.164 212.468 168.826C217.431 168.488 223.634 166.91 232.657 164.655C232.657 164.655 236.943 163.528 239.425 163.753C239.425 163.753 232.77 162.513 222.393 165.557C212.129 168.375 207.843 167.023 205.475 165.219Z" fill="black"/>
|
||||
<path opacity="0.1" d="M310.371 118.773C298.19 125.875 279.241 136.81 271.12 140.192C270.556 140.417 269.992 140.643 269.541 140.756C268.526 141.094 267.849 141.207 267.511 141.207C263.789 140.079 264.804 138.952 259.051 137.599C259.051 137.599 260.856 137.599 263.225 137.825C263.225 137.825 263.225 137.825 263.337 137.825C264.578 137.937 266.044 138.163 267.398 138.614H267.511C267.736 138.726 268.075 138.726 268.3 138.839C268.413 138.952 268.639 138.952 268.751 139.065L309.018 115.842C309.469 116.856 309.92 117.758 310.371 118.773Z" fill="black"/>
|
||||
<path d="M105.655 137.938L98.2105 168.714L97.5337 171.307L52.3043 168.376C51.1764 166.121 50.2741 163.866 49.4846 161.612C45.988 150.789 46.8904 139.967 51.0636 129.595L105.204 137.712L105.655 137.938Z" fill="#825331"/>
|
||||
<path d="M142.765 137.261C142.539 135.007 140.509 133.428 138.253 133.541C128.44 134.105 117.725 135.119 111.296 135.796C94.8281 137.599 85.4665 165.106 103.4 176.718C112.988 182.918 110.393 179.536 128.778 193.29C135.433 198.25 141.298 191.711 128.44 181.565C121.334 175.929 120.77 175.703 131.824 176.943C140.058 177.958 152.916 183.707 159.007 187.315C165.548 191.148 166.789 181.114 160.811 177.62C152.916 172.998 134.982 168.714 135.095 166.121C135.208 163.303 153.593 164.994 165.323 161.612C174.459 159.019 174.91 151.127 166 151.578C154.269 152.142 140.96 156.088 140.734 154.058C140.734 154.058 148.517 148.422 140.509 143.123C140.509 143.349 143.216 140.756 142.765 137.261C142.765 137.374 142.765 137.374 142.765 137.261Z" fill="#825331"/>
|
||||
<path opacity="0.1" d="M164.533 183.144C164.308 181.678 163.518 179.311 160.698 177.732C156.3 175.365 150.322 173.11 141.524 170.067C141.524 170.067 137.351 168.601 135.433 167.135C135.433 167.135 140.283 171.758 150.547 175.027C159.007 177.732 162.39 180.551 163.857 183.031L164.533 183.144Z" fill="black"/>
|
||||
<path opacity="0.1" d="M123.253 176.943C123.253 176.943 122.802 177.282 127.765 181.115C132.728 184.948 136.45 189.457 135.999 192.614C135.999 192.614 130.585 183.595 127.201 181.34C127.201 181.34 122.238 178.296 123.253 176.943Z" fill="black"/>
|
||||
<path opacity="0.1" d="M104.979 177.845C100.806 175.703 98.4373 172.547 97.7606 171.645C97.7606 171.645 97.7606 171.532 97.6478 171.532C97.6478 171.419 97.535 171.419 97.535 171.419L52.3056 168.488C51.1777 166.234 50.2754 163.979 49.4858 161.724C74.0744 166.685 89.7524 167.474 95.392 167.587C96.971 167.587 97.7606 167.587 97.7606 167.587C97.8734 167.925 97.9862 168.376 98.2118 168.714C100.129 172.998 104.641 177.507 104.979 177.845Z" fill="black"/>
|
||||
<path d="M134.307 199.264C132.277 198.362 129.908 199.152 128.781 201.181C124.156 209.861 119.419 219.444 116.712 225.418C109.719 240.412 128.329 262.733 147.617 253.489C157.881 248.529 153.707 248.98 175.025 240.412C182.695 237.368 180.213 228.913 164.874 234.55C156.302 237.706 155.85 238.045 162.731 229.251C167.919 222.713 179.537 214.821 185.627 211.439C192.282 207.832 184.387 201.519 178.296 204.901C170.288 209.298 157.204 222.262 155.061 220.909C152.692 219.331 163.746 204.45 167.017 192.838C169.611 183.707 163.069 179.31 158.783 187.089C153.143 197.348 149.647 210.876 147.729 209.974C147.729 209.974 146.94 200.392 138.255 204.45C138.255 204.337 137.465 200.73 134.307 199.264C134.307 199.377 134.307 199.264 134.307 199.264Z" fill="#4C2F19"/>
|
||||
<path d="M138.253 255.631L123.139 278.178C122.124 276.712 120.996 275.246 119.981 273.668C115.244 266.792 110.507 258.675 104.642 248.867L115.808 237.481L134.87 252.925L138.253 255.631Z" fill="#4C2F19"/>
|
||||
<path opacity="0.1" d="M185.963 205.352C185.963 205.352 182.467 202.646 178.068 205.126C173.782 207.607 168.706 211.552 161.601 217.527C161.601 217.527 158.104 220.345 155.848 221.247C155.848 221.247 162.39 219.556 170.511 212.454C178.519 205.239 183.031 204.675 185.963 205.352Z" fill="black"/>
|
||||
<path opacity="0.1" d="M157.993 236.692C157.993 236.692 158.105 237.255 163.858 235.001C169.723 232.746 175.475 231.844 177.957 233.873C177.957 233.873 167.467 233.761 163.745 235.564C163.858 235.564 158.669 238.27 157.993 236.692Z" fill="black"/>
|
||||
<path opacity="0.1" d="M154.834 249.656C144.457 256.758 138.254 255.631 138.254 255.631L123.14 278.178C122.124 276.712 120.997 275.247 119.981 273.668C127.426 263.86 131.599 257.886 133.516 255.067C134.532 253.602 134.87 252.925 134.87 252.925C140.622 253.827 154.157 249.882 154.834 249.656Z" fill="black"/>
|
||||
<path d="M192.507 241.314C190.928 242.892 191.041 245.485 192.507 247.176C199.274 254.391 206.831 261.944 211.569 266.453C223.525 277.952 250.595 267.468 248.113 246.274C246.76 235.001 256.572 237.594 240.782 220.909C234.465 214.145 225.442 217.302 236.383 226.433C242.586 231.506 236.157 233.535 230.066 224.178C225.555 217.189 221.72 203.661 220.592 196.784C219.351 189.344 210.779 194.755 212.02 201.632C213.599 210.65 221.72 227.109 219.69 228.688C217.434 230.379 206.944 215.272 196.906 208.396C189.123 203.097 182.807 207.832 188.785 214.371C196.68 222.938 208.411 230.717 206.944 232.182C206.944 232.182 197.583 229.815 198.598 239.397C198.598 239.059 194.876 238.721 192.507 241.314C192.62 241.201 192.507 241.201 192.507 241.314Z" fill="#FDDBB4"/>
|
||||
<path d="M273.267 286.745C271.688 288.549 269.996 290.353 268.305 292.157C260.522 300.273 251.837 307.037 242.588 311.998L216.195 269.497L245.746 247.852L248.002 246.161L273.267 286.745Z" fill="#FDDBB4"/>
|
||||
<path opacity="0.1" d="M238.864 230.154C238.864 230.154 239.992 229.139 236.27 225.982C232.548 222.939 231.081 220.12 231.42 218.767C231.42 218.767 232.886 221.698 236.947 224.855C241.007 228.012 238.864 230.154 238.864 230.154Z" fill="black"/>
|
||||
<path opacity="0.1" d="M214.388 194.417C214.388 194.417 210.327 197.01 212.696 204.563C215.177 212.116 218.336 221.022 218.336 221.022C218.336 221.022 220.366 226.546 219.802 228.237C219.802 228.237 221.155 223.164 217.208 211.778C213.373 200.504 214.388 194.417 214.388 194.417Z" fill="black"/>
|
||||
<path opacity="0.1" d="M273.265 286.745C271.686 288.549 272.588 287.647 270.896 289.338C259.391 269.61 252.962 259.689 249.015 252.7C247.774 250.558 246.195 249.318 245.856 247.852C244.503 243.005 245.631 241.652 246.646 240.412C249.015 237.143 249.24 231.619 249.24 231.619C249.353 231.844 249.691 232.408 249.917 233.422C249.917 233.535 249.917 233.648 249.917 233.648C250.03 234.437 250.03 235.452 249.691 236.692C249.691 236.692 249.691 236.692 249.691 236.804C249.579 237.143 249.466 237.481 249.353 237.706C249.353 237.819 249.24 237.932 249.24 238.157C249.24 238.157 249.24 238.157 249.24 238.27C249.015 238.721 248.902 239.285 248.789 239.735C248.789 239.848 248.789 239.848 248.789 239.961C248.338 241.539 248.225 243.005 248.225 244.132C248.225 244.47 248.225 244.921 248.225 245.372C248.225 245.598 248.225 245.823 248.225 245.936C248.225 246.161 248.225 246.274 248.225 246.274L273.265 286.745Z" fill="black"/>
|
||||
<path d="M190.815 165.219L193.973 171.306C194.199 171.757 194.65 172.096 195.101 172.096L201.869 172.997C203.109 173.11 203.561 174.688 202.771 175.59L197.921 180.438C197.583 180.776 197.47 181.34 197.47 181.791L198.711 188.555C198.936 189.795 197.695 190.697 196.568 190.133L190.477 187.089C190.026 186.864 189.462 186.864 189.123 187.089L183.145 190.358C182.017 190.922 180.777 190.02 180.89 188.78L181.905 182.016C182.017 181.565 181.792 181.001 181.454 180.663L176.491 175.928C175.588 175.027 176.04 173.561 177.28 173.336L184.048 172.208C184.499 172.096 184.95 171.87 185.176 171.419L188.108 165.219C188.672 164.091 190.251 164.091 190.815 165.219Z" fill="#FFBF00"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
33
static/images/onboarding/honest-illustration.svg
Normal file
33
static/images/onboarding/honest-illustration.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.45" d="M282.546 288.243C303.803 283.489 319.718 273.753 318.095 266.498C316.472 259.242 297.925 257.215 276.669 261.97C255.413 266.724 239.497 276.46 241.12 283.715C242.743 290.971 261.29 292.998 282.546 288.243Z" fill="#9966FF"/>
|
||||
<path opacity="0.45" fill-rule="evenodd" clip-rule="evenodd" d="M351.831 185.344C368.516 241.748 270.49 253.219 177.204 268.671C94.1566 282.511 6.46388 242.886 9.21316 185.344C11.7728 130.171 86.8567 67.415 180.522 81.0659C279.591 95.5699 335.43 130.171 351.831 185.344Z" fill="#9966FF"/>
|
||||
<path d="M266.506 253.029C286.604 226.296 295.231 191.316 287.363 156.146C282.338 133.679 271.246 114.245 256.267 98.9826C228.585 70.8276 187.346 57.1767 146.012 66.3721C128.568 70.2588 112.831 77.8427 99.5582 88.0808C64.2915 115.288 45.9946 161.36 56.3281 207.621C61.163 229.235 71.5914 248.194 85.8118 263.172L266.506 253.029Z" fill="#575E75"/>
|
||||
<path d="M249.822 256.347C250.675 255.494 251.433 254.641 252.192 253.788C274.565 228.761 284.994 193.686 277.03 158.326C270.489 129.223 252.761 105.524 229.439 90.7355C206.212 76.0418 177.298 70.1644 148.288 76.7054C144.211 77.6534 140.135 78.791 136.248 80.1181C85.2439 97.8453 54.5278 151.501 66.6626 205.441C71.7819 228.382 83.9167 247.91 100.223 262.414C102.498 264.5 104.963 266.396 107.428 268.292L249.822 256.347Z" fill="#E5F0FF"/>
|
||||
<path d="M171.892 248.194C208.49 248.194 238.159 218.527 238.159 181.931C238.159 145.334 208.49 115.667 171.892 115.667C135.293 115.667 105.624 145.334 105.624 181.931C105.624 218.527 135.293 248.194 171.892 248.194Z" fill="#5CB1D6"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.7572 211.224L72.4448 204.209L91.4054 187.145L97.7572 211.224Z" fill="#5CB1D6"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M252.192 175.579L272.006 158.611L247.641 151.216L252.192 175.579Z" fill="#5CB1D6"/>
|
||||
<path d="M166.583 189.514L134.065 156.714L176.822 173.399L166.583 189.514Z" fill="#E5F0FF"/>
|
||||
<path d="M166.583 189.514L210.192 204.967L176.822 173.399L166.583 189.514Z" fill="#E5F0FF"/>
|
||||
<path d="M174.168 190.084L116.717 194.823L169.997 171.503L174.168 190.084Z" fill="#E5F0FF"/>
|
||||
<path d="M174.169 190.084L228.776 168.185L169.998 171.503L174.169 190.084Z" fill="#E5F0FF"/>
|
||||
<path d="M162.794 182.879L185.452 240.516L181.375 178.708L162.794 182.879Z" fill="#E5F0FF"/>
|
||||
<path d="M162.793 182.879L159.38 124.01L181.375 178.708L162.793 182.879Z" fill="#E5F0FF"/>
|
||||
<path d="M180.802 186.292L196.255 142.779L164.686 176.148L180.802 186.292Z" fill="#E5F0FF"/>
|
||||
<path d="M180.802 186.291L148 218.902L164.686 176.148L180.802 186.291Z" fill="#E5F0FF"/>
|
||||
<path d="M163.265 186.007L135.867 107.609C135.678 106.946 136.531 106.472 136.91 107.135L180.804 177.949L163.265 186.007Z" fill="#E64D00"/>
|
||||
<path d="M181.09 178.328L214.556 254.356C214.84 255.02 213.987 255.494 213.513 254.925L164.215 187.808L181.09 178.328Z" fill="#3373CC"/>
|
||||
<path d="M172.463 196.245C179.845 196.245 185.83 190.261 185.83 182.878C185.83 175.496 179.845 169.512 172.463 169.512C165.08 169.512 159.096 175.496 159.096 182.878C159.096 190.261 165.08 196.245 172.463 196.245Z" fill="#FFBF00"/>
|
||||
<path d="M142.219 231.605C144.628 231.605 146.58 229.653 146.58 227.244C146.58 224.836 144.628 222.884 142.219 222.884C139.811 222.884 137.858 224.836 137.858 227.244C137.858 229.653 139.811 231.605 142.219 231.605Z" fill="#E5F0FF"/>
|
||||
<path d="M125.248 155.577C127.656 155.577 129.609 153.625 129.609 151.216C129.609 148.808 127.656 146.856 125.248 146.856C122.839 146.856 120.887 148.808 120.887 151.216C120.887 153.625 122.839 155.577 125.248 155.577Z" fill="#E5F0FF"/>
|
||||
<path d="M202.703 138.229C205.111 138.229 207.064 136.277 207.064 133.868C207.064 131.46 205.111 129.508 202.703 129.508C200.294 129.508 198.342 131.46 198.342 133.868C198.342 136.277 200.294 138.229 202.703 138.229Z" fill="#E5F0FF"/>
|
||||
<path d="M219.674 214.257C222.083 214.257 224.035 212.305 224.035 209.896C224.035 207.488 222.083 205.536 219.674 205.536C217.266 205.536 215.313 207.488 215.313 209.896C215.313 212.305 217.266 214.257 219.674 214.257Z" fill="#E5F0FF"/>
|
||||
<path d="M107.332 268.292C107.332 268.292 131.033 272.842 154.829 271.136C178.624 269.429 213.322 262.793 213.322 262.793C213.322 262.793 247.546 257.105 249.821 256.347C252.096 255.683 107.332 268.292 107.332 268.292Z" fill="#E5F0FF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M199.384 265.069L200.901 260.518L202.134 256.632L202.892 254.262L187.724 257.485L178.623 259.381L180.898 262.13L185.164 267.344L199.384 265.069Z" fill="#5CB1D6"/>
|
||||
<path d="M107.332 268.292C107.332 268.292 100.885 263.173 100.127 262.414C99.3683 261.751 85.8115 263.267 85.8115 263.267C85.8115 263.267 99.5579 267.249 107.332 268.292Z" fill="#575E75"/>
|
||||
<path d="M252.189 253.787L249.819 256.347C249.819 256.347 264.324 253.598 266.505 252.934L252.189 253.787Z" fill="#575E75"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M136.34 96.5177C139.279 105.713 151.603 110.737 154.257 110.169C157.007 109.6 166.013 99.7408 164.686 90.1663C164.686 89.8819 164.591 89.5027 164.496 89.2183C163.453 84.668 158.903 81.7292 154.352 82.772C151.982 83.246 150.086 84.668 148.949 86.5639C147.147 85.3316 144.777 84.8576 142.407 85.4264C137.857 86.4691 134.918 91.0194 135.961 95.5697C136.15 95.9489 136.245 96.2333 136.34 96.5177Z" fill="#ED5F87"/>
|
||||
<path d="M160.515 89.3132C160.041 89.2184 159.662 88.8392 159.472 88.3652L159.188 87.3224C158.998 86.8484 158.335 86.8484 158.145 87.3224L157.861 88.46C157.766 88.934 157.387 89.3132 156.913 89.5028L155.87 89.7872C155.396 89.9768 155.396 90.6403 155.87 90.8299L157.008 91.0195C157.482 91.1143 157.861 91.4935 158.05 91.9675L158.335 93.0103C158.524 93.4843 159.188 93.4843 159.378 93.0103L159.662 91.8727C159.757 91.3987 160.136 91.0195 160.61 90.8299L161.653 90.5455C162.127 90.3559 162.127 89.6924 161.653 89.5028L160.515 89.3132Z" fill="white"/>
|
||||
<path d="M66.3828 75.3778C64.8659 74.9986 63.7283 73.8611 63.2543 72.3443L62.3062 68.9316C61.8322 67.32 59.557 67.32 59.1778 68.9316L58.3245 72.3443C57.9453 73.8611 56.8077 74.9986 55.2908 75.4726L51.8779 76.4206C50.2663 76.8946 50.2663 79.1697 51.8779 79.5489L55.2908 80.4021C56.8077 80.7813 57.9453 81.9189 58.4193 83.4356L59.3674 86.8484C59.8414 88.4599 62.1166 88.4599 62.4959 86.8484L63.3491 83.4356C63.7283 81.9189 64.8659 80.7813 66.3828 80.3073L69.7957 79.3593C71.4073 78.8854 71.4073 76.6102 69.7957 76.231L66.3828 75.3778Z" fill="#CF63CF"/>
|
||||
<path d="M330.977 174.536C328.986 174.062 327.469 172.451 326.9 170.46L325.668 165.91C325.099 163.824 322.065 163.824 321.496 165.91L320.359 170.46C319.885 172.451 318.273 173.968 316.282 174.536L311.732 175.769C309.646 176.338 309.646 179.371 311.732 179.94L316.282 181.078C318.273 181.552 319.79 183.163 320.359 185.154L321.591 189.704C322.16 191.79 325.194 191.79 325.763 189.704L326.9 185.154C327.374 183.163 328.986 181.646 330.977 181.078L335.527 179.845C337.613 179.276 337.613 176.243 335.527 175.674L330.977 174.536Z" fill="#CF63CF"/>
|
||||
<path d="M15.4727 169.607C14.5247 169.322 13.7663 168.564 13.4818 167.616L12.913 165.436C12.6286 164.393 11.2066 164.393 10.9222 165.436L10.3534 167.616C10.0689 168.564 9.31052 169.322 8.36249 169.607L6.18203 170.176C5.13919 170.46 5.13919 171.882 6.18203 172.166L8.36249 172.735C9.31052 173.02 10.0689 173.778 10.3534 174.726L10.9222 176.906C11.2066 177.949 12.6286 177.949 12.913 176.906L13.4818 174.726C13.7663 173.778 14.5247 173.02 15.4727 172.735L17.6532 172.166C18.696 171.882 18.696 170.46 17.6532 170.176L15.4727 169.607Z" fill="#CF63CF"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.4 KiB |
3
static/images/onboarding/left-arrow.svg
Normal file
3
static/images/onboarding/left-arrow.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.99995 10.8074L9.20971 5.59767C9.63777 5.1945 10.2384 5.08665 10.7544 5.31064C11.2704 5.53296 11.5889 6.02408 11.5889 6.59317V8.56922L18.8395 9.57633C19.9494 9.72068 20.7939 10.6863 20.7939 11.8228C20.7939 11.9207 20.7873 12.0203 20.7757 12.1182C20.6148 13.1435 19.815 13.9349 18.8312 14.0594L11.5889 15.093V16.9828C11.5889 17.5585 11.2505 18.0712 10.7278 18.2886C10.2019 18.5059 9.61952 18.3881 9.20971 17.9783L3.99995 12.7685C3.74279 12.5097 3.6001 12.1613 3.6001 11.788C3.6001 11.4147 3.74279 11.0663 3.99995 10.8074Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 691 B |
12
static/images/onboarding/remix-illustration-1.svg
Normal file
12
static/images/onboarding/remix-illustration-1.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.34" fill-rule="evenodd" clip-rule="evenodd" d="M299.637 176.265C295.374 181.295 291.453 186.325 287.872 191.185C284.802 195.363 281.989 199.455 279.431 203.463C238.933 266.128 252.489 308.076 203.38 316.09H203.295C202.442 316.26 201.589 316.346 200.737 316.431C196.218 317.028 191.273 317.369 185.731 317.454C182.577 317.454 179.422 317.369 176.267 317.198C101.495 311.912 48.2935 234.923 41.4727 173.281C40.1939 161.43 39.8528 151.199 40.4496 142.332C41.217 129.969 43.7747 120.25 47.7819 112.406C56.3931 95.6098 71.7397 87.6807 91.0083 81.2862C98.5964 78.7284 106.867 76.4264 115.478 73.8687C117.439 73.2719 119.4 72.675 121.361 72.0782C122.469 71.7372 123.577 71.3962 124.686 71.0551C126.306 70.5436 127.926 70.032 129.545 69.5205C129.972 69.3499 130.483 69.2647 130.91 69.0942C141.908 65.5133 153.503 61.0798 165.184 55.1969C203.721 35.6726 252.574 39.5092 286.081 58.6925C286.081 58.6925 286.167 58.6925 286.167 58.7778C286.508 58.9483 286.849 59.1188 287.104 59.3746C295.716 64.4049 303.304 70.5436 309.357 77.5348C330.331 101.578 333.315 136.449 299.637 176.265Z" fill="#FFAB19"/>
|
||||
<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M90.4968 223.584C72.0808 193.402 70.6314 153.16 86.8307 121.273C103.627 86.9984 131.847 71.8223 143.187 66.8773C150.008 63.7227 157.169 61.2502 164.928 59.3745L172.516 57.7546C178.058 56.6462 183.685 60.0565 184.879 65.5984C186.072 71.1402 182.577 76.5968 176.95 77.7905L169.532 79.4104C163.393 80.8598 157.51 82.906 151.798 85.549C144.295 88.7889 119.655 101.237 105.417 130.395C94.5892 151.625 91.3494 185.387 108.401 213.267C123.833 240.124 155.379 256.579 185.305 253.851C213.611 251.804 239.615 232.962 248.653 208.066C257.861 184.62 251.722 160.577 241.576 147.021C229.384 130.31 214.123 125.195 208.154 123.745C207.302 123.489 186.328 117.18 167.912 126.473C159.983 130.31 149.667 138.836 144.21 151.71C138.242 165.011 139.777 182.062 147.876 193.487C155.976 205.679 171.237 212.585 184.452 210.198C197.582 208.152 206.364 198.432 208.495 189.821C210.968 180.613 207.217 172.854 204.232 170.041C199.202 165.096 194.854 165.011 194.683 165.011C192.637 164.925 191.614 165.096 191.017 165.181C188.715 166.034 185.39 167.909 184.367 169.87C184.197 170.211 183.77 171.064 184.623 173.281C186.669 178.567 183.941 184.45 178.569 186.496C173.198 188.457 167.23 185.814 165.184 180.528C161.859 171.746 163.734 164.925 165.866 160.662C171.408 149.664 184.367 145.742 185.902 145.316C186.584 145.145 187.266 144.975 187.948 144.889C189.397 144.634 191.87 144.293 195.28 144.463C203.124 144.548 211.991 148.641 218.812 155.376C226.826 162.964 233.135 178.226 228.702 194.851C224.354 212.585 207.558 227.25 188.033 230.319C166.974 234.07 143.357 223.669 130.824 204.912C118.803 187.945 116.501 163.22 125.283 143.525C134.917 120.932 153.418 110.615 158.875 108.057C184.964 95.0128 212.844 103.624 213.952 103.965C221.455 105.755 242.258 112.747 258.457 134.829C270.905 151.454 281.051 182.574 268.177 215.143C256.496 247.2 223.075 271.584 187.095 274.228C184.282 274.483 181.383 274.654 178.569 274.654C143.613 274.654 108.231 254.533 90.4968 223.584Z" fill="#CF8B17"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M154.356 95.0982L138.498 112.491C137.389 113.685 135.514 113.77 134.32 112.662L111.3 91.7731C110.703 91.2615 109.936 91.0057 109.168 91.0057L103.371 91.2615C102.603 91.2615 101.836 91.0057 101.239 90.4942L89.9851 80.2631C89.3883 79.7515 89.0473 78.9842 89.0473 78.2169L88.7915 72.4192C88.7915 71.6519 88.3652 70.8846 87.8537 70.373L82.2266 65.2575C81.0329 64.1491 80.9477 62.2734 82.056 61.0798L97.9142 43.7722C99.0226 42.5785 100.898 42.4933 102.092 43.6016L107.719 48.7172C108.316 49.2287 108.657 49.9961 108.657 50.7634L108.913 56.6463C108.998 57.4136 109.339 58.181 109.851 58.6925L121.105 68.9236C121.702 69.4352 122.469 69.6909 123.236 69.6909L129.119 69.4352C129.886 69.4352 130.654 69.6909 131.251 70.2025L154.185 91.091C155.294 92.0288 155.379 93.9045 154.356 95.0982Z" fill="#FFBF00"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.7047 42.8343C99.7047 42.8343 126.902 44.1984 131.165 70.0319L121.02 71.3108L106.184 59.8861L97.9143 43.7721L99.7047 42.8343Z" fill="#FFBF00"/>
|
||||
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M253.512 99.8729C253.512 99.8729 254.109 102.857 246.521 109.848C238.933 116.839 232.709 122.04 232.709 122.04C232.709 122.04 227.849 125.28 229.469 129.032C229.469 129.032 230.066 125.195 233.732 122.978C237.484 120.847 253.768 103.624 253.853 101.834C253.853 100.129 253.512 99.8729 253.512 99.8729Z" fill="black"/>
|
||||
<path opacity="0.34" d="M45.7357 235.179C55.1995 255.812 70.6314 269.027 62.8728 272.608C55.1142 276.189 28.3428 266.81 18.8791 246.092C9.41531 225.46 20.84 201.246 28.6839 197.75C36.4425 194.169 36.2719 214.461 45.7357 235.179Z" fill="#FFAB19"/>
|
||||
<path opacity="0.34" d="M342.693 147.021C338.089 163.22 328.199 174.645 320.696 172.513C313.194 170.382 324.448 159.384 329.052 143.184C333.656 126.985 329.819 111.724 337.407 113.855C344.995 115.987 347.297 130.822 342.693 147.021Z" fill="#FFAB19"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M258.372 127.156C258.969 128.69 258.202 130.396 256.667 130.907L201.419 151.881C200.652 152.137 200.14 152.734 199.799 153.416L197.412 158.702C197.071 159.384 196.474 159.981 195.792 160.236L181.639 165.608C180.871 165.863 180.104 165.863 179.422 165.522L174.136 163.135C173.454 162.794 172.601 162.794 171.919 163.05L164.757 165.778C163.223 166.375 161.518 165.608 161.006 164.073L152.651 142.076C152.054 140.541 152.821 138.836 154.356 138.325L161.432 135.596C162.2 135.341 162.967 135.341 163.649 135.682L169.02 138.069C169.703 138.41 170.555 138.41 171.237 138.154L185.39 132.783C186.158 132.527 186.669 131.93 187.01 131.248L189.397 125.877C189.738 125.195 190.335 124.598 191.017 124.342L246.265 103.368C247.8 102.772 249.505 103.539 250.017 105.074L258.372 127.156Z" fill="#FFAB1A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M309.357 77.3644C301.598 85.5492 295.886 91.6026 292.305 96.8887C292.049 97.4855 291.708 97.9971 291.282 98.5939C288.213 102.686 291.112 114.537 279.857 123.831C275.424 127.497 271.843 123.063 270.99 123.66C265.619 127.156 263.232 120.335 262.635 120.506C257.349 122.125 255.303 118.63 254.45 117.095C254.194 116.669 254.024 116.328 253.853 116.413C250.784 118.204 248.567 119.909 246.436 121.699C243.622 124.001 241.15 126.388 237.398 129.202C233.647 132.015 230.407 131.248 229.384 129.117C229.384 129.031 229.299 129.031 229.299 128.946C229.299 128.861 229.213 128.776 229.213 128.69C229.128 128.52 229.128 128.435 229.128 128.264C229.043 127.753 229.043 127.241 229.128 126.644C229.213 126.047 229.469 125.451 229.895 124.854C229.981 124.768 229.981 124.683 230.066 124.598C230.237 124.342 230.407 124.172 230.578 124.001L230.663 123.916C230.919 123.66 231.174 123.319 231.515 123.063L232.709 122.04C232.709 122.04 232.88 121.87 233.306 121.529C233.476 121.443 233.647 121.273 233.817 121.102C233.903 121.017 233.988 120.932 234.073 120.847C235.608 119.482 237.569 117.777 239.53 115.987C241.32 114.367 243.111 112.747 244.731 111.298C245.072 111.042 245.413 110.701 245.754 110.36C246.862 109.337 247.885 108.399 248.653 107.631C249.249 107.035 249.676 106.608 249.931 106.267C250.017 106.097 250.187 106.011 250.272 105.841C250.613 105.5 250.869 105.074 251.21 104.647C251.637 104.05 251.978 103.539 252.233 103.113C252.319 103.027 252.404 102.942 252.404 102.772C252.915 101.919 253.256 101.152 253.427 100.384C253.512 99.8728 253.512 99.7023 253.512 99.7023C253.342 97.9971 251.296 97.1445 245.413 98.5086C236.46 100.555 231.856 97.4855 231.856 94.5015C231.856 94.5015 231.856 94.2457 231.942 93.9046C232.112 92.7963 233.05 91.6879 234.585 90.9206C234.67 90.9206 234.755 90.8353 234.755 90.8353C235.011 90.7501 235.352 90.5795 235.693 90.4943C236.205 90.3238 236.716 90.2385 237.228 90.068C240.468 89.3006 244.645 88.7891 249.079 87.6807C249.249 87.5955 249.42 87.5955 249.676 87.5102C251.125 87.1692 252.574 86.7429 254.024 86.2313C254.109 86.2313 254.109 86.2313 254.194 86.1461C255.729 85.6345 257.178 85.0377 258.628 84.2704L258.884 84.0998C259.821 83.5883 261.271 82.821 262.891 81.9684H262.976C265.96 80.3484 269.626 78.6433 271.758 78.3875C271.843 78.3875 271.843 78.3875 271.843 78.3875L273.122 76.6823C277.3 70.9699 281.904 64.5755 286.252 58.5221C286.252 58.5221 286.337 58.5221 286.337 58.6074L286.422 58.5221L287.36 59.1189C295.801 64.3197 303.304 70.4584 309.357 77.3644Z" fill="#B68554"/>
|
||||
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M287.19 59.2894L273.378 80.3484C273.378 80.3484 261.441 83.503 253.768 88.107C246.095 92.7963 234.926 89.9827 231.942 94.5867C231.942 94.5867 231.942 94.3309 232.027 93.9899C232.112 93.7341 232.198 93.3931 232.368 93.1373C232.368 93.1373 232.88 91.9437 234.67 91.0911C234.755 91.0911 234.841 91.0058 234.841 91.0058C235.523 90.7501 236.29 90.409 237.313 90.2385C237.398 90.2385 237.569 90.1532 237.654 90.1532C239.871 89.8122 244.39 89.1301 249.079 87.8513C249.249 87.766 249.42 87.766 249.676 87.6807C251.125 87.2544 252.574 86.8281 254.024 86.4018C254.109 86.4018 254.109 86.4018 254.194 86.3166C257.008 85.3787 259.651 84.2704 261.697 82.9062C262.124 82.6504 262.465 82.3947 262.891 82.1389H262.976C268.262 78.9843 271.161 78.558 271.758 78.558C271.843 78.558 271.843 78.558 271.843 78.558L273.122 76.8528L286.337 58.6926L286.422 58.6074L287.19 59.2894Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.3 KiB |
18
static/images/onboarding/remix-illustration-2.svg
Normal file
18
static/images/onboarding/remix-illustration-2.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.34" fill-rule="evenodd" clip-rule="evenodd" d="M299.637 176.265C295.374 181.295 291.453 186.325 287.872 191.185C284.802 195.363 281.989 199.455 279.431 203.463C238.933 266.128 252.489 308.076 203.38 316.09H203.295C202.442 316.26 201.589 316.346 200.737 316.431C196.218 317.028 191.273 317.369 185.731 317.454C182.577 317.454 179.422 317.369 176.267 317.198C101.495 311.912 48.2934 234.923 41.4727 173.281C40.1938 161.43 39.8528 151.199 40.4496 142.332C41.2169 129.969 43.7747 120.25 47.7819 112.406C56.3931 95.6098 71.7397 87.6807 91.0083 81.2862C98.5963 78.7284 106.866 76.4264 115.478 73.8687C117.439 73.2719 119.4 72.675 121.361 72.0782C122.469 71.7372 123.577 71.3962 124.686 71.0551C126.306 70.5436 127.925 70.032 129.545 69.5205C129.972 69.3499 130.483 69.2647 130.91 69.0942C141.908 65.5133 153.503 61.0798 165.184 55.1969C203.721 35.6726 252.574 39.5092 286.081 58.6925C286.081 58.6925 286.166 58.6925 286.166 58.7778C286.508 58.9483 286.849 59.1188 287.104 59.3746C295.715 64.4049 303.304 70.5436 309.357 77.5348C330.331 101.578 333.315 136.449 299.637 176.265Z" fill="#4C97FF"/>
|
||||
<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M90.4967 223.584C72.0807 193.402 70.6313 153.16 86.8306 121.273C103.627 86.9984 131.847 71.8223 143.187 66.8773C150.008 63.7227 157.169 61.2502 164.928 59.3745L172.516 57.7546C178.058 56.6462 183.685 60.0565 184.879 65.5984C186.072 71.1402 182.577 76.5968 176.95 77.7905L169.532 79.4104C163.393 80.8598 157.51 82.906 151.798 85.549C144.295 88.7889 119.655 101.237 105.417 130.395C94.5892 151.625 91.3493 185.387 108.401 213.267C123.833 240.124 155.379 256.579 185.305 253.851C213.611 251.804 239.615 232.962 248.652 208.066C257.86 184.62 251.722 160.577 241.576 147.021C229.384 130.31 214.122 125.195 208.154 123.745C207.302 123.489 186.328 117.18 167.912 126.473C159.983 130.31 149.667 138.836 144.21 151.71C138.242 165.011 139.777 182.062 147.876 193.487C155.976 205.679 171.237 212.585 184.452 210.198C197.582 208.152 206.364 198.432 208.495 189.821C210.968 180.613 207.216 172.854 204.232 170.041C199.202 165.096 194.854 165.011 194.683 165.011C192.637 164.925 191.614 165.096 191.017 165.181C188.715 166.034 185.39 167.909 184.367 169.87C184.197 170.211 183.77 171.064 184.623 173.281C186.669 178.567 183.941 184.45 178.569 186.496C173.198 188.457 167.23 185.814 165.184 180.528C161.859 171.746 163.734 164.925 165.866 160.662C171.408 149.664 184.367 145.742 185.902 145.316C186.584 145.145 187.266 144.975 187.948 144.889C189.397 144.634 191.87 144.293 195.28 144.463C203.124 144.548 211.991 148.641 218.812 155.376C226.826 162.964 233.135 178.226 228.702 194.851C224.354 212.585 207.558 227.25 188.033 230.319C166.974 234.07 143.357 223.669 130.824 204.912C118.803 187.945 116.501 163.22 125.282 143.525C134.917 120.932 153.418 110.615 158.875 108.057C184.964 95.0128 212.844 103.624 213.952 103.965C221.455 105.755 242.258 112.747 258.457 134.829C270.905 151.454 281.051 182.574 268.177 215.143C256.496 247.2 223.075 271.584 187.095 274.228C184.282 274.483 181.383 274.654 178.569 274.654C143.613 274.654 108.231 254.533 90.4967 223.584Z" fill="#3373CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M154.356 95.0982L138.498 112.491C137.389 113.685 135.514 113.77 134.32 112.662L111.3 91.7731C110.703 91.2615 109.936 91.0057 109.168 91.0057L103.371 91.2615C102.603 91.2615 101.836 91.0057 101.239 90.4942L89.9851 80.2631C89.3883 79.7515 89.0473 78.9842 89.0473 78.2169L88.7915 72.4192C88.7915 71.6519 88.3652 70.8846 87.8537 70.373L82.2266 65.2575C81.0329 64.1491 80.9477 62.2734 82.056 61.0798L97.9142 43.7722C99.0226 42.5785 100.898 42.4933 102.092 43.6016L107.719 48.7172C108.316 49.2287 108.657 49.9961 108.657 50.7634L108.913 56.6463C108.998 57.4136 109.339 58.181 109.851 58.6925L121.105 68.9236C121.702 69.4352 122.469 69.6909 123.236 69.6909L129.119 69.4352C129.886 69.4352 130.654 69.6909 131.251 70.2025L154.185 91.091C155.294 92.0288 155.379 93.9045 154.356 95.0982Z" fill="#FFBF00"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.7047 42.8343C99.7047 42.8343 126.902 44.1984 131.165 70.0319L121.019 71.3108L106.184 59.8861L97.9143 43.7721L99.7047 42.8343Z" fill="#FFBF00"/>
|
||||
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M253.512 99.8729C253.512 99.8729 254.109 102.857 246.521 109.848C238.933 116.839 232.709 122.04 232.709 122.04C232.709 122.04 227.849 125.28 229.469 129.032C229.469 129.032 230.066 125.195 233.732 122.978C237.483 120.847 253.768 103.624 253.853 101.834C253.853 100.129 253.512 99.8729 253.512 99.8729Z" fill="black"/>
|
||||
<path opacity="0.34" d="M45.7357 235.179C55.1994 255.812 70.6313 269.027 62.8727 272.608C55.1142 276.189 28.3428 266.81 18.879 246.092C9.41526 225.46 20.84 201.246 28.6838 197.75C36.4424 194.169 36.2719 214.461 45.7357 235.179Z" fill="#4C97FF"/>
|
||||
<path opacity="0.34" d="M342.693 147.021C338.089 163.22 328.199 174.645 320.696 172.513C313.194 170.382 324.448 159.384 329.052 143.184C333.656 126.985 329.819 111.724 337.407 113.855C344.995 115.987 347.297 130.822 342.693 147.021Z" fill="#4C97FF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M258.372 127.156C258.969 128.69 258.201 130.396 256.667 130.907L201.419 151.881C200.652 152.137 200.14 152.734 199.799 153.416L197.412 158.702C197.071 159.384 196.474 159.981 195.792 160.236L181.639 165.608C180.871 165.863 180.104 165.863 179.422 165.522L174.136 163.135C173.454 162.794 172.601 162.794 171.919 163.05L164.757 165.778C163.223 166.375 161.518 165.608 161.006 164.073L152.651 142.076C152.054 140.541 152.821 138.836 154.356 138.325L161.432 135.596C162.2 135.341 162.967 135.341 163.649 135.682L169.02 138.069C169.702 138.41 170.555 138.41 171.237 138.154L185.39 132.783C186.157 132.527 186.669 131.93 187.01 131.248L189.397 125.877C189.738 125.195 190.335 124.598 191.017 124.342L246.265 103.368C247.8 102.772 249.505 103.539 250.017 105.074L258.372 127.156Z" fill="#FFAB1A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M309.357 77.3644C301.598 85.5492 295.886 91.6026 292.305 96.8887C292.049 97.4855 291.708 97.9971 291.282 98.5939C288.213 102.686 291.111 114.537 279.857 123.831C275.424 127.497 271.843 123.063 270.99 123.66C265.619 127.156 263.232 120.335 262.635 120.506C257.349 122.125 255.303 118.63 254.45 117.095C254.194 116.669 254.024 116.328 253.853 116.413C250.784 118.204 248.567 119.909 246.436 121.699C243.622 124.001 241.15 126.388 237.398 129.202C233.647 132.015 230.407 131.248 229.384 129.117C229.384 129.031 229.299 129.031 229.299 128.946C229.299 128.861 229.213 128.776 229.213 128.69C229.128 128.52 229.128 128.435 229.128 128.264C229.043 127.753 229.043 127.241 229.128 126.644C229.213 126.047 229.469 125.451 229.895 124.854C229.981 124.768 229.981 124.683 230.066 124.598C230.236 124.342 230.407 124.172 230.577 124.001L230.663 123.916C230.919 123.66 231.174 123.319 231.515 123.063L232.709 122.04C232.709 122.04 232.879 121.87 233.306 121.529C233.476 121.443 233.647 121.273 233.817 121.102C233.903 121.017 233.988 120.932 234.073 120.847C235.608 119.482 237.569 117.777 239.53 115.987C241.32 114.367 243.111 112.747 244.731 111.298C245.072 111.042 245.413 110.701 245.754 110.36C246.862 109.337 247.885 108.399 248.652 107.631C249.249 107.035 249.676 106.608 249.931 106.267C250.017 106.097 250.187 106.011 250.272 105.841C250.613 105.5 250.869 105.074 251.21 104.647C251.637 104.05 251.978 103.539 252.233 103.113C252.319 103.027 252.404 102.942 252.404 102.772C252.915 101.919 253.256 101.152 253.427 100.384C253.512 99.8728 253.512 99.7023 253.512 99.7023C253.342 97.9971 251.295 97.1445 245.413 98.5086C236.46 100.555 231.856 97.4855 231.856 94.5015C231.856 94.5015 231.856 94.2457 231.942 93.9046C232.112 92.7963 233.05 91.6879 234.585 90.9206C234.67 90.9206 234.755 90.8353 234.755 90.8353C235.011 90.7501 235.352 90.5795 235.693 90.4943C236.205 90.3238 236.716 90.2385 237.228 90.068C240.468 89.3006 244.645 88.7891 249.079 87.6807C249.249 87.5955 249.42 87.5955 249.676 87.5102C251.125 87.1692 252.574 86.7429 254.024 86.2313C254.109 86.2313 254.109 86.2313 254.194 86.1461C255.729 85.6345 257.178 85.0377 258.628 84.2704L258.884 84.0998C259.821 83.5883 261.271 82.821 262.891 81.9684H262.976C265.96 80.3484 269.626 78.6433 271.758 78.3875C271.843 78.3875 271.843 78.3875 271.843 78.3875L273.122 76.6823C277.3 70.9699 281.903 64.5755 286.252 58.5221C286.252 58.5221 286.337 58.5221 286.337 58.6074L286.422 58.5221L287.36 59.1189C295.801 64.3197 303.304 70.4584 309.357 77.3644Z" fill="#B68554"/>
|
||||
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M287.19 59.2894L273.378 80.3484C273.378 80.3484 261.441 83.503 253.768 88.107C246.095 92.7963 234.926 89.9827 231.942 94.5867C231.942 94.5867 231.942 94.3309 232.027 93.9899C232.112 93.7341 232.197 93.3931 232.368 93.1373C232.368 93.1373 232.879 91.9437 234.67 91.0911C234.755 91.0911 234.84 91.0058 234.84 91.0058C235.523 90.7501 236.29 90.409 237.313 90.2385C237.398 90.2385 237.569 90.1532 237.654 90.1532C239.871 89.8122 244.389 89.1301 249.079 87.8513C249.249 87.766 249.42 87.766 249.676 87.6807C251.125 87.2544 252.574 86.8281 254.024 86.4018C254.109 86.4018 254.109 86.4018 254.194 86.3166C257.008 85.3787 259.651 84.2704 261.697 82.9062C262.123 82.6504 262.464 82.3947 262.891 82.1389H262.976C268.262 78.9843 271.161 78.558 271.758 78.558C271.843 78.558 271.843 78.558 271.843 78.558L273.122 76.8528L286.337 58.6926L286.422 58.6074L287.19 59.2894Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M203.38 175.156V198.688C203.38 200.308 202.101 201.587 200.481 201.587H169.361C168.594 201.587 167.827 201.928 167.315 202.439L163.223 206.532C162.711 207.043 161.944 207.384 161.177 207.384H146C145.233 207.384 144.466 207.043 143.954 206.532L139.862 202.439C139.35 201.928 138.583 201.587 137.816 201.587H130.142C128.522 201.587 127.243 200.308 127.243 198.688V175.156C127.243 173.537 128.522 172.258 130.142 172.258H137.73C138.498 172.258 139.265 172.599 139.776 173.11L143.954 177.288C144.551 177.8 145.233 178.141 146 178.141H161.177C161.944 178.141 162.711 177.8 163.223 177.288L167.4 173.11C167.997 172.599 168.679 172.258 169.447 172.258H200.481C202.101 172.258 203.38 173.537 203.38 175.156Z" fill="#CF63CF"/>
|
||||
<path d="M82.7381 157.508C84.4433 168.251 87.5979 165.693 89.7294 187.519C90.4967 195.363 98.8521 195.278 97.7437 179.846C97.1469 171.235 94.5892 169.189 100.813 177.8C105.417 184.279 112.238 193.487 117.353 197.324C123.663 202.013 129.801 196.898 125.368 192.379C118.291 185.303 108.742 174.73 110.618 173.11C112.664 171.405 122.554 187.775 130.142 196.557C135.599 202.951 142.42 197.58 137.645 190.589C131.336 181.381 121.361 170.894 122.725 169.444C124.089 167.995 135.769 176.521 141.482 183.256C146.171 188.713 152.395 182.659 148.047 177.714C141.652 170.212 126.732 161.345 127.84 159.981C129.375 158.19 141.311 161.174 146.341 163.817C152.651 167.228 157.169 160.407 151.883 158.787C142.42 155.973 121.787 141.394 116.842 136.961C104.82 126.388 79.4983 137.472 82.7381 157.508Z" fill="#4C2F19"/>
|
||||
<path d="M103.541 134.914L97.7437 154.183L96.3796 158.787C92.7987 156.655 88.0242 154.694 82.4823 152.819C80.7772 152.222 78.9867 151.625 77.111 151.113C65.8568 147.703 52.4711 144.634 40.4496 142.246C41.2169 129.884 43.7747 120.164 47.7819 112.32L84.1023 127.07L99.9605 133.55L103.371 134.914H103.541Z" fill="#4C2F19"/>
|
||||
<path d="M147.109 184.791C147.109 184.791 145.659 185.217 143.869 184.194C143.187 183.853 142.505 183.256 141.737 182.403C139.009 179.249 124.259 165.437 122.384 169.359C122.384 169.359 125.453 167.824 139.35 181.21C140.8 182.659 141.652 183.938 142.675 184.535C145.574 186.07 147.109 184.791 147.109 184.791Z" fill="black" fill-opacity="0.2"/>
|
||||
<path d="M110.447 173.025C110.447 173.025 110.533 169.615 124.686 189.821C124.686 189.821 130.739 200.308 135.514 199.285C135.514 199.285 132.529 198.773 130.824 196.13C129.204 193.487 112.408 169.529 110.447 173.025Z" fill="black" fill-opacity="0.2"/>
|
||||
<path d="M152.31 163.817C152.31 163.817 149.411 165.948 144.039 162.623C138.668 159.298 127.158 158.616 127.67 159.725C127.67 159.725 131.506 156.57 144.21 161.6C144.21 161.686 148.558 164.073 152.31 163.817Z" fill="black" fill-opacity="0.2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
28
static/images/onboarding/remix-illustration-3.svg
Normal file
28
static/images/onboarding/remix-illustration-3.svg
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.34" fill-rule="evenodd" clip-rule="evenodd" d="M299.637 176.265C295.374 181.295 291.453 186.325 287.872 191.185C284.802 195.363 281.989 199.455 279.431 203.463C238.933 266.128 252.489 308.076 203.38 316.09H203.295C202.442 316.26 201.589 316.346 200.737 316.431C196.218 317.028 191.273 317.369 185.731 317.454C182.577 317.454 179.422 317.369 176.267 317.198C101.495 311.912 48.2935 234.923 41.4727 173.281C40.1939 161.43 39.8528 151.199 40.4496 142.332C41.217 129.969 43.7747 120.25 47.7819 112.406C56.3931 95.6098 71.7397 87.6807 91.0083 81.2862C98.5964 78.7284 106.867 76.4264 115.478 73.8687C117.439 73.2719 119.4 72.675 121.361 72.0782C122.469 71.7372 123.577 71.3962 124.686 71.0551C126.306 70.5436 127.926 70.032 129.545 69.5205C129.972 69.3499 130.483 69.2647 130.91 69.0942C141.908 65.5133 153.503 61.0798 165.184 55.1969C203.721 35.6726 252.574 39.5092 286.081 58.6925C286.081 58.6925 286.167 58.6925 286.167 58.7778C286.508 58.9483 286.849 59.1188 287.104 59.3746C295.716 64.4049 303.304 70.5436 309.357 77.5348C330.331 101.578 333.315 136.449 299.637 176.265Z" fill="#59C059"/>
|
||||
<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M90.4968 223.584C72.0808 193.402 70.6314 153.16 86.8307 121.273C103.627 86.9984 131.847 71.8223 143.187 66.8773C150.008 63.7227 157.169 61.2502 164.928 59.3745L172.516 57.7546C178.058 56.6462 183.685 60.0565 184.879 65.5984C186.072 71.1402 182.577 76.5968 176.95 77.7905L169.532 79.4104C163.393 80.8598 157.51 82.906 151.798 85.549C144.295 88.7889 119.655 101.237 105.417 130.395C94.5892 151.625 91.3494 185.387 108.401 213.267C123.833 240.124 155.379 256.579 185.305 253.851C213.611 251.804 239.615 232.962 248.653 208.066C257.861 184.62 251.722 160.577 241.576 147.021C229.384 130.31 214.123 125.195 208.154 123.745C207.302 123.489 186.328 117.18 167.912 126.473C159.983 130.31 149.667 138.836 144.21 151.71C138.242 165.011 139.777 182.062 147.876 193.487C155.976 205.679 171.237 212.585 184.452 210.198C197.582 208.152 206.364 198.432 208.495 189.821C210.968 180.613 207.217 172.854 204.232 170.041C199.202 165.096 194.854 165.011 194.683 165.011C192.637 164.925 191.614 165.096 191.017 165.181C188.715 166.034 185.39 167.909 184.367 169.87C184.197 170.211 183.77 171.064 184.623 173.281C186.669 178.567 183.941 184.45 178.569 186.496C173.198 188.457 167.23 185.814 165.184 180.528C161.859 171.746 163.734 164.925 165.866 160.662C171.408 149.664 184.367 145.742 185.902 145.316C186.584 145.145 187.266 144.975 187.948 144.889C189.397 144.634 191.87 144.293 195.28 144.463C203.124 144.548 211.991 148.641 218.812 155.376C226.826 162.964 233.135 178.226 228.702 194.851C224.354 212.585 207.558 227.25 188.033 230.319C166.974 234.07 143.357 223.669 130.824 204.912C118.803 187.945 116.501 163.22 125.283 143.525C134.917 120.932 153.418 110.615 158.875 108.057C184.964 95.0128 212.844 103.624 213.952 103.965C221.455 105.755 242.258 112.747 258.457 134.829C270.905 151.454 281.051 182.574 268.177 215.143C256.496 247.2 223.075 271.584 187.095 274.228C184.282 274.483 181.383 274.654 178.569 274.654C143.613 274.654 108.231 254.533 90.4968 223.584Z" fill="#0DA57A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M226.229 232.962L222.563 256.238C222.307 257.858 220.773 258.966 219.238 258.711L173.454 251.378C172.687 251.293 171.919 251.464 171.237 251.89L166.548 255.3C165.951 255.726 165.099 255.982 164.331 255.812L149.326 253.424C148.558 253.339 147.876 252.913 147.45 252.231L144.04 247.542C143.613 246.945 142.846 246.518 142.164 246.348L134.576 245.154C132.956 244.899 131.847 243.364 132.103 241.829L135.769 218.553C136.025 216.934 137.56 215.825 139.094 216.081L146.597 217.275C147.365 217.36 148.047 217.786 148.473 218.468L151.883 223.243C152.31 223.84 153.077 224.266 153.759 224.436L168.765 226.824C169.532 226.909 170.299 226.738 170.981 226.312L175.756 222.902C176.353 222.475 177.205 222.22 177.973 222.39L223.672 229.637C225.377 229.808 226.485 231.342 226.229 232.962Z" fill="#4D97FF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M154.356 95.0982L138.498 112.491C137.389 113.685 135.514 113.77 134.32 112.662L111.3 91.7731C110.703 91.2615 109.936 91.0057 109.168 91.0057L103.371 91.2615C102.603 91.2615 101.836 91.0057 101.239 90.4942L89.9851 80.2631C89.3883 79.7515 89.0473 78.9842 89.0473 78.2169L88.7915 72.4192C88.7915 71.6519 88.3652 70.8846 87.8537 70.373L82.2266 65.2575C81.0329 64.1491 80.9477 62.2734 82.056 61.0798L97.9142 43.7722C99.0226 42.5785 100.898 42.4933 102.092 43.6016L107.719 48.7172C108.316 49.2287 108.657 49.9961 108.657 50.7634L108.913 56.6463C108.998 57.4136 109.339 58.181 109.851 58.6925L121.105 68.9236C121.702 69.4352 122.469 69.6909 123.236 69.6909L129.119 69.4352C129.886 69.4352 130.654 69.6909 131.251 70.2025L154.185 91.091C155.294 92.0288 155.379 93.9045 154.356 95.0982Z" fill="#FFBF00"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M99.7047 42.8343C99.7047 42.8343 126.902 44.1984 131.165 70.0319L121.02 71.3108L106.184 59.8861L97.9143 43.7721L99.7047 42.8343Z" fill="#FFBF00"/>
|
||||
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M253.512 99.8729C253.512 99.8729 254.109 102.857 246.521 109.848C238.933 116.839 232.709 122.04 232.709 122.04C232.709 122.04 227.849 125.28 229.469 129.032C229.469 129.032 230.066 125.195 233.732 122.978C237.484 120.847 253.768 103.624 253.853 101.834C253.853 100.129 253.512 99.8729 253.512 99.8729Z" fill="black"/>
|
||||
<path opacity="0.34" d="M45.7357 235.179C55.1995 255.812 70.6314 269.027 62.8728 272.608C55.1142 276.189 28.3428 266.81 18.8791 246.092C9.41531 225.46 20.84 201.246 28.6839 197.75C36.4425 194.169 36.2719 214.461 45.7357 235.179Z" fill="#59C059"/>
|
||||
<path opacity="0.34" d="M342.693 147.021C338.089 163.22 328.199 174.645 320.696 172.513C313.194 170.382 324.448 159.384 329.052 143.184C333.656 126.985 329.819 111.724 337.407 113.855C344.995 115.987 347.297 130.822 342.693 147.021Z" fill="#59C059"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M258.372 127.156C258.969 128.69 258.202 130.396 256.667 130.907L201.419 151.881C200.652 152.137 200.14 152.734 199.799 153.416L197.412 158.702C197.071 159.384 196.474 159.981 195.792 160.236L181.639 165.608C180.871 165.863 180.104 165.863 179.422 165.522L174.136 163.135C173.454 162.794 172.601 162.794 171.919 163.05L164.757 165.778C163.223 166.375 161.518 165.608 161.006 164.073L152.651 142.076C152.054 140.541 152.821 138.836 154.356 138.325L161.432 135.596C162.2 135.341 162.967 135.341 163.649 135.682L169.02 138.069C169.703 138.41 170.555 138.41 171.237 138.154L185.39 132.783C186.158 132.527 186.669 131.93 187.01 131.248L189.397 125.877C189.738 125.195 190.335 124.598 191.017 124.342L246.265 103.368C247.8 102.772 249.505 103.539 250.017 105.074L258.372 127.156Z" fill="#FFAB1A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M309.357 77.3644C301.598 85.5492 295.886 91.6026 292.305 96.8887C292.049 97.4855 291.708 97.9971 291.282 98.5939C288.213 102.686 291.112 114.537 279.857 123.831C275.424 127.497 271.843 123.063 270.99 123.66C265.619 127.156 263.232 120.335 262.635 120.506C257.349 122.125 255.303 118.63 254.45 117.095C254.194 116.669 254.024 116.328 253.853 116.413C250.784 118.204 248.567 119.909 246.436 121.699C243.622 124.001 241.15 126.388 237.398 129.202C233.647 132.015 230.407 131.248 229.384 129.117C229.384 129.031 229.299 129.031 229.299 128.946C229.299 128.861 229.213 128.776 229.213 128.69C229.128 128.52 229.128 128.435 229.128 128.264C229.043 127.753 229.043 127.241 229.128 126.644C229.213 126.047 229.469 125.451 229.895 124.854C229.981 124.768 229.981 124.683 230.066 124.598C230.237 124.342 230.407 124.172 230.578 124.001L230.663 123.916C230.919 123.66 231.174 123.319 231.515 123.063L232.709 122.04C232.709 122.04 232.88 121.87 233.306 121.529C233.476 121.443 233.647 121.273 233.817 121.102C233.903 121.017 233.988 120.932 234.073 120.847C235.608 119.482 237.569 117.777 239.53 115.987C241.32 114.367 243.111 112.747 244.731 111.298C245.072 111.042 245.413 110.701 245.754 110.36C246.862 109.337 247.885 108.399 248.653 107.631C249.249 107.035 249.676 106.608 249.931 106.267C250.017 106.097 250.187 106.011 250.272 105.841C250.613 105.5 250.869 105.074 251.21 104.647C251.637 104.05 251.978 103.539 252.233 103.113C252.319 103.027 252.404 102.942 252.404 102.772C252.915 101.919 253.256 101.152 253.427 100.384C253.512 99.8728 253.512 99.7023 253.512 99.7023C253.342 97.9971 251.296 97.1445 245.413 98.5086C236.46 100.555 231.856 97.4855 231.856 94.5015C231.856 94.5015 231.856 94.2457 231.942 93.9046C232.112 92.7963 233.05 91.6879 234.585 90.9206C234.67 90.9206 234.755 90.8353 234.755 90.8353C235.011 90.7501 235.352 90.5795 235.693 90.4943C236.205 90.3238 236.716 90.2385 237.228 90.068C240.468 89.3006 244.645 88.7891 249.079 87.6807C249.249 87.5955 249.42 87.5955 249.676 87.5102C251.125 87.1692 252.574 86.7429 254.024 86.2313C254.109 86.2313 254.109 86.2313 254.194 86.1461C255.729 85.6345 257.178 85.0377 258.628 84.2704L258.884 84.0998C259.821 83.5883 261.271 82.821 262.891 81.9684H262.976C265.96 80.3484 269.626 78.6433 271.758 78.3875C271.843 78.3875 271.843 78.3875 271.843 78.3875L273.122 76.6823C277.3 70.9699 281.904 64.5755 286.252 58.5221C286.252 58.5221 286.337 58.5221 286.337 58.6074L286.422 58.5221L287.36 59.1189C295.801 64.3197 303.304 70.4584 309.357 77.3644Z" fill="#B68554"/>
|
||||
<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M287.19 59.2894L273.378 80.3484C273.378 80.3484 261.441 83.503 253.768 88.107C246.095 92.7963 234.926 89.9827 231.942 94.5867C231.942 94.5867 231.942 94.3309 232.027 93.9899C232.112 93.7341 232.198 93.3931 232.368 93.1373C232.368 93.1373 232.88 91.9437 234.67 91.0911C234.755 91.0911 234.841 91.0058 234.841 91.0058C235.523 90.7501 236.29 90.409 237.313 90.2385C237.398 90.2385 237.569 90.1532 237.654 90.1532C239.871 89.8122 244.39 89.1301 249.079 87.8513C249.249 87.766 249.42 87.766 249.676 87.6807C251.125 87.2544 252.574 86.8281 254.024 86.4018C254.109 86.4018 254.109 86.4018 254.194 86.3166C257.008 85.3787 259.651 84.2704 261.697 82.9062C262.124 82.6504 262.465 82.3947 262.891 82.1389H262.976C268.262 78.9843 271.161 78.558 271.758 78.558C271.843 78.558 271.843 78.558 271.843 78.558L273.122 76.8528L286.337 58.6926L286.422 58.6074L287.19 59.2894Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M227.935 247.968C190.847 231.087 170.726 204.486 167.997 180.357C165.781 160.577 169.276 144.549 175.926 144.378C182.577 144.207 176.864 156.911 184.026 156.57C191.188 156.229 184.879 130.395 194.769 130.992C204.488 131.589 194.854 151.369 202.016 151.881C206.108 152.137 201.93 168.165 206.876 170.297C210.286 171.746 206.364 173.707 217.959 189.565C221.029 193.743 226.144 198.091 233.817 203.292L227.935 247.968Z" fill="#59C059"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M218.471 242.256C214.549 239.186 217.021 233.048 219.494 229.552C221.54 226.738 216.766 220.6 221.625 216.678C225.547 213.523 223.331 210.369 223.672 205.679C224.098 199.456 224.183 196.216 226.911 198.177L232.709 201.758L228.19 230.405L228.02 247.968C227.935 247.968 221.37 244.558 218.471 242.256Z" fill="#389438"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M258.202 218.894L253.939 255.726C232.198 252.06 221.37 246.689 221.37 239.527C221.455 228.784 225.547 235.179 223.842 226.312C222.137 217.445 228.531 220.685 227.594 215.74C226.656 210.795 228.276 194.937 233.903 203.292C239.786 211.988 247.885 217.189 258.202 218.894Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M299.978 245.58C299.723 247.115 301.087 248.735 303.048 249.076C305.009 249.417 306.884 248.479 307.14 246.945C307.396 245.41 306.032 243.79 304.071 243.449C302.11 243.023 300.234 244.046 299.978 245.58ZM258.287 237.822L261.697 219.576C262.209 219.662 263.743 219.917 266.216 220.429C273.037 221.708 269.029 235.008 278.323 236.628C287.616 238.333 289.833 234.753 298.359 236.287C303.218 237.14 311.83 240.209 310.465 247.286C309.186 254.362 300.064 254.192 295.204 253.254C286.593 251.719 285.825 247.541 276.532 245.836C267.239 244.131 265.704 257.687 258.969 256.494C256.496 256.067 254.962 255.726 254.45 255.641L258.287 237.822Z" fill="#CC8B2A"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M264.681 220.003L257.946 256.409L251.551 255.215L258.287 218.809L264.681 220.003Z" fill="#E3AB23"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M233.903 203.292C236.801 207.555 239.615 210.283 241.576 211.733C237.057 215.91 240.127 220.344 240.212 224.095C240.382 230.404 238.08 230.49 236.29 237.225C234.755 243.193 240.809 251.122 242.258 253.424C226.4 249.758 221.284 244.387 221.284 239.527C221.37 228.785 225.462 235.179 223.757 226.312C222.052 217.445 228.446 220.685 227.508 215.74C226.656 210.795 228.361 194.937 233.903 203.292Z" fill="#59C059"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M216.51 236.202C217.192 232.195 198.435 215.655 205.085 210.369C208.325 207.726 216.766 228.699 217.362 222.305L222.222 228.955L216.51 236.202Z" fill="#389438"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M217.362 222.22C217.277 219.065 206.705 206.447 212.588 203.548C215.572 202.098 219.75 215.91 222.222 212.5C223.416 210.88 223.672 208.322 223.586 205.679C223.586 203.036 225.462 206.276 225.121 210.539C224.95 213.779 221.881 223.584 219.75 225.8C219.238 226.482 217.362 222.22 217.362 222.22Z" fill="#389438"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M174.989 118.203C169.02 117.521 168.765 130.054 173.283 130.31C180.019 130.737 182.236 119.056 174.989 118.203Z" fill="#59C059"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M203.38 175.156V198.688C203.38 200.308 202.101 201.587 200.481 201.587H169.361C168.594 201.587 167.827 201.928 167.315 202.439L163.223 206.532C162.711 207.043 161.944 207.384 161.177 207.384H146C145.233 207.384 144.466 207.043 143.954 206.532L139.862 202.439C139.35 201.928 138.583 201.587 137.816 201.587H130.142C128.522 201.587 127.243 200.308 127.243 198.688V175.156C127.243 173.537 128.522 172.258 130.142 172.258H137.73C138.498 172.258 139.265 172.599 139.776 173.11L143.954 177.288C144.551 177.8 145.233 178.141 146 178.141H161.177C161.944 178.141 162.711 177.8 163.223 177.288L167.4 173.11C167.997 172.599 168.679 172.258 169.447 172.258H200.481C202.101 172.258 203.38 173.537 203.38 175.156Z" fill="#CF63CF"/>
|
||||
<path d="M82.7381 157.508C84.4433 168.251 87.5979 165.693 89.7294 187.519C90.4967 195.363 98.8521 195.278 97.7437 179.846C97.1469 171.235 94.5892 169.189 100.813 177.8C105.417 184.279 112.238 193.487 117.353 197.324C123.663 202.013 129.801 196.898 125.368 192.379C118.291 185.303 108.742 174.73 110.618 173.11C112.664 171.405 122.554 187.775 130.142 196.557C135.599 202.951 142.42 197.58 137.645 190.589C131.336 181.381 121.361 170.894 122.725 169.444C124.089 167.995 135.769 176.521 141.482 183.256C146.171 188.713 152.395 182.659 148.047 177.714C141.652 170.212 126.732 161.345 127.84 159.981C129.375 158.19 141.311 161.174 146.341 163.817C152.651 167.228 157.169 160.407 151.883 158.787C142.42 155.973 121.787 141.394 116.842 136.961C104.82 126.388 79.4983 137.472 82.7381 157.508Z" fill="#4C2F19"/>
|
||||
<path d="M103.541 134.914L97.7437 154.183L96.3796 158.787C92.7987 156.655 88.0242 154.694 82.4823 152.819C80.7772 152.222 78.9867 151.625 77.111 151.113C65.8568 147.703 52.4711 144.634 40.4496 142.246C41.2169 129.884 43.7747 120.164 47.7819 112.32L84.1023 127.07L99.9605 133.55L103.371 134.914H103.541Z" fill="#4C2F19"/>
|
||||
<path d="M147.109 184.791C147.109 184.791 145.659 185.217 143.869 184.194C143.187 183.853 142.505 183.256 141.738 182.403C139.009 179.249 124.259 165.437 122.384 169.359C122.384 169.359 125.453 167.824 139.35 181.21C140.8 182.659 141.652 183.938 142.675 184.535C145.574 186.07 147.109 184.791 147.109 184.791Z" fill="black" fill-opacity="0.2"/>
|
||||
<path d="M110.447 173.025C110.447 173.025 110.533 169.615 124.686 189.821C124.686 189.821 130.739 200.308 135.514 199.285C135.514 199.285 132.53 198.773 130.824 196.13C129.204 193.487 112.408 169.529 110.447 173.025Z" fill="black" fill-opacity="0.2"/>
|
||||
<path d="M152.31 163.817C152.31 163.817 149.411 165.948 144.039 162.623C138.668 159.298 127.158 158.616 127.67 159.725C127.67 159.725 131.506 156.57 144.21 161.6C144.21 161.686 148.558 164.073 152.31 163.817Z" fill="black" fill-opacity="0.2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 16 KiB |
18
static/images/onboarding/respect-illustration.svg
Normal file
18
static/images/onboarding/respect-illustration.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M223.991 53.8395C222.6 69.3534 204.999 81.6041 200.559 81.6041C196.119 81.6041 178.519 69.4069 177.128 53.8395C177.074 53.358 177.074 52.823 177.074 52.3416C177.074 44.7986 183.226 38.7 190.769 38.7C194.621 38.7 198.098 40.2514 200.559 42.8192C203.02 40.2514 206.497 38.7 210.349 38.7C217.892 38.7 224.044 44.8521 224.044 52.3416C224.098 52.823 224.044 53.3045 223.991 53.8395Z" fill="#FF6680"/>
|
||||
<path opacity="0.3" d="M120.85 125.379C126.585 118.216 123.241 106.009 113.381 98.1147C103.521 90.2201 90.8784 89.627 85.1433 96.79C79.4081 103.953 82.7519 116.16 92.6119 124.054C102.472 131.949 115.114 132.542 120.85 125.379Z" fill="#4D97FF"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M153.523 304.31C137.648 315.409 107.916 313.795 81.8832 300.61C60.8284 289.915 42.2625 271.685 35.6702 246.46C34.6612 242.76 33.7867 239.195 32.9122 235.899C31.0287 228.768 29.4816 222.445 28.2035 216.929C20.2659 182.69 23.2929 175.627 37.2174 151.007C45.6931 136.141 70.6495 126.521 91.2334 139.168C95.7404 141.926 100.046 145.76 103.88 150.805C104.552 151.679 105.225 152.554 105.831 153.496C111.01 161.097 115.248 171.053 118.073 183.901C119.284 189.349 120.764 194.664 122.446 199.709C122.984 201.323 123.522 202.938 124.127 204.552C127.356 213.431 131.123 221.705 135.092 229.441C137.514 234.217 139.935 238.724 142.357 243.096C144.846 247.536 147.2 251.774 149.487 255.877C151.304 259.106 152.985 262.2 154.465 265.16C154.532 265.228 154.6 265.362 154.6 265.497C163.277 282.448 166.439 295.229 153.523 304.31Z" fill="#4D97FF"/>
|
||||
<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M305.82 258.097C303.331 262.268 300.438 266.438 297.277 270.474C280.191 292.336 254.831 310.902 233.036 317.965C230.547 318.773 228.126 319.445 225.704 319.916H225.637C215.748 321.934 207.003 321.194 200.613 316.754C190.657 309.759 180.5 292.538 177.069 272.896C175.926 266.505 175.522 259.846 176.06 253.254C176.531 247.738 177.607 242.289 179.491 236.975C185.007 221.301 197.317 206.973 219.784 197.892C229.135 194.125 236.736 188.542 243.261 182.017C251.266 174.012 257.656 164.729 263.307 155.917C280.527 129.077 291.559 106.677 324.924 139.235C345.71 159.415 336.494 206.704 305.82 258.097Z" fill="#4D97FF"/>
|
||||
<path d="M297.274 270.474C280.188 292.336 254.828 310.902 233.033 317.965C230.544 318.772 228.123 319.445 225.701 319.916C215.275 304.915 193.547 276.326 177.067 272.896C176.327 272.761 175.519 272.627 174.779 272.559C174.578 272.559 174.443 272.559 174.241 272.559C173.905 272.559 173.569 272.559 173.232 272.492C167.111 272.021 160.586 269.129 154.465 265.227C152.917 264.218 151.37 263.209 149.823 262.066C147.805 260.586 145.922 259.106 144.038 257.559C135.024 250.025 128.566 242.558 128.566 242.558L135.024 229.575L153.119 193.251L164.891 169.572L170.676 158.002L176.259 146.701L196.641 105.735L243.258 181.95L267.273 221.301L297.274 270.474Z" fill="#E4B681"/>
|
||||
<path opacity="0.1" d="M266.734 222.243C266.734 222.243 266.734 222.311 266.734 222.243C266.533 222.512 264.716 225.203 261.824 228.903C255.837 236.37 245.343 247.805 235.388 250.227C220.252 253.859 205.184 268.12 209.355 280.161C212.382 288.771 225.701 307.808 233.033 317.898C230.544 318.705 228.123 319.378 225.701 319.849H225.634C215.14 304.915 193.211 276.394 177.066 272.829C176.326 272.627 175.519 272.56 174.779 272.492C174.577 272.492 174.443 272.492 174.241 272.492C173.905 272.492 173.568 272.492 173.232 272.425C166.573 271.954 160.249 269.129 154.666 265.429C152.984 264.353 151.437 263.209 149.89 261.999C148.007 260.451 146.19 258.904 144.576 257.357C137.647 250.832 133.342 244.643 133.342 244.643L142.423 243.096L179.488 236.908L266.734 222.243Z" fill="black"/>
|
||||
<path d="M277.366 192.04C277.769 200.247 271.715 212.624 267.275 221.301C267.074 221.638 266.939 221.974 266.737 222.31C266.199 223.387 265.661 224.396 265.19 225.27C264.585 226.481 263.441 227.692 261.827 228.903C248.844 238.724 206.398 248.814 176.06 253.186C166.912 254.465 158.907 255.272 153.122 255.406C151.978 255.406 150.835 255.608 149.489 255.877C147.942 256.213 146.261 256.684 144.512 257.357C144.377 257.424 144.243 257.492 144.108 257.492C125.206 264.689 95.8097 288.704 81.8853 300.543C60.8305 289.847 42.2645 271.618 35.6723 246.392C34.6633 242.693 33.7888 239.127 32.9143 235.831C31.0308 228.701 29.4837 222.378 28.2056 216.862L70.5843 179.864L73.2077 177.577L75.7639 175.358C82.4234 169.573 88.8139 163.922 94.7334 158.81C95.4734 158.204 96.1461 157.532 96.886 156.926C99.3749 154.774 101.729 152.688 103.949 150.738C107.582 147.576 110.81 144.751 113.636 142.262C114.645 141.387 115.519 140.58 116.394 139.84C119.152 137.418 121.304 135.535 122.582 134.459C125.609 131.768 129.578 129.01 134.489 126.185C135.363 125.647 136.305 125.176 137.247 124.638C144.243 120.803 152.853 117.036 162.876 113.538C164.087 113.135 165.365 112.664 166.643 112.26C168.93 111.52 171.351 110.78 173.84 110.108C180.971 108.157 188.707 106.408 196.779 104.255C202.16 102.776 207.743 101.161 213.461 99.0758C213.865 98.9413 214.268 98.7395 214.739 98.605C249.651 85.4877 251.467 112.395 251.064 121.611V121.678C250.997 123.494 250.862 124.57 250.862 124.57C250.862 124.57 253.956 126.252 256.916 129.683C261.087 134.459 265.123 142.665 260.28 154.168H260.347C260.549 154.235 261.558 154.639 262.903 155.446H262.97C263.172 155.514 263.307 155.648 263.508 155.783C268.284 158.742 276.155 166.075 270.706 180.47L270.773 180.537C270.908 180.672 271.244 180.941 271.715 181.344C271.782 181.344 271.782 181.412 271.85 181.479C273.531 183.362 277.164 187.466 277.366 192.04Z" fill="#B68554"/>
|
||||
<path opacity="0.1" d="M176.329 146.567C175.858 155.514 172.831 166.949 163.279 181.412C160.118 186.188 156.687 190.089 153.122 193.184C143.973 201.121 133.883 204.081 124.062 204.619C105.9 205.628 89.15 198.162 82.6923 198.767C75.5619 199.44 50.3365 220.562 32.7795 235.899C30.896 228.768 29.3489 222.445 28.0708 216.929L70.4495 179.932L73.073 177.645L75.6292 175.425L95.3386 161.097L97.693 159.415L105.765 153.563L115.115 146.769L118.142 144.616L136.17 131.499L138.726 129.616L158.839 115.018L164.019 113.539L189.446 106.274C190.321 109.704 183.258 113.606 175.522 119.66C170.611 123.427 177.136 131.499 176.329 146.567Z" fill="black"/>
|
||||
<path d="M196.642 104.256C196.642 104.256 190.184 96.3179 178.345 96.3179C171.618 96.3179 156.147 100.489 156.147 100.489C156.147 100.489 148.882 99.6141 141.213 102.507C135.361 104.726 132.469 109.233 132.469 109.233C132.469 109.233 124.665 107.081 117.468 112.529C110.203 117.978 110.674 124.234 110.674 124.234C110.674 124.234 99.9782 125.243 94.5295 132.306C89.0808 139.369 91.7042 143.742 91.7042 143.742C91.7042 143.742 58.9448 155.715 81.8158 185.717C104.485 215.449 108.925 187.533 105.696 179.999C105.696 179.999 114.441 203.812 126.414 201.054C136.841 198.632 130.921 175.021 130.921 175.021C130.921 175.021 144.711 193.789 152.178 185.65C159.51 177.712 151.842 164.729 151.842 164.729C151.842 164.729 154.667 169.774 158.703 171.12C163.479 172.801 169.668 170.313 170.542 162.375C172.089 149.46 163.95 113.538 163.95 113.538L196.642 104.256Z" fill="#E4B681"/>
|
||||
<path opacity="0.1" d="M250.726 124.57L224.896 133.988C224.896 133.988 224.357 126.925 228.932 125.579C233.573 124.234 250.928 121.61 250.928 121.61L250.726 124.57Z" fill="black"/>
|
||||
<path opacity="0.1" d="M270.502 180.537L262.766 201.188C262.766 201.188 266.6 201.256 267.609 198.498C268.618 195.807 271.645 181.546 271.645 181.546L270.502 180.537Z" fill="black"/>
|
||||
<path opacity="0.1" d="M260.142 154.168L245.612 167.756C245.612 167.756 249.379 171.052 252.339 168.294C255.231 165.537 262.832 155.514 262.832 155.514L260.142 154.168Z" fill="black"/>
|
||||
<path opacity="0.1" d="M91.7046 143.674L105.696 179.999C105.696 179.999 104.418 178.654 103.207 177.443C99.7767 174.079 90.7629 147.778 90.292 144.28L91.7046 143.674Z" fill="black"/>
|
||||
<path opacity="0.1" d="M130.92 174.954C130.92 174.954 113.161 133.652 110.672 124.1L107.376 124.705C107.443 124.705 124.26 175.29 130.92 174.954Z" fill="black"/>
|
||||
<path opacity="0.1" d="M151.841 164.662C147.468 156.725 132.535 109.166 132.535 109.166L129.104 108.897C129.104 108.897 143.567 159.55 151.841 164.662C151.841 164.662 153.455 168.227 153.051 167.084C152.58 165.94 151.841 164.662 151.841 164.662Z" fill="black"/>
|
||||
<path opacity="0.1" d="M164.554 110.848C170.07 110.243 176.325 109.974 176.325 109.974L163.881 113.471C163.881 113.471 156.212 113.875 153.454 112.933C151.84 112.395 148.88 111.924 147.938 108.628C148.006 108.628 152.647 112.126 164.554 110.848Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.4 KiB |
3
static/images/onboarding/right-arrow.svg
Normal file
3
static/images/onboarding/right-arrow.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.3941 12.7842L15.1843 17.9939C14.7563 18.3971 14.1557 18.505 13.6397 18.281C13.1237 18.0586 12.8051 17.5675 12.8051 16.9984V15.0224L5.55458 14.0153C4.44461 13.8709 3.6001 12.9053 3.6001 11.7688C3.6001 11.6709 3.60673 11.5713 3.61835 11.4734C3.77929 10.4481 4.579 9.65666 5.56288 9.53223L12.8051 8.49857V6.60879C12.8051 6.03306 13.1436 5.52039 13.6662 5.30304C14.1922 5.08569 14.7745 5.20349 15.1843 5.6133L20.3941 10.8231C20.6513 11.0819 20.7939 11.4303 20.7939 11.8036C20.7939 12.1769 20.6513 12.5253 20.3941 12.7842Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 690 B |
74
static/images/onboarding/safe-illustration.svg
Normal file
74
static/images/onboarding/safe-illustration.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 33 KiB |
Loading…
Reference in a new issue