15308555518/ website
1
0
Fork 0
mirror of https://github.com/kubesphere/website.git synced 2025-12-26 00:12:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add modal 

Signed-off-by: liuboaibc <kukudehero@gmail.com>
This commit is contained in:
liuboaibc 2021-04-01 18:20:05 +08:00
parent efaca6a719
commit 2a6fab2d73
16 changed files with 511 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/scss/footer.scss
View File

@ -190,6 +190,14 @@
}
}
.bilibili-a {
background-image: url("/images/footer/bilibili.svg");
&:hover {
background-image: url("/images/footer/bilibili-hover.svg");
}
}
.facebook-a {
background-image: url("/images/footer/facebook.svg");

100
assets/scss/index.scss
View File

@ -1082,6 +1082,106 @@
}
}
.join-us {
display: none;
position: fixed;
z-index: 10;
right: 20px;
bottom: 16px;
width: 336px;
height: 383px;
text-align: center;
background-color: #ffffff;
background-image: url('/images/home/modal-bg.svg');
background-size: cover;
box-shadow: 0px 8px 16px rgba(36, 46, 66, 0.05), 0px 4px 8px rgba(36, 46, 66, 0.06);
border-radius: 4px;
@media (min-width: 1360px) {
right: 50%;
transform: translateX(580px);
}
.bg {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.close {
position: absolute;
top: 24px;
right: 24px;
cursor: pointer;
}
.modalImage {
margin-top: 40px;
}
h2 {
font-weight: 500;
font-size: 22px;
line-height: 22px;
color: #242E42;
}
.title {
font-size: 20px;
line-height: 20px;
}
& > p {
margin: 8px 14px 0;
text-align: left;
font-size: 14px;
line-height: 24px;
color: #404F68;
}
& > div {
margin-top: 4px;
display: flex;
justify-content: center;
font-size: 0;
p {
font-size: 12px;
}
}
.slack {
p {
width: 90px;
height: 28px;
text-align: center;
background: #059669;
border: 1px solid #479E88;
box-sizing: border-box;
border-radius: 2px;
a {
line-height: 28px;
color: #FFFFFF;
&:hover {
text-decoration: underline;
}
}
}
}
.wechat {
margin-left: 48px;
img {
margin-top: 12px;
}
p {
margin-top: 16px;
}
}
}
footer {
background: #ffffff;

2
config/_default/config.toml
View File

@ -25,13 +25,11 @@ gcs_engine_id = "018068616810858123755%3Apb1pt8sx6ve"
githubLink = "https://github.com/kubesphere/kubesphere"
slackLink = "https://join.slack.com/t/kubesphere/shared_invite/enQtNTE3MDIxNzUxNzQ0LTZkNTdkYWNiYTVkMTM5ZThhODY1MjAyZmVlYWEwZmQ3ODQ1NmM1MGVkNWEzZTRhNzk0MzM5MmY4NDc3ZWVhMjE"
youtubeLink = "https://www.youtube.com/channel/UCyTdUQUYjf7XLjxECx63Hpw"
facebookLink = "https://www.facebook.com/kubesphere"
twitterLink = "https://twitter.com/KubeSphere"
mediumLink = "https://itnext.io/@kubesphere"
linkedinLink = "https://www.linkedin.com/company/kubesphere/"
[languages.en]
contentDir = "content/en"
weight = 1

1
config/upstream-zh/config.toml
View File

@ -4,4 +4,5 @@ defaultContentLanguage = "zh"
[params]
showCaseNumber = true
bilibiliLink = "https://space.bilibili.com/438908638"
mailchimpSubscribeUrl = "https://yunify.us2.list-manage.com/subscribe/post?u=f29f08cef80223b46bad069b5&amp;id=4838e610c2"

3
config/upstream/config.toml
View File

@ -4,4 +4,5 @@ baseURL = "https://kubesphere.io"
addGoogleAnalytics = true
addGoogleTag = true
hotjarTracking = true
hotjarTracking = true
youtubeLink = "https://www.youtube.com/channel/UCyTdUQUYjf7XLjxECx63Hpw"

8
i18n/en.yaml
View File

@ -110,3 +110,11 @@
translation: PPT courseware
- id: Self-test
translation: Self-test
- id: Join Us
translation: Join us!
- id: Join Us Content
translation: Join KubeSphere Community ! Connect with us on Slack channel or WeChat group!
- id: Join Slack
translation: Join Slack
- id: Join Wechat
translation: Scan the QR code

8
i18n/zh.yaml
View File

@ -110,3 +110,11 @@
translation: PPT 课件
- id: Self-test
translation: 考题自测
- id: Join Us
translation: 欢迎加入！
- id: Join Us Content
translation: 加入 KubeSphere 社区，在 Slack 或微信群与开发者和用户保持沟通！
- id: Join Slack
translation: 加入 Slack
- id: Join Wechat
translation: 扫码加入微信群

32
layouts/index.html
View File

@ -201,6 +201,27 @@
</div>
{{ end }} -->
<div class="join-us">
<img class="close" src="/images/home/close.svg" alt="close">
<img class="modalImage" src="/images/home/modal-content.svg" alt="icon"></img>
<h2>{{ i18n "Join Us" }}</h2>
<p>{{ i18n "Join Us Content" }}</p>
<div>
<div class="slack">
<img src="/images/home/slack.svg"></img>
<p>
<a href="{{ .Site.Params.slackLink }}" target="_blank">
{{ i18n "Join Slack" }}
</a>
</p>
</div>
<div class="wechat">
<img src="/images/home/wechat.svg"></img>
<p>{{ i18n "Join Wechat" }}</p>
</div>
</div>
</div>
<script>
var bindMouseLeftLi = function() {
$('.section-3 .left-li').mouseenter(function() {
@ -226,10 +247,16 @@
})
}
var bindCount = function() {
setTimeout(function() {
$('.join-us').fadeIn()
}, 10000)
}
var bindClose = function() {
$('.meet-div .close').click(function(e) {
$('.join-us .close').click(function(e) {
e.stopPropagation()
$('.meet-div').hide()
$('.join-us').fadeOut()
})
}
@ -240,6 +267,7 @@
}
bindMouseLeftLi()
bindResize()
bindCount()
bindClose()
bindMeet()
</script>

5
layouts/partials/footer.html
View File

@ -58,7 +58,12 @@
<p>进群请备注 “公司 - 姓名”</p>
</div>
</a> -->
{{ if .Site.Params.bilibiliLink }}
<a class='bilibili-a' href="{{ .Site.Params.bilibiliLink }}" target="_blank" rel="noopener noreferrer"></a>
{{ end }}
{{ if .Site.Params.youtubeLink }}
<a class='youtube-a' href="{{ .Site.Params.youtubeLink }}" target="_blank" rel="noopener noreferrer"></a>
{{ end }}
<a class='slack-a' href="{{ .Site.Params.slackLink }}" target="_blank" rel="noopener noreferrer"></a>
<a class='github-a' href="{{ .Site.Params.githubLink }}" target="_blank" rel="noopener noreferrer"></a>
<a class='medium-a' href="{{ .Site.Params.mediumLink }}" target="_blank" rel="noopener noreferrer"></a>

8
static/images/footer/bilibili-hover.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="GitHub/default">
<g id="Group 393">
<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;&#229;&#164;&#141;&#229;&#136;&#182; 3&#229;&#164;&#135;&#228;&#187;&#189; 2" cx="17" cy="17" r="16" stroke="#B6C2CD"/>
<path id="Vector" d="M21.8754 15.5205C21.9224 15.5284 22.2907 15.4461 22.3063 15.4735C22.3298 15.5088 22.4944 16.6918 22.4513 16.6997C22.4082 16.7075 22.1026 16.778 22.1026 16.778C22.0791 16.6174 21.8793 15.6224 21.8754 15.5205ZM22.463 15.4069L22.6236 16.6801C22.7059 16.6762 23.0389 16.6526 23.0702 16.6487C23.0232 16.1669 22.9409 15.4069 22.9409 15.4069C22.7842 15.3756 22.6197 15.3756 22.463 15.4069ZM22.1457 17.1737C22.1457 17.1737 22.8704 16.9895 23.1329 17.0796C23.2661 17.5615 23.509 20.2645 23.5325 20.3742C23.3679 20.3938 22.8273 20.4408 22.7842 20.4525C22.749 20.2488 22.1457 17.3029 22.1457 17.1737ZM24.8291 15.5519C24.8722 15.5636 25.2561 15.5127 25.26 15.5401C25.2679 15.6341 25.307 16.7702 25.264 16.7741C25.2209 16.778 24.9153 16.8054 24.9153 16.8054C24.9075 16.6487 24.8213 15.6576 24.8291 15.5519ZM25.4207 15.5205L25.452 16.778C25.5343 16.778 25.8633 16.7976 25.8986 16.7937C25.8907 16.3118 25.8986 15.5519 25.8986 15.5519C25.7419 15.5244 25.5813 15.5127 25.4207 15.5205ZM24.9153 17.2089C24.9153 17.2089 25.6557 17.111 25.9064 17.2285C25.9613 17.7926 25.9534 20.4212 25.9613 20.5309C25.7928 20.5309 25.2561 20.5387 25.213 20.5465C25.2052 20.3428 24.9036 17.3382 24.9153 17.2089ZM23.1956 13.9771C23.6226 16.1551 23.9477 19.8767 23.9595 20.1156C23.9595 20.1156 24.2964 20.1235 24.6763 20.147C24.4531 17.8004 24.1788 14.0515 24.1828 13.9301C24.0887 13.8243 23.1956 13.9771 23.1956 13.9771ZM22.2554 19.1284C22.1731 18.5173 19.9872 17.8239 18.7572 18.0472C18.7572 18.0472 18.6044 16.6997 18.5456 15.3952C18.4947 14.2748 18.5378 13.1858 18.5495 13.0056C18.4673 12.9468 17.5819 13.3699 17.104 13.5462C17.104 13.5462 17.676 15.9671 18.0912 20.9892C18.0912 20.9892 18.7532 21.0597 19.8893 20.8403C21.0253 20.621 22.369 19.9354 22.2554 19.1284ZM19.5837 20.2292L19.3918 18.8464C19.4388 18.8229 20.6179 19.2616 20.7433 19.34C20.7237 19.4262 19.5837 20.2292 19.5837 20.2292ZM12.7714 15.5205C12.8184 15.5284 13.1866 15.4461 13.2023 15.4735C13.2258 15.5088 13.3903 16.6918 13.3472 16.6997C13.3042 16.7075 12.9986 16.778 12.9986 16.778C12.9751 16.6174 12.7753 15.6224 12.7714 15.5205ZM13.359 15.4069L13.5196 16.6801C13.6019 16.6762 13.9349 16.6526 13.9662 16.6487C13.9153 16.1669 13.8369 15.4069 13.8369 15.4069C13.6802 15.3756 13.5157 15.3756 13.359 15.4069ZM13.0417 17.1737C13.0417 17.1737 13.7664 16.9895 14.0289 17.0796C14.1621 17.5615 14.4049 20.2645 14.4284 20.3742C14.2639 20.3938 13.7233 20.4408 13.6802 20.4525C13.645 20.2488 13.0417 17.3029 13.0417 17.1737ZM15.7251 15.5519C15.7682 15.5636 16.1521 15.5127 16.156 15.5401C16.1639 15.6341 16.203 16.7702 16.1599 16.7741C16.1168 16.778 15.8113 16.8054 15.8113 16.8054C15.8035 16.6487 15.7212 15.6576 15.7251 15.5519ZM16.3166 15.5205L16.348 16.778C16.4302 16.778 16.7593 16.7976 16.7946 16.7937C16.7867 16.3118 16.7946 15.5519 16.7946 15.5519C16.6379 15.5244 16.4772 15.5166 16.3166 15.5205ZM15.8113 17.2089C15.8113 17.2089 16.5517 17.111 16.8024 17.2285C16.8572 17.7926 16.8494 20.4212 16.8572 20.5309C16.6888 20.5309 16.1521 20.5387 16.109 20.5465C16.1051 20.3428 15.7995 17.3382 15.8113 17.2089ZM14.0915 13.9771C14.5185 16.1551 14.8437 19.8767 14.8554 20.1156C14.8554 20.1156 15.1923 20.1235 15.5723 20.147C15.349 17.8004 15.0748 14.0515 15.0787 13.9261C14.9847 13.8243 14.0915 13.9771 14.0915 13.9771ZM13.1514 19.1284C13.0691 18.5173 10.8832 17.8239 9.65314 18.0472C9.65314 18.0472 9.50036 16.6997 9.4416 15.3952C9.39068 14.2748 9.43377 13.1858 9.44552 13.0056C9.36325 12.9507 8.47792 13.3699 8 13.5462C8 13.5462 8.57194 15.9671 8.98718 20.9892C8.98718 20.9892 9.64922 21.0597 10.7853 20.8403C11.9213 20.621 13.265 19.9354 13.1514 19.1284ZM10.4797 20.2292L10.2878 18.8464C10.3348 18.8229 11.5139 19.2616 11.6393 19.34C11.6197 19.4262 10.4797 20.2292 10.4797 20.2292Z" fill="#EA7898"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

8
static/images/footer/bilibili.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="GitHub/default">
<g id="Group 393">
<circle id="&#230;&#164;&#173;&#229;&#156;&#134;&#229;&#189;&#162;&#229;&#164;&#141;&#229;&#136;&#182; 3&#229;&#164;&#135;&#228;&#187;&#189; 2" cx="17" cy="17" r="16" stroke="#B6C2CD"/>
<path id="Vector" d="M21.8754 15.5205C21.9224 15.5284 22.2907 15.4461 22.3063 15.4735C22.3298 15.5088 22.4944 16.6918 22.4513 16.6997C22.4082 16.7075 22.1026 16.778 22.1026 16.778C22.0791 16.6174 21.8793 15.6224 21.8754 15.5205ZM22.463 15.4069L22.6236 16.6801C22.7059 16.6762 23.0389 16.6526 23.0702 16.6487C23.0232 16.1669 22.9409 15.4069 22.9409 15.4069C22.7842 15.3756 22.6197 15.3756 22.463 15.4069ZM22.1457 17.1737C22.1457 17.1737 22.8704 16.9895 23.1329 17.0796C23.2661 17.5615 23.509 20.2645 23.5325 20.3742C23.3679 20.3938 22.8273 20.4408 22.7842 20.4525C22.749 20.2488 22.1457 17.3029 22.1457 17.1737ZM24.8291 15.5519C24.8722 15.5636 25.2561 15.5127 25.26 15.5401C25.2679 15.6341 25.307 16.7702 25.264 16.7741C25.2209 16.778 24.9153 16.8054 24.9153 16.8054C24.9075 16.6487 24.8213 15.6576 24.8291 15.5519ZM25.4207 15.5205L25.452 16.778C25.5343 16.778 25.8633 16.7976 25.8986 16.7937C25.8907 16.3118 25.8986 15.5519 25.8986 15.5519C25.7419 15.5244 25.5813 15.5127 25.4207 15.5205ZM24.9153 17.2089C24.9153 17.2089 25.6557 17.111 25.9064 17.2285C25.9613 17.7926 25.9534 20.4212 25.9613 20.5309C25.7928 20.5309 25.2561 20.5387 25.213 20.5465C25.2052 20.3428 24.9036 17.3382 24.9153 17.2089ZM23.1956 13.9771C23.6226 16.1551 23.9477 19.8767 23.9595 20.1156C23.9595 20.1156 24.2964 20.1235 24.6763 20.147C24.4531 17.8004 24.1788 14.0515 24.1828 13.9301C24.0887 13.8243 23.1956 13.9771 23.1956 13.9771ZM22.2554 19.1284C22.1731 18.5173 19.9872 17.8239 18.7572 18.0472C18.7572 18.0472 18.6044 16.6997 18.5456 15.3952C18.4947 14.2748 18.5378 13.1858 18.5495 13.0056C18.4673 12.9468 17.5819 13.3699 17.104 13.5462C17.104 13.5462 17.676 15.9671 18.0912 20.9892C18.0912 20.9892 18.7532 21.0597 19.8893 20.8403C21.0253 20.621 22.369 19.9354 22.2554 19.1284ZM19.5837 20.2292L19.3918 18.8464C19.4388 18.8229 20.6179 19.2616 20.7433 19.34C20.7237 19.4262 19.5837 20.2292 19.5837 20.2292ZM12.7714 15.5205C12.8184 15.5284 13.1866 15.4461 13.2023 15.4735C13.2258 15.5088 13.3903 16.6918 13.3472 16.6997C13.3042 16.7075 12.9986 16.778 12.9986 16.778C12.9751 16.6174 12.7753 15.6224 12.7714 15.5205ZM13.359 15.4069L13.5196 16.6801C13.6019 16.6762 13.9349 16.6526 13.9662 16.6487C13.9153 16.1669 13.8369 15.4069 13.8369 15.4069C13.6802 15.3756 13.5157 15.3756 13.359 15.4069ZM13.0417 17.1737C13.0417 17.1737 13.7664 16.9895 14.0289 17.0796C14.1621 17.5615 14.4049 20.2645 14.4284 20.3742C14.2639 20.3938 13.7233 20.4408 13.6802 20.4525C13.645 20.2488 13.0417 17.3029 13.0417 17.1737ZM15.7251 15.5519C15.7682 15.5636 16.1521 15.5127 16.156 15.5401C16.1639 15.6341 16.203 16.7702 16.1599 16.7741C16.1168 16.778 15.8113 16.8054 15.8113 16.8054C15.8035 16.6487 15.7212 15.6576 15.7251 15.5519ZM16.3166 15.5205L16.348 16.778C16.4302 16.778 16.7593 16.7976 16.7946 16.7937C16.7867 16.3118 16.7946 15.5519 16.7946 15.5519C16.6379 15.5244 16.4772 15.5166 16.3166 15.5205ZM15.8113 17.2089C15.8113 17.2089 16.5517 17.111 16.8024 17.2285C16.8572 17.7926 16.8494 20.4212 16.8572 20.5309C16.6888 20.5309 16.1521 20.5387 16.109 20.5465C16.1051 20.3428 15.7995 17.3382 15.8113 17.2089ZM14.0915 13.9771C14.5185 16.1551 14.8437 19.8767 14.8554 20.1156C14.8554 20.1156 15.1923 20.1235 15.5723 20.147C15.349 17.8004 15.0748 14.0515 15.0787 13.9261C14.9847 13.8243 14.0915 13.9771 14.0915 13.9771ZM13.1514 19.1284C13.0691 18.5173 10.8832 17.8239 9.65314 18.0472C9.65314 18.0472 9.50036 16.6997 9.4416 15.3952C9.39068 14.2748 9.43377 13.1858 9.44552 13.0056C9.36325 12.9507 8.47792 13.3699 8 13.5462C8 13.5462 8.57194 15.9671 8.98718 20.9892C8.98718 20.9892 9.64922 21.0597 10.7853 20.8403C11.9213 20.621 13.265 19.9354 13.1514 19.1284ZM10.4797 20.2292L10.2878 18.8464C10.3348 18.8229 11.5139 19.2616 11.6393 19.34C11.6197 19.4262 10.4797 20.2292 10.4797 20.2292Z" fill="#B5C1CC"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

4
static/images/home/close.svg
View File

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#242E42" fill-rule="evenodd" d="M19.07 6.343l-1.413-1.414L12 10.586 6.343 4.929 4.929 6.343 10.586 12l-5.657 5.657 1.414 1.414L12 13.414l5.657 5.657 1.414-1.414L13.414 12l5.657-5.657z" clip-rule="evenodd"/></svg>
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.67758 0.507762C1.35067 0.253574 0.877977 0.276682 0.577574 0.577085C0.252137 0.902522 0.252137 1.43016 0.577574 1.7556L5.82165 6.99967L0.577574 12.2438L0.50825 12.3223C0.254063 12.6492 0.27717 13.1219 0.577574 13.4223C0.903011 13.7477 1.43065 13.7477 1.75609 13.4223L7.00016 8.17818L12.2442 13.4223L12.3227 13.4916C12.6497 13.7458 13.1223 13.7227 13.4228 13.4223C13.7482 13.0968 13.7482 12.5692 13.4228 12.2438L8.17867 6.99967L13.4228 1.7556L13.4921 1.67709C13.7463 1.35018 13.7232 0.877489 13.4228 0.577085C13.0973 0.251649 12.5697 0.251649 12.2442 0.577085L7.00016 5.82116L1.75609 0.577085L1.67758 0.507762Z" fill="#697886" fill-opacity="0.35"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 319 B

After

Width:  |  Height:  |  Size: 803 B

55
static/images/home/modal-bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

237
static/images/home/modal-content.svg Normal file
View File

@ -0,0 +1,237 @@
<svg width="120" height="125" viewBox="0 0 120 125" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<g filter="url(#filter0_d)">
<path d="M82.7311 12.7383H26.7744C23.5022 12.7383 20.8496 15.4119 20.8496 18.7099V105.63C20.8496 108.928 23.5022 111.601 26.7744 111.601H82.7311C86.0033 111.601 88.6559 108.928 88.6559 105.63V18.7099C88.6559 15.4119 86.0033 12.7383 82.7311 12.7383Z" fill="black"/>
</g>
<path d="M82.7311 12.7383H26.7744C23.5022 12.7383 20.8496 15.4119 20.8496 18.7099V105.63C20.8496 108.928 23.5022 111.601 26.7744 111.601H82.7311C86.0033 111.601 88.6559 108.928 88.6559 105.63V18.7099C88.6559 15.4119 86.0033 12.7383 82.7311 12.7383Z" fill="white"/>
<path d="M80.8066 28.9941H26.9237C25.8329 28.9941 24.9487 29.8853 24.9487 30.9847V64.492C24.9487 65.5913 25.8329 66.4825 26.9237 66.4825H80.8066C81.8974 66.4825 82.7816 65.5913 82.7816 64.492V30.9847C82.7816 29.8853 81.8974 28.9941 80.8066 28.9941Z" fill="#ECF1F5" fill-opacity="0.49"/>
<path d="M80.9927 69.3936H27.1097C26.019 69.3936 25.1348 70.2847 25.1348 71.3841V86.479C25.1348 87.5783 26.019 88.4695 27.1097 88.4695H80.9927C82.0834 88.4695 82.9676 87.5783 82.9676 86.479V71.3841C82.9676 70.2847 82.0834 69.3936 80.9927 69.3936Z" fill="#ECF1F5" fill-opacity="0.49"/>
<path d="M80.9927 91.3809H27.1097C26.019 91.3809 25.1348 92.2721 25.1348 93.3714V95.0302C25.1348 96.1295 26.019 97.0207 27.1097 97.0207H80.9927C82.0834 97.0207 82.9676 96.1295 82.9676 95.0302V93.3714C82.9676 92.2721 82.0834 91.3809 80.9927 91.3809Z" fill="#ECF1F5" fill-opacity="0.49"/>
<path d="M75.6812 99.9316H27.6995C26.6088 99.9316 25.7246 100.823 25.7246 101.922V103.581C25.7246 104.68 26.6088 105.571 27.6995 105.571H75.6812C76.7719 105.571 77.6561 104.68 77.6561 103.581V101.922C77.6561 100.823 76.7719 99.9316 75.6812 99.9316Z" fill="#ECF1F5" fill-opacity="0.49"/>
<path d="M26.5945 23.5549C27.5035 23.5549 28.2403 22.8122 28.2403 21.8961C28.2403 20.98 27.5035 20.2373 26.5945 20.2373C25.6856 20.2373 24.9487 20.98 24.9487 21.8961C24.9487 22.8122 25.6856 23.5549 26.5945 23.5549Z" fill="#ECF1F5" fill-opacity="0.49"/>
<path d="M36.469 23.5549C37.378 23.5549 38.1148 22.8122 38.1148 21.8961C38.1148 20.98 37.378 20.2373 36.469 20.2373C35.5601 20.2373 34.8232 20.98 34.8232 21.8961C34.8232 22.8122 35.5601 23.5549 36.469 23.5549Z" fill="#ECF1F5" fill-opacity="0.49"/>
<path d="M31.532 23.5549C32.441 23.5549 33.1778 22.8122 33.1778 21.8961C33.1778 20.98 32.441 20.2373 31.532 20.2373C30.6231 20.2373 29.8862 20.98 29.8862 21.8961C29.8862 22.8122 30.6231 23.5549 31.532 23.5549Z" fill="#ECF1F5" fill-opacity="0.49"/>
<g opacity="0.541969">
<g opacity="0.541969" filter="url(#filter1_f)">
<path d="M33.9366 58.0879H30.0588C29.5134 58.0879 29.0713 58.5335 29.0713 59.0832V62.9916C29.0713 63.5412 29.5134 63.9868 30.0588 63.9868H33.9366C34.4819 63.9868 34.924 63.5412 34.924 62.9916V59.0832C34.924 58.5335 34.4819 58.0879 33.9366 58.0879Z" fill="#C0C0C0"/>
<path d="M33.9366 58.0879H30.0588C29.5134 58.0879 29.0713 58.5335 29.0713 59.0832V62.9916C29.0713 63.5412 29.5134 63.9868 30.0588 63.9868H33.9366C34.4819 63.9868 34.924 63.5412 34.924 62.9916V59.0832C34.924 58.5335 34.4819 58.0879 33.9366 58.0879Z" stroke="white" stroke-width="0.588656"/>
</g>
<path opacity="0.541969" d="M34.3017 56.5303H29.6935C29.1482 56.5303 28.7061 56.9759 28.7061 57.5255V62.1701C28.7061 62.7198 29.1482 63.1654 29.6935 63.1654H34.3017C34.8471 63.1654 35.2892 62.7198 35.2892 62.1701V57.5255C35.2892 56.9759 34.8471 56.5303 34.3017 56.5303Z" fill="#E4EBF1" stroke="white" stroke-opacity="0.695558" stroke-width="0.588656"/>
</g>
<g opacity="0.541969">
<g opacity="0.541969" filter="url(#filter2_f)">
<path d="M33.9366 69.9834H30.0588C29.5134 69.9834 29.0713 70.429 29.0713 70.9787V74.8871C29.0713 75.4368 29.5134 75.8824 30.0588 75.8824H33.9366C34.4819 75.8824 34.924 75.4368 34.924 74.8871V70.9787C34.924 70.429 34.4819 69.9834 33.9366 69.9834Z" fill="#C0C0C0"/>
<path d="M33.9366 69.9834H30.0588C29.5134 69.9834 29.0713 70.429 29.0713 70.9787V74.8871C29.0713 75.4368 29.5134 75.8824 30.0588 75.8824H33.9366C34.4819 75.8824 34.924 75.4368 34.924 74.8871V70.9787C34.924 70.429 34.4819 69.9834 33.9366 69.9834Z" stroke="white" stroke-width="0.588656"/>
</g>
<path opacity="0.541969" d="M34.3017 68.4258H29.6935C29.1482 68.4258 28.7061 68.8714 28.7061 69.4211V74.0656C28.7061 74.6153 29.1482 75.0609 29.6935 75.0609H34.3017C34.8471 75.0609 35.2892 74.6153 35.2892 74.0656V69.4211C35.2892 68.8714 34.8471 68.4258 34.3017 68.4258Z" fill="#E4EBF1" stroke="white" stroke-opacity="0.695558" stroke-width="0.588656"/>
</g>
<g opacity="0.541969">
<g opacity="0.541969" filter="url(#filter3_f)">
<path d="M33.9366 81.6152H30.0588C29.5134 81.6152 29.0713 82.0608 29.0713 82.6105V86.5189C29.0713 87.0686 29.5134 87.5142 30.0588 87.5142H33.9366C34.4819 87.5142 34.924 87.0686 34.924 86.5189V82.6105C34.924 82.0608 34.4819 81.6152 33.9366 81.6152Z" fill="#C0C0C0"/>
<path d="M33.9366 81.6152H30.0588C29.5134 81.6152 29.0713 82.0608 29.0713 82.6105V86.5189C29.0713 87.0686 29.5134 87.5142 30.0588 87.5142H33.9366C34.4819 87.5142 34.924 87.0686 34.924 86.5189V82.6105C34.924 82.0608 34.4819 81.6152 33.9366 81.6152Z" stroke="white" stroke-width="0.588656"/>
</g>
<path opacity="0.541969" d="M34.3017 80.0576H29.6935C29.1482 80.0576 28.7061 80.5032 28.7061 81.0529V85.6975C28.7061 86.2471 29.1482 86.6927 29.6935 86.6927H34.3017C34.8471 86.6927 35.2892 86.2471 35.2892 85.6975V81.0529C35.2892 80.5032 34.8471 80.0576 34.3017 80.0576Z" fill="#E4EBF1" stroke="white" stroke-opacity="0.695558" stroke-width="0.588656"/>
</g>
<g filter="url(#filter4_d)">
<path d="M109.293 61.5762H71.5871C69.9611 61.5762 68.6431 62.3515 68.6431 63.3079V69.369C68.6431 70.3254 69.9611 71.1008 71.5871 71.1008H109.293C110.919 71.1008 112.237 70.3254 112.237 69.369V63.3079C112.237 62.3515 110.919 61.5762 109.293 61.5762Z" fill="black"/>
</g>
<path d="M110.098 59.3086H71.1762C69.4978 59.3086 68.1372 60.4162 68.1372 61.7825V70.4413C68.1372 71.8076 69.4978 72.9152 71.1762 72.9152H110.098C111.777 72.9152 113.137 71.8076 113.137 70.4413V61.7825C113.137 60.4162 111.777 59.3086 110.098 59.3086Z" fill="white"/>
<path d="M105.265 63.0889H81.5132V65.4828H105.265V63.0889Z" fill="#8AEBE3" fill-opacity="0.3"/>
<path d="M93.389 67.2783H81.5132V69.6722H93.389V67.2783Z" fill="#8AEBE3" fill-opacity="0.3"/>
<g filter="url(#filter5_d)">
<path d="M56.7928 89.21H19.0871C17.4611 89.21 16.1431 89.9853 16.1431 90.9417V97.0028C16.1431 97.9593 17.4611 98.7346 19.0871 98.7346H56.7928C58.4188 98.7346 59.7368 97.9593 59.7368 97.0028V90.9417C59.7368 89.9853 58.4188 89.21 56.7928 89.21Z" fill="black"/>
</g>
<path d="M56.9302 87.2783H17.5552C16.0019 87.2783 14.7427 88.4967 14.7427 89.9996V98.1636C14.7427 99.6665 16.0019 100.885 17.5552 100.885H56.9302C58.4835 100.885 59.7427 99.6665 59.7427 98.1636V89.9996C59.7427 88.4967 58.4835 87.2783 56.9302 87.2783Z" fill="white"/>
<path d="M51.75 91.0576H29.25V93.5178H51.75V91.0576Z" fill="#1DB868" fill-opacity="0.16226"/>
<path d="M39.75 95.5928H29.25V97.8605H39.75V95.5928Z" fill="#1DB868" fill-opacity="0.16226"/>
<g filter="url(#filter6_d)">
<path d="M70.6744 74.8701C74.9376 74.8701 78.3937 71.3867 78.3937 67.0898C78.3937 62.7929 74.9376 59.3096 70.6744 59.3096C66.4111 59.3096 62.9551 62.7929 62.9551 67.0898C62.9551 71.3867 66.4111 74.8701 70.6744 74.8701Z" fill="black"/>
</g>
<path d="M70.6744 74.8701C74.9376 74.8701 78.3937 71.3867 78.3937 67.0898C78.3937 62.7929 74.9376 59.3096 70.6744 59.3096C66.4111 59.3096 62.9551 62.7929 62.9551 67.0898C62.9551 71.3867 66.4111 74.8701 70.6744 74.8701Z" fill="#0CA090"/>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="55" y="50" width="20" height="24">
<path d="M74.25 54.7431V72.3759C74.25 73.0916 73.6711 73.6718 72.9569 73.6718H56.7931C56.0789 73.6718 55.5 73.0916 55.5 72.3759V52.29C55.5 51.5743 56.0789 50.9941 56.7931 50.9941H71.0322L74.25 54.7431Z" fill="white"/>
</mask>
<g mask="url(#mask0)">
<g filter="url(#filter7_d)">
<path d="M74.25 54.7431V72.3759C74.25 73.0916 73.6711 73.6718 72.9569 73.6718H56.7931C56.0789 73.6718 55.5 73.0916 55.5 72.3759V52.29C55.5 51.5743 56.0789 50.9941 56.7931 50.9941H71.0322L74.25 54.7431Z" fill="black"/>
</g>
<path d="M74.25 54.7431V72.3759C74.25 73.0916 73.6711 73.6718 72.9569 73.6718H56.7931C56.0789 73.6718 55.5 73.0916 55.5 72.3759V52.29C55.5 51.5743 56.0789 50.9941 56.7931 50.9941H71.0322L74.25 54.7431Z" fill="url(#paint0_linear)"/>
<g filter="url(#filter8_d)">
<path d="M74.7579 54.3307H71.9518C71.5642 54.3307 71.25 54.014 71.25 53.6234V50.2383L74.7579 54.3307Z" fill="black"/>
</g>
<path d="M74.4313 54.774H71.6251C71.2375 54.774 70.9233 54.4574 70.9233 54.0667V50.6816L74.4313 54.774Z" fill="#D0FFFA"/>
</g>
<g filter="url(#filter9_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.2193 67.6725L63.7757 65.0544L69.5705 57.2429L66.2193 67.6725Z" fill="url(#paint1_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.7756 65.0539L63.6674 62.8067L69.5703 57.2424L63.7756 65.0539Z" fill="#9BE6BF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.25 60.6495L61.7872 62.8084L69.5704 57.2441L59.25 60.6495Z" fill="url(#paint2_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M61.7871 62.8084H63.6674L69.5704 57.2441L61.7871 62.8084Z" fill="url(#paint3_linear)"/>
</g>
<g filter="url(#filter10_d)">
<path d="M14.0331 104.067C19.459 104.067 23.8576 99.6336 23.8576 94.1648C23.8576 88.696 19.459 84.2627 14.0331 84.2627C8.6071 84.2627 4.2085 88.696 4.2085 94.1648C4.2085 99.6336 8.6071 104.067 14.0331 104.067Z" fill="black"/>
</g>
<path d="M14.0331 104.059C19.459 104.059 23.8576 99.6258 23.8576 94.157C23.8576 88.6882 19.459 84.2549 14.0331 84.2549C8.6071 84.2549 4.2085 88.6882 4.2085 94.157C4.2085 99.6258 8.6071 104.059 14.0331 104.059Z" fill="url(#paint4_linear)"/>
<g filter="url(#filter11_d)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1968 89.873C16.6837 89.873 18.6997 91.7203 18.6997 93.9989C18.6997 96.2776 16.6837 98.1248 14.1968 98.1248C13.4439 98.1248 12.7343 97.9555 12.1106 97.6563L10.4774 98.8638L10.4769 96.3247C9.98281 95.6625 9.69385 94.8616 9.69385 93.9989C9.69385 91.7203 11.7099 89.873 14.1968 89.873Z" fill="#EFFFF7"/>
</g>
<g filter="url(#filter12_d)">
<path d="M23.737 35.876H10.763C10.2035 35.876 9.75 37.1067 9.75 38.6248V48.2456C9.75 49.7637 10.2035 50.9944 10.763 50.9944H23.737C24.2965 50.9944 24.75 49.7637 24.75 48.2456V38.6248C24.75 37.1067 24.2965 35.876 23.737 35.876Z" fill="black"/>
</g>
<path d="M18.534 55.6747C24.9289 55.6747 30.113 50.4497 30.113 44.0043C30.113 37.559 24.9289 32.334 18.534 32.334C12.1391 32.334 6.95508 37.559 6.95508 44.0043C6.95508 50.4497 12.1391 55.6747 18.534 55.6747Z" fill="url(#paint5_linear)"/>
<path d="M35.9351 41.249H21.4126C20.8873 41.249 20.4614 41.6782 20.4614 42.2077C20.4614 42.7371 20.8873 43.1663 21.4126 43.1663H35.9351C36.4604 43.1663 36.8862 42.7371 36.8862 42.2077C36.8862 41.6782 36.4604 41.249 35.9351 41.249Z" fill="#FFE9CC"/>
<path d="M29.5593 45.29H21.4126C20.8873 45.29 20.4614 45.7192 20.4614 46.2487C20.4614 46.7781 20.8873 47.2073 21.4126 47.2073H29.5593C30.0846 47.2073 30.5105 46.7781 30.5105 46.2487C30.5105 45.7192 30.0846 45.29 29.5593 45.29Z" fill="#FFE9CC"/>
<g filter="url(#filter13_d)">
<path d="M17.2503 51.8505C16.0075 51.8505 15 50.8351 15 49.5825V40.3627C15 39.1102 16.0075 38.0947 17.2503 38.0947H35.2497C36.4925 38.0947 37.5 39.1102 37.5 40.3627V49.5825C37.5 50.8351 36.4925 51.8505 35.2497 51.8505H21.6485L19.991 53.3851C19.7758 53.5844 19.445 53.5844 19.2298 53.3851L17.5723 51.8505H17.2503Z" fill="black"/>
</g>
<path d="M17.2503 51.8505C16.0075 51.8505 15 50.8351 15 49.5825V40.3627C15 39.1102 16.0075 38.0947 17.2503 38.0947H35.2497C36.4925 38.0947 37.5 39.1102 37.5 40.3627V49.5825C37.5 50.8351 36.4925 51.8505 35.2497 51.8505H21.6485L19.991 53.3851C19.7758 53.5844 19.445 53.5844 19.2298 53.3851L17.5723 51.8505H17.2503Z" fill="url(#paint6_linear)"/>
<path d="M31.031 42.8271H19.3889C18.9678 42.8271 18.6265 43.1712 18.6265 43.5956C18.6265 44.0201 18.9678 44.3641 19.3889 44.3641H31.031C31.4521 44.3641 31.7935 44.0201 31.7935 43.5956C31.7935 43.1712 31.4521 42.8271 31.031 42.8271Z" fill="#FFE9CC"/>
<path d="M25.9198 46.0674H19.3889C18.9678 46.0674 18.6265 46.4115 18.6265 46.8359C18.6265 47.2603 18.9678 47.6044 19.3889 47.6044H25.9198C26.3409 47.6044 26.6823 47.2603 26.6823 46.8359C26.6823 46.4115 26.3409 46.0674 25.9198 46.0674Z" fill="#FFE9CC"/>
</g>
<defs>
<filter id="filter0_d" x="8.84961" y="2.73828" width="91.8063" height="122.863" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.832587 0 0 0 0 0.899956 0 0 0 0 0.904167 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_f" x="27.9359" y="56.953" width="8.12326" height="8.16946" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.420468" result="effect1_foregroundBlur"/>
</filter>
<filter id="filter2_f" x="27.9359" y="68.8485" width="8.12326" height="8.16949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.420468" result="effect1_foregroundBlur"/>
</filter>
<filter id="filter3_f" x="27.9359" y="80.4804" width="8.12326" height="8.16948" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.420468" result="effect1_foregroundBlur"/>
</filter>
<filter id="filter4_d" x="56.6431" y="51.5762" width="67.5938" height="33.5246" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.891304 0 0 0 0 0.891304 0 0 0 0 0.891304 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter5_d" x="4.14307" y="79.21" width="67.5938" height="33.5246" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.891304 0 0 0 0 0.891304 0 0 0 0 0.891304 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter6_d" x="58.9551" y="57.3096" width="23.4386" height="23.5605" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0470588 0 0 0 0 0.627451 0 0 0 0 0.564706 0 0 0 0.406441 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter7_d" x="50.5" y="45.9941" width="28.75" height="32.6776" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0509804 0 0 0 0 0.768627 0 0 0 0 0.705882 0 0 0 0.8 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter8_d" x="69.25" y="49.2383" width="7.50792" height="8.09238" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0735419 0 0 0 0 0.599298 0 0 0 0 0.544595 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter9_d" x="57.25" y="57.2422" width="14.3206" height="14.4305" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0693481 0 0 0 0 0.648154 0 0 0 0 0.595253 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter10_d" x="-0.791504" y="79.2627" width="29.6491" height="29.8042" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0117647 0 0 0 0 0.866667 0 0 0 0 0.423529 0 0 0 0.447279 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter11_d" x="7.69385" y="89.873" width="13.0058" height="12.9907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0693481 0 0 0 0 0.648154 0 0 0 0 0.595253 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter12_d" x="-2.25" y="25.876" width="39" height="39.1184" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.891304 0 0 0 0 0.891304 0 0 0 0 0.891304 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter13_d" x="10" y="33.0947" width="32.5" height="25.4398" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.589163 0 0 0 0 0.0862745 0 0 0 0.4 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="64.875" y1="50.9941" x2="72.615" y2="72.8737" gradientUnits="userSpaceOnUse">
<stop stop-color="#21C3B0"/>
<stop offset="1" stop-color="#07C7B7" stop-opacity="0.951568"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="67.5909" y1="57.2777" x2="64.0443" y2="65.877" gradientUnits="userSpaceOnUse">
<stop stop-color="#8EFAD9"/>
<stop offset="1" stop-color="#E8FFF4"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="62.1065" y1="58.6431" x2="63.8688" y2="62.3316" gradientUnits="userSpaceOnUse">
<stop stop-color="#CFFFE6"/>
<stop offset="0.4914" stop-color="#EDFFF6"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="69.2728" y1="58.6265" x2="64.4964" y2="62.9103" gradientUnits="userSpaceOnUse">
<stop stop-color="#DDFFD0"/>
<stop offset="1" stop-color="#BBFCDF"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="14.0331" y1="84.2549" x2="14.0331" y2="104.059" gradientUnits="userSpaceOnUse">
<stop stop-color="#02E26E"/>
<stop offset="1" stop-color="#08C362"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="18.534" y1="55.6747" x2="12.201" y2="32.359" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFC000"/>
<stop offset="1" stop-color="#FE6E00"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="18.7983" y1="55.4826" x2="20.2852" y2="36.758" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDB78"/>
<stop offset="1" stop-color="#FDAC43"/>
</linearGradient>
<clipPath id="clip0">
<rect width="120" height="123.971" fill="white" transform="translate(0 0.347656)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

24
static/images/home/slack.svg Normal file
View File

@ -0,0 +1,24 @@
<svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<circle cx="42.1887" cy="40.1887" r="30.1887" fill="white"/>
</g>
<path d="M43.6401 35.1181V24.9392C43.6401 22.9406 45.2603 21.3204 47.2589 21.3204C48.222 21.3153 49.1474 21.6943 49.8303 22.3735C50.5131 23.0527 50.897 23.9761 50.897 24.9392V35.1181C50.897 37.1167 49.2768 38.7369 47.2782 38.7369C46.3151 38.742 45.3897 38.363 44.7069 37.6838C44.024 37.0046 43.6401 36.0812 43.6401 35.1181Z" fill="#2FB67C"/>
<path d="M57.4378 41.6396H47.2589C45.2603 41.6396 43.6401 43.2598 43.6401 45.2584C43.6401 47.257 45.2603 48.8772 47.2589 48.8772H57.4378C59.4364 48.8772 61.0566 47.257 61.0566 45.2584C61.0566 43.2598 59.4364 41.6396 57.4378 41.6396Z" fill="#ECB12F"/>
<path d="M37.1186 41.6397C36.1555 41.6346 35.23 42.0136 34.5472 42.6928C33.8644 43.372 33.4805 44.2954 33.4805 45.2585V55.4375C33.4805 57.436 35.1006 59.0562 37.0992 59.0562C39.0978 59.0562 40.718 57.436 40.718 55.4375V45.2585C40.718 43.2675 39.1096 41.6504 37.1186 41.6397Z" fill="#DE1F59"/>
<path d="M37.1185 31.4805H26.9396C24.941 31.4805 23.3208 33.1006 23.3208 35.0992C23.3208 37.0978 24.941 38.718 26.9396 38.718H37.1185C39.1171 38.718 40.7373 37.0978 40.7373 35.0992C40.7373 33.1006 39.1171 31.4805 37.1185 31.4805Z" fill="#36C5EE"/>
<path d="M37.1187 21.3204C36.1556 21.3153 35.2301 21.6943 34.5473 22.3735C33.8645 23.0527 33.4805 23.9761 33.4805 24.9392C33.4754 25.9023 33.8544 26.8277 34.5336 27.5105C35.2128 28.1934 36.1362 28.5773 37.0993 28.5773H39.7698C40.3042 28.5773 40.7374 28.1441 40.7374 27.6097V24.9392C40.7374 22.9406 39.1173 21.3204 37.1187 21.3204Z" fill="#36C5EE"/>
<path d="M57.4379 31.4795C56.4748 31.4744 55.5494 31.8534 54.8665 32.5326C54.1837 33.2118 53.7998 34.1352 53.7998 35.0983V37.7689C53.7998 38.3032 54.233 38.7364 54.7674 38.7364H57.4379C59.4365 38.7364 61.0567 37.1163 61.0567 35.1177C61.0618 34.1546 60.6828 33.2292 60.0036 32.5463C59.3244 31.8635 58.401 31.4795 57.4379 31.4795Z" fill="#2FB67C"/>
<path d="M47.2782 51.7998H44.6077C44.3511 51.7998 44.105 51.9017 43.9235 52.0832C43.7421 52.2647 43.6401 52.5108 43.6401 52.7674V55.4379C43.6401 57.4365 45.2603 59.0567 47.2589 59.0567C49.2575 59.0567 50.8777 57.4365 50.8777 55.4379C50.8828 54.4782 50.5064 53.5557 49.8314 52.8734C49.1564 52.1911 48.238 51.8049 47.2782 51.7998Z" fill="#ECB12F"/>
<path d="M29.6102 41.6396H26.9397C24.9411 41.6396 23.3209 43.2598 23.3209 45.2584C23.3158 46.2215 23.6947 47.1469 24.3739 47.8298C25.0532 48.5126 25.9765 48.8966 26.9397 48.8966C27.9028 48.9017 28.8282 48.5227 29.511 47.8435C30.1939 47.1643 30.5778 46.2409 30.5778 45.2778V42.6072C30.5778 42.0729 30.1446 41.6396 29.6102 41.6396Z" fill="#DE1F59"/>
<defs>
<filter id="filter0_d" x="0" y="0" width="84.3774" height="84.3774" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.832587 0 0 0 0 0.899956 0 0 0 0 0.904167 0 0 0 0.7 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

14
static/images/home/wechat.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB