refine firsr version

This commit is contained in:
liuboaibc 2020-05-27 14:18:39 +08:00
parent 946b9bf099
commit 3061d302af
30 changed files with 1061 additions and 52 deletions

View File

@ -37,6 +37,7 @@
}
.section-2 {
position: relative;
.cases-ul {
display: flex;
flex-wrap: wrap ;
@ -45,6 +46,7 @@
top: -60px;
width: 1160px;
margin: 0 auto;
z-index: 2;
li {
width: 373px;
@ -84,9 +86,17 @@
}
}
}
& > img {
position: absolute;
bottom: 30px;
right: 50%;
transform: translateX(-520px);
}
}
.section-3 {
position: relative;
background-image: url('/images/case/oval-4.svg');
background-position: center top;
background-repeat: no-repeat;
@ -115,17 +125,24 @@
background-color: #ffffff;
li {
margin-left: 60px;
padding: 8px 16px;
border-radius: 20px;
margin-left: 30px;
height: 24px;
font-size: 16px;
line-height: 1.5;
color: #36435c;
cursor: pointer;
transition: all ease 0.2s;
&:hover {
box-shadow: 0 8px 16px 0 rgba(101, 193, 148, 0.2), 0 0 50px 0 rgba(101, 193, 148, 0.1);
background-color: #55bc8a;
color: #ffffff;
}
}
.active {
padding: 8px 16px;
border-radius: 20px;
box-shadow: 0 8px 16px 0 rgba(101, 193, 148, 0.2), 0 0 50px 0 rgba(101, 193, 148, 0.1);
background-color: #55bc8a;
color: #ffffff;
@ -133,8 +150,10 @@
}
#case-children {
position: relative;
z-index: 2;
display: flex;
flex-wrap: wrap ;
flex-wrap: wrap;
li {
margin-top: 20px;
margin-right: 21px;
@ -152,5 +171,23 @@
box-shadow: 0 4px 8px 0 rgba(36, 46, 66, 0.06), 0 8px 16px 0 rgba(36, 46, 66, 0.05);
}
}
& > p {
margin-top: 40px;
text-align: center;
a {
color: #00a971;
}
}
}
& > img {
width: 152px;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(500px);
}
}

View File

@ -462,6 +462,9 @@
line-height: 1.33;
a {
color: #00a971;
&:hover {
color: #008a5c;
}
}
}
}

View File

@ -504,6 +504,10 @@ section {
font-weight: 600;
line-height: 1.71;
color: #00a971;
&:hover {
color: #008a5c;
}
}
}

View File

@ -38,14 +38,24 @@
}
.section-2 {
position: relative;
& > img {
width: 152px;
position: absolute;
right: 50%;
bottom: -40px;
transform: translateX(-490px);
}
& > div {
display: flex;
position: relative;
z-index: 2;
top: -40px;
width: 1160px;
margin: 0 auto;
box-shadow: 0 4px 8px 0 rgba(36, 46, 66, 0.06);
.left-div {
position: relative;
width: 470px;
height: 298px;
border-radius: 10px 0 0 10px;
@ -62,6 +72,16 @@
height: 160px;
margin-left: 40px;
}
.img-1 {
position: absolute;
top: 0;
left: 0;
}
.img-2 {
position: absolute;
bottom: 0;
right: 0;
}
}
.right-div {
position: relative;
@ -70,7 +90,7 @@
border-radius: 0 10px 10px 0;
background-color: #3d3e49;
img {
& > img {
margin-top: 107px;
margin-left: 45px;
}
@ -86,6 +106,45 @@
border-radius: 100px;
box-shadow: 0 2px 8px 0 rgba(250, 164, 66, 0.5);
background-image: linear-gradient(107deg, #fdba39 20%, #f2635e 99%);
cursor: pointer;
&:hover {
& > div {
display: block;
}
}
div {
display: none;
position: absolute;
top: -60px;
left: 50%;
width: 140px;
height: 50px;
transform: translateX(-50%);
border-radius: 10px;
background: #ffffff;
img {
width: 95px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
&::after {
content: '';
width: 0;
height: 0;
position: absolute;
border: 4px solid transparent;
border-top-color: #ffffff;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
}
}
}
.div-1 {
@ -139,6 +198,7 @@
}
p {
height: 128px;
margin-left: 40px;
margin-right: 40px;
@include common-p-style;
@ -169,21 +229,16 @@
}
ul {
@include common-flex-style;
margin-top: 20px;
font-size: 0;
.intro {
background-image: radial-gradient(circle at -23% -21%, #cdf6d5, #089566 75%);
p {
margin: 40px 30px;
font-size: 14px;
line-height: 1.71;
color: #ffffff;
}
li:nth-child(4n + 1) {
margin-left: 0;
}
li {
display: inline-block;
margin-left: 20px;
position: relative;
width: 274px;
height: 200px;
@ -193,7 +248,7 @@
background-color: #ffffff;
&:hover {
div {
.content {
display: block;
}
}
@ -205,8 +260,7 @@
object-fit: contain;
}
div {
display: none;
.type {
position: absolute;
top: 10px;
right: 0;
@ -221,6 +275,20 @@
box-shadow: 0 2px 8px 0 rgba(250, 164, 66, 0.5);
background-image: linear-gradient(108deg, #fdba39 20%, #f2635e 99%);
}
.content {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 40px 30px;
background-image: radial-gradient(circle at -23% -21%, #cdf6d5, #089566 75%);
font-size: 14px;
line-height: 1.71;
color: #ffffff;
}
}
}
}

View File

@ -65,6 +65,15 @@ section3:
- content: Better track, route and optimize communications within Kubernetes for cloud native apps
- content: Easy-to-use web terminal and graphical panel, satisfying the habits of different users
- name: User
content: Running and using Apps on Kubernetes has never been so easy
icon: /images/home/80.svg
children:
- content: Deploy and upgrade Apps in one click, without underlying infrastructure consideration
- content: Provide on-demand container resources and HPA, hardening the reliabity and flexibility of your applications
- content: Import any Helm repository in seconds to visually deploy and upgrade applications
- content: Support operation in application store, including metering and billing for applications (coming soon)
section4:
title: Key Features
content: If you want to use an open source project, but act like a commercial product, KubeSphere is your choice. <br>The Roadmap listed the planning features, you can raise a proposal to submit your ideas with us.

View File

@ -10,6 +10,7 @@ section1:
section2:
tip: Read Case Study →
icon: images/case/left.svg
caseList:
- icon: "images/case/case1.jpg"
content: "KubeSphere is trusted by various enterprises and organizations to the innovators driving the future
@ -44,6 +45,7 @@ section2:
section3:
title: 'Various Industries are Powered by KubeSphere'
tip: ALL
icon: images/common/hexagon.svg
caseType:
- name: 'Financial'
children:
@ -72,4 +74,8 @@ section3:
icon: 'images/case/v7.jpg'
- name: 'anchnet'
icon: 'images/case/v8.jpg'
bottomContent:
content: Want your logo up there? Just
linkContent: submit a pull request, or email you company's logo to us →
link:
---

View File

@ -100,7 +100,7 @@ section3:
link: ''
linkContent: 'Join SIG - App store →'
children:
- icon: ''
- icon: '/images/contribution/calicq1.jpg'
- icon: ''
- icon: ''

View File

@ -12,52 +12,60 @@ section2:
title: 'Together, build partnership for success all over the world'
content: 'KubeSphere partners play a critical role in KubeSphere go-to-market strategy. KubeSphere partners are located all over the world, we are looking forward to the global cooperation, your success is our success.'
name1: 'USA'
icon1: ''
name2: 'European'
icon2: 'images/partner/radore.jpg'
name3: 'China'
icon3: 'images/partner/qingcloud.svg'
mapImage: 'images/partner/map.svg'
bg1: 'images/common/hexagon.svg'
bg2: 'images/partner/background1.svg'
bg3: 'images/partner/background2.svg'
section3:
title: 'Partner Types'
tip: Request now →
partnerType:
- title: "App Providers"
content: "KubeSphere Application Store is a great place to showcase your application, KubeSphere bring your applications to tens of thousands of users, making them deploy your App to Kubernetes with one click."
content: "KubeSphere Application Store is a great place to showcase your application, KubeSphere bring your applications to tens of thousands of users, making them deploy your App to Kubernetes with one click."
link: ""
- title: "Consulting"
content: "KubeSphere Application Store is a great place to showcase your application, users can quickly deploy your application to Kubernetes using KubeSphere. Submit your application to KubeSphere Application Store now!"
content: If agencies and consultancies want to help clients easily adopt Kubernetes and deliver applications using modern, open source technologies, KubeSphere is the best choice for your team.
link: ""
- title: "Cloud Providers"
content: "KubeSphere Application Store is a great place to showcase your application, users can quickly deploy your application to Kubernetes using KubeSphere. Submit your application to KubeSphere Application Store now!"
content: For any cloud providers who want to tightly integrate KubeSphere as a catalog or application in their application market for Kubernetes-based solution, do not hesitate to use KubeSphere to extend your ecosystem.
link: ""
- title: "Go-To-Market"
content: "KubeSphere Application Store is a great place to showcase your application, users can quickly deploy your application to Kubernetes using KubeSphere. Submit your application to KubeSphere Application Store now!"
content: KubeSphere is 100% open source and free, you are able to localize KubeSphere, translate it into local languages, build local communities and develop local markets. GTM partners from around the globe that are tightly aligned with KubeSphere.
link: ""
section4:
title: 'Featured Partners'
content: 'KubeSphere is trusted by various enterprises and organizations to the innovators driving the future of software.'
featuredPartnerList:
- icon: "images/partner/partner5.jpg"
partnerType: "technology"
content: 'KubeSphere is trusted by various enterprises and organizations to the innovators driving the future of software.'
- icon: "images/partner/partner1.jpg"
partnerType: "Go-To-Market"
content:
- icon: "images/partner/partner2.jpg"
partnerType: "Go-To-Market"
- icon: "images/partner/partner3.jpg"
- icon: "images/partner/partner10.jpg"
partnerType: "Go-To-Market"
content:
- icon: "images/partner/partner4.jpg"
partnerType: "Go-To-Market"
partnerType: "technology"
content:
- icon: "images/partner/partner5.jpg"
partnerType: "Go-To-Market"
- icon: "images/partner/partner8.jpg"
partnerType: "technology"
content:
- icon: "images/partner/partner6.jpg"
partnerType: "Go-To-Market"
- icon: "images/partner/partner9.jpg"
partnerType: "technology"
content:
- icon: "images/partner/partner7.jpg"
partnerType: "Go-To-Market"
---

View File

@ -1,4 +1,41 @@
---
title: "page1"
css: "scss/conferences.scss"
viewDetail: 查看详情
list:
- name: KubeCon 大会
content: KubeSphere 团队在 KubeCon + CloudNativeCon 2019 Shanghai 上的技术主题分享。
icon: images/conferences/kubecon.svg
bg: images/conferences/kubecon-bg.svg
children:
- name: 基于 Kubernetes 的 Serverless Jenkins — Jenkins X
summary: 在云原生时代,应用模块不断被拆分,使得模块的数量不断上涨并且关系也越加复杂。企业在落地云原生技术的时候同事也需要有强大的 DevOps 手段,没有 DevOps 的云原生不可能是成功的。Jenkins X 是 CDF持续交付基金会
author: 夏润泽
link: jenkins-x
image:
- name: 云原生可观察性之日志管理
summary: 日志通常含有非常有价值的信息,日志管理是云原生可观察性的重要组成部分。不同于物理机或虚拟机,在容器与 Kubernetes 环境中,日志有标准的输出方式(stdout…
author: 霍秉杰,马丹
link: logging
image:
- name: Porter-面向裸金属环境的 Kubernetes 开源负载均衡器
summary: 我们知道,在 Kubernetes 集群中可以使用 “LoadBalancer” 类型的服务将后端工作负载暴露在外部。云厂商通常为 Kubernetes 提供云上的 LB 插件,但这需要将集群部署在特定 IaaS 平台上。然而,许多企业用户通常都将 Kubernetes…
author: 宋雪涛
link: porter
image:
- name: QCon 全球软件开发大会
content:
icon: images/conferences/qcon.svg
bg: images/conferences/qcon-bg.svg
children:
- name: 基于 CSI Kubernetes 存储插件的开发实践
summary: 现在很多用户都会将自己的应用迁移到 Kubernetes 容器平台中。在 Kubernetes 容器平台中,存储是支撑用户应用的基石。随着用户不断的将自己的应用深度部署在 K8S 容器平台中,但是我们现有的 Kubernetes…
author: 王欣
link: csi
image:
---

View File

@ -1,6 +1,5 @@
---
title: '基于 CSI Kubernetes 存储插件的开发实践'
type: 'QCon'
author: '王欣'
createTime: '2019-12-04'
snapshot: 'https://pek3b.qingstor.com/kubesphere-docs/png/20190930112634.png'

View File

@ -1,6 +1,5 @@
---
title: '基于 Kubernetes 的 Serverless Jenkins — Jenkins X'
type: 'KubeCon'
author: '夏润泽'
createTime: '2019-06-24'
snapshot: 'https://pek3b.qingstor.com/kubesphere-docs/png/20190930095450.png'

View File

@ -1,6 +1,5 @@
---
title: '云原生可观察性之日志管理'
type: 'KubeCon'
author: '霍秉杰,马丹'
createTime: '2019-06-25'
snapshot: 'https://pek3b.qingstor.com/kubesphere-docs/png/20190930095954.png'

View File

@ -1,6 +1,5 @@
---
title: 'Porter-面向裸金属环境的 Kubernetes 开源负载均衡器'
type: 'KubeCon'
author: '宋雪涛'
createTime: '2019-06-24'
snapshot: 'https://pek3b.qingstor.com/kubesphere-docs/png/20190930095713.png'

View File

@ -1,9 +1,17 @@
- id: introduction1
translation: 技术博客
- id: introduction2
translation: " "
- id: introduction3
translation: 发布于
- id: introduction4
translation: 技术博客
translation: KubeCon & QCon
- id: introduction5
translation: 订阅
- id: introduction6
translation: 请输入你的邮箱地址
- id: introduction7
translation: " "
- id: introduction8
translation: 欢迎使用 KubeSphere 文档
- id: introduction9

View File

@ -23,6 +23,7 @@
</li>
{{ end }}
</ul>
<img src="{{ .icon | absURL }}" alt="">
{{ end }}
</section>
@ -46,7 +47,11 @@
{{ end }}
{{ end }}
</ul>
{{ with .bottomContent }}
<p>{{ .content }} <a href="{{ .link }}">{{ .linkContent }}</a></p>
{{ end }}
</div>
<img src="{{ .icon | absURL }}" alt="">
{{ end }}
</section>
<script>

View File

@ -175,7 +175,12 @@
var bottomDiv = $('.section-3 .bottom-div')
bottomDiv.find('.bottom-img').attr({ src: info.iconActive });
bottomDiv.find('a').text(info.linkContent).attr({ href: info.link })
bottomDiv.find('p').text(info.content);
bottomDiv.find('p').text(info.content)
var ul = bottomDiv.find('ul')
ul.empty()
$.each(info.children, function( key, value ) {
ul.append('<li><img src="' + value.icon + '" alt="" ></li>');
});
}
bindIconClick()

View File

@ -140,8 +140,8 @@
</ul>
</div>
<div class='image'>
<img src="/images/home/applications.jpg" alt="">
<img src="/images/home/applications.jpg" alt="">
<img src="/images/home/applications.png" alt="">
<img src="/images/home/applications.png" alt="">
</div>
</div>
{{ end }}

View File

@ -16,14 +16,32 @@
<div class="left-div">
<div>{{ .title }}</div>
<p>{{ .content }}</p>
<img class='img-1' src="{{ .bg2 | absURL }}" alt="">
<img class='img-2' src="{{ .bg3 | absURL }}" alt="">
</div>
<div class="right-div">
<img src="{{ .mapImage | absURL }}" alt="">
<div class='btn-div div-1'>{{ .name1 }}</div>
<div class='btn-div div-2'>{{ .name2 }}</div>
<div class='btn-div div-3'>{{ .name3 }}</div>
<div class='btn-div div-1'>
<p>{{ .name1 }}</p>
<div>
<img src="{{ .icon1 | absURL }}" alt="">
</div>
</div>
<div class='btn-div div-2'>
<p>{{ .name2 }}</p>
<div>
<img src="{{ .icon2 | absURL }}" alt="">
</div>
</div>
<div class='btn-div div-3'>
<p>{{ .name3 }}</p>
<div>
<img src="{{ .icon3 | absURL }}" alt="">
</div>
</div>
</div>
</div>
<img src="{{ .bg1 | absURL }}" alt="">
{{ end }}
</section>
@ -52,13 +70,11 @@
<div>
<h2>{{ .title }}</h2>
<ul class="partner-ul">
<li class="intro">
<p>{{ .content }}</p>
</li>
{{ range .featuredPartnerList }}
<li>
<li>
<img src="{{ .icon | absURL }}" alt="">
<div>{{ .partnerType }}</div>
<div class='type'>{{ .partnerType }}</div>
<div class='content'>{{ .content }}</div>
</li>
{{ end }}
</ul>

View File

@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="126" height="125" viewBox="0 0 126 125">
<defs>
<linearGradient id="prefix__c" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#75D49A"/>
<stop offset="100%" stop-color="#54CA82"/>
</linearGradient>
<filter id="prefix__a" width="229.8%" height="238.6%" x="-64.9%" y="-47.7%" filterUnits="objectBoundingBox">
<feOffset dy="16" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="15"/>
<feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.384313725 0 0 0 0 0.807843137 0 0 0 0 0.552941176 0 0 0 0.3 0"/>
</filter>
<path id="prefix__b" d="M130.302 1022.978l21.043 12.149c3.403 1.965 5.5 5.596 5.5 9.526v24.298c0 3.93-2.097 7.562-5.5 9.527l-21.043 12.149c-3.403 1.965-7.596 1.965-11 0l-21.043-12.15c-3.403-1.964-5.5-5.596-5.5-9.526v-24.298c0-3.93 2.097-7.561 5.5-9.526l21.043-12.15c3.404-1.964 7.597-1.964 11 0z"/>
</defs>
<g fill="none" fill-rule="evenodd" opacity=".602" transform="scale(1 -1) rotate(21 3156.06 338.728)">
<use fill="#000" filter="url(#prefix__a)" xlink:href="#prefix__b"/>
<use fill="url(#prefix__c)" xlink:href="#prefix__b"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="262px" height="253px" viewBox="0 0 262 253" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 63.1 (101010) - https://sketch.com -->
<title>90AB11CD-4D58-4361-98F1-AB31C4914358</title>
<desc>Created with sketchtool.</desc>
<defs>
<linearGradient x1="71.3598293%" y1="24.3672644%" x2="-3.16748091%" y2="135.896638%" id="linearGradient-1">
<stop stop-color="#ECAF24" offset="0%"></stop>
<stop stop-color="#FFF8CB" offset="100%"></stop>
</linearGradient>
<path d="M1262,5434.17543 L1342.36568,5480.57457 C1345.76909,5482.53953 1347.86568,5486.17093 1347.86568,5490.10085 L1347.86568,5582.89915 C1347.86568,5586.82907 1345.76909,5590.46047 1342.36568,5592.42543 L1262,5638.82457 C1258.59659,5640.78953 1254.40341,5640.78953 1251,5638.82457 L1170.63432,5592.42543 C1167.23091,5590.46047 1165.13432,5586.82907 1165.13432,5582.89915 L1165.13432,5490.10085 C1165.13432,5486.17093 1167.23091,5482.53953 1170.63432,5480.57457 L1251,5434.17543 C1254.40341,5432.21047 1258.59659,5432.21047 1262,5434.17543 Z" id="path-2"></path>
<filter x="-18.4%" y="-16.7%" width="136.8%" height="148.6%" filterUnits="objectBoundingBox" id="filter-3">
<feOffset dx="0" dy="16" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="15" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0.384313725 0 0 0 0 0.807843137 0 0 0 0 0.552941176 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
</defs>
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.12">
<g id="homepage" transform="translate(-1119.000000, -5425.000000)">
<g id="多边形备份-3" transform="translate(1256.500000, 5536.500000) rotate(21.000000) translate(-1256.500000, -5536.500000) ">
<use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
<use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

735
static/images/home/80.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 554 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 790 KiB

View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="108" height="93" viewBox="0 0 108 93">
<defs>
<linearGradient id="prefix__a" x1="17.701%" x2="110.352%" y1="29.71%" y2="100%">
<stop offset="0%" stop-color="#FFF"/>
<stop offset="100%" stop-color="#54ADD9"/>
</linearGradient>
</defs>
<circle cx="26.5" cy="13.5" r="56.5" fill="none" fill-rule="evenodd" stroke="url(#prefix__a)" stroke-width="50" opacity=".205" transform="translate(0 -2)"/>
</svg>

After

Width:  |  Height:  |  Size: 497 B

View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="156" height="181" viewBox="0 0 156 181">
<defs>
<linearGradient id="prefix__a" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#D6A800"/>
<stop offset="100%" stop-color="#FFF"/>
</linearGradient>
</defs>
<path fill="none" fill-rule="evenodd" stroke="url(#prefix__a)" stroke-width="40" d="M414 161L508 334 320 334z" opacity=".113" transform="translate(-315 -119)"/>
</svg>

After

Width:  |  Height:  |  Size: 490 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View File

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="94" height="25" viewBox="0 0 94 25">
<g fill="none">
<g fill="#00A971">
<path d="M14.608 14.064L18.479 16.335 14.608 18.608zM14.913 13.529L18.783 11.257 18.783 15.797zM14.608 8.448L18.479 10.718 14.608 12.992zM.555 5.103L4.424 2.831 4.424 7.373zM.248 5.639L4.118 7.911.248 10.181zM.248 11.256L4.119 13.529.248 15.8zM14.608 2.829L18.48 5.103 14.608 7.375zM14.913 7.911L18.783 5.642 18.783 10.181zM10.127 5.103L13.998 2.831 13.998 7.372zM10.127 16.334L13.998 14.064 13.998 18.605zM5.34 2.294L9.21.023 9.21 4.564zM9.819.022L13.692 2.294 9.819 4.566zM9.819 16.873L13.692 19.145 9.819 21.416zM10.127 21.954L13.998 19.682 13.998 24.224zM5.033 14.064L8.906 16.335 5.033 18.608zM5.033 2.828L8.906 5.101 5.033 7.372zM.554 10.718L4.424 8.45 4.424 12.989zM.555 16.335L4.424 14.066 4.424 18.608zM5.34 19.146L9.21 16.873 9.21 21.416z"/>
</g>
<g fill="#3D3E49">
<path d="M7.18 9.119c0 .811-1.025 1.8-1.926 2.278.778.39 1.2.62 1.573.866.282.175.37.336.265.635-.072.23-.425.743-.69.743-.212 0-.335-.072-.654-.3-.53-.335-1.66-1.043-2.95-1.573C1.666 11.309.253 10.09.253 9.118V2.903c0-1.22 2.26-2.864 3.446-2.864 1.219 0 3.48 1.644 3.48 2.864v6.217zM2 8.889c0 .618 1.15 1.465 1.698 1.465.583 0 1.732-.847 1.732-1.466V3.13c0-.618-1.132-1.465-1.732-1.465-.549 0-1.698.847-1.698 1.465v5.76zM10.96 11.432c0 .213-.158.39-.39.39H9.6c-.214 0-.389-.177-.389-.39V.587c0-.212.175-.388.389-.388h.97c.231 0 .39.176.39.388v10.845zM14.883 4.013v7.42c0 .23-.176.39-.423.39h-.885c-.211 0-.405-.16-.405-.39V.586c0-.212.194-.388.405-.388h.743c.283 0 .406.14.548.388l3.57 7.49V.586c0-.23.158-.388.39-.388h.9c.23 0 .406.157.406.388v10.845c0 .23-.175.39-.406.39h-.724c-.266 0-.443-.196-.55-.39l-3.569-7.419zM25.945 5.55c0-.213.195-.389.406-.389h2.157c.23 0 .565.336.565.547v3.41c0 1.183-2.226 2.862-3.446 2.862-1.184 0-3.464-1.679-3.464-2.861V2.9c0-1.22 2.298-2.863 3.464-2.863.76 0 1.892.583 2.722 1.096.213.124.283.371.176.582l-.3.583c-.105.195-.389.266-.618.143-.636-.337-1.502-.778-1.98-.778-.529 0-1.714.847-1.714 1.465v5.76c0 .6 1.167 1.465 1.715 1.465.53 0 1.697-.883 1.697-1.466v-2.19h-.973c-.212 0-.406-.177-.406-.388v-.76zM32.43 8.888c0 .637 1.22 1.483 1.697 1.483.495 0 1.22-.388 1.855-.74.248-.124.548-.053.655.177l.282.582c.106.23.035.478-.158.583-.814.494-1.803 1.007-2.633 1.007-1.15 0-3.446-1.571-3.446-2.861V2.902c0-1.255 2.279-2.864 3.463-2.864.742 0 1.767.515 2.598.99.212.107.282.389.159.6l-.265.566c-.106.212-.39.282-.619.159-.636-.318-1.378-.706-1.873-.706-.495 0-1.715.847-1.715 1.482v5.76zM38.403 11.097V.587c0-.213.194-.389.407-.389h.919c.228 0 .422.176.422.388v9.698h3.324c.23 0 .407.177.407.388v.76c0 .213-.178.39-.407.39h-4.384c-.247 0-.688-.496-.688-.725zM51.55 9.119c0 1.218-2.262 2.861-3.481 2.861-1.185 0-3.447-1.626-3.447-2.861V2.902c0-1.22 2.262-2.864 3.447-2.864 1.22 0 3.482 1.644 3.482 2.864v6.217zm-5.178-.23c0 .618 1.148 1.465 1.697 1.465.583 0 1.732-.847 1.732-1.466V3.13c0-.618-1.131-1.465-1.732-1.465-.549 0-1.697.847-1.697 1.465v5.76zM56.94 11.98c-1.168 0-3.447-1.571-3.447-2.845V.586c0-.212.194-.388.407-.388h.936c.23 0 .406.176.406.388v8.32c0 .62 1.15 1.465 1.698 1.465s1.696-.846 1.696-1.465V.586c0-.212.16-.388.372-.388h.97c.214 0 .408.176.408.388v8.55c0 1.235-2.28 2.844-3.447 2.844zM69.29 9.083c0 1.06-1.979 2.739-3.18 2.739h-2.757c-.496 0-.847-.302-.847-.655V.887c0-.372.387-.689.847-.689h2.722c1.236 0 3.216 1.554 3.216 2.737v6.148zm-1.75-5.9c0-.584-1.06-1.467-1.695-1.467h-1.59v8.585h1.626c.617 0 1.66-.899 1.66-1.465V3.183z" transform="translate(24.199 4.632)"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB