This commit is contained in:
liuboaibc 2020-06-08 14:17:48 +08:00
parent 7b66534c76
commit 6e6021a919
38 changed files with 409 additions and 57 deletions

View File

@ -102,8 +102,54 @@
.img-div {
font-size: 0;
img {
a {
display: inline-block;
width: 34px;
height: 34px;
margin: 0 6px;
background-position: center;
background-repeat: no-repeat;
}
.facebook-a {
background-image: url("/images/footer/facebook.svg");
&:hover {
background-image: url("/images/footer/facebook-hover.svg");
}
}
.youtube-a {
background-image: url("/images/footer/youtube.svg");
&:hover {
background-image: url("/images/footer/youtube-hover.svg");
}
}
.slack-a {
background-image: url("/images/footer/slack.svg");
&:hover {
background-image: url("/images/footer/slack-hover.svg");
}
}
.twitter-a {
background-image: url("/images/footer/twitter.svg");
&:hover {
background-image: url("/images/footer/twitter-hover.svg");
}
}
.github-a {
background-image: url("/images/footer/github.svg");
&:hover {
background-image: url("/images/footer/github-hover.svg");
}
}
}

View File

@ -91,7 +91,6 @@
li {
padding: 0 20px;
height: 32px;
line-height: 32px;
font-size: 12px;
color: #36435c;
@ -191,7 +190,8 @@
}
.dropdown-menu {
top: 60px
width: 300px;
top: 60px;
}
ol {

0
assets/scss/search.scss Normal file
View File

View File

@ -9,8 +9,22 @@ baseURL = "https://hugo-first.netlify.app"
[params]
logo = "images/logo.svg"
title = "KubeSphere | Enterprise container platform, built on Kubernetes"
description = "KubeSphere is an open source container platform based on Kubernetes for enterprise app development and deployment, suppors installing anywhere from on-premise datacenter to any cloud to edge."
keywords = "KubeSphere, Kubernetes Dashboard, Install Enterprise Kubernetes, DevOps, container platform"
mailchimpSubscribeUrl = "https://gmail.us18.list-manage.com/subscribe/post?u=553ce463e00897cc36ed80866&id=f4b5009074"
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 = ""
twitterLink = "https://twitter.com/KubeSphere"
[languages.en]
contentDir = "content/en"
weight = 1

View File

@ -10,7 +10,9 @@ section1:
topic: The Kubernetes platform tailored for hybrid multicloud
content: KubeSphere is a distributed operating system managing cloud native applications with Kubernetes as its kernel, and provides plug-and-play architecture for the seamless integration of third-party applications to boost its ecosystem.
btnContent1: Install on Kubernetes
downloadLink1: ""
btnContent2: Install on Linux
downloadLink2: ""
section2:
title: One Platform for Full Stack Solutions
@ -94,36 +96,43 @@ section4:
- name: Application Store
icon: /images/home/store.svg
content: Provide an application store for Helm-based applications, and offer application lifecycle management
link: ""
color: grape
- name: Service Mesh (Istio-based)
icon: /images/home/service.svg
content: Provide fine-grained traffic management, observability and tracing, and offer visualization for traffic topology
link: ""
color: red
- name: Rich Observability
icon: /images/home/rich.svg
content: Multi-dimensional monitoring metrics, multi-tenant log query and collection, and alerting and notification support
link: ""
color: green
- name: DevOps System
icon: /images/home/dev-ops.svg
content: Out-of-box CI/CD based on Jenkins, and automated workflow tools including S2I & B2I
link: ""
color: orange
- name: Multiple Storage Solutions
icon: /images/home/multiple.svg
content: Support GlusterFS, CephRBD, NFS, LocalPV solutions, and provide CSI plugins to consume storage from multiple cloud providers
link: ""
color: grape
- name: Multiple Network Solutions
icon: /images/home/network.svg
content: Support Calico and Flannel, and provide load balancer plug-in Porter for Kubernetes installed on physical machines
link: ""
color: green
- name: Multi-cluster Management
icon: /images/home/management.svg
content: Distribute applications across multiple clusters and cloud providers, and provide disaster recovery solutions and cross-cluster discovery
link: ""
color: orange
section5:
@ -161,7 +170,7 @@ section6:
- icon: /images/home/section6-9.jpg
- icon: /images/home/section6-10.jpg
btnContent: Case Studies
btnLink:
btnLink: case
link:
linkContent: Want your logo up there? Just submit a pull request →
joinTitle: Join the Revolution, Partner with KubeSphere

View File

@ -1,5 +1,7 @@
---
title: blogs
title: Open Source Community - Open Source Community - KubeSphere | Enterprise container platform, built on Kubernetes
description: KubeSphere is an open source container platform based on Kubernetes for enterprise app development and deployment, suppors installing anywhere from on-premise datacenter to any cloud to edge.
keywords: KubeSphere, Kubernetes Dashboard, Install Enterprise Kubernetes, DevOps, Istio, Service Mesh, Jenkins, container platform
css: scss/blogs.scss

View File

@ -1,5 +1,7 @@
---
title: "page1"
title: Open Source Community - Open Source Community - KubeSphere | Enterprise container platform, built on Kubernetes
description: KubeSphere is an open source container platform based on Kubernetes for enterprise app development and deployment, suppors installing anywhere from on-premise datacenter to any cloud to edge.
keywords: KubeSphere, Kubernetes Dashboard, Install Enterprise Kubernetes, DevOps, Istio, Service Mesh, Jenkins, container platform
css: "scss/conferences.scss"

View File

@ -37,11 +37,11 @@ section2:
icon2: 'images/contribution/39.png'
children:
- content: 'Join KubeSphere Slack'
link: ''
link: 'https://join.slack.com/t/kubesphere/shared_invite/enQtNTE3MDIxNzUxNzQ0LTZkNTdkYWNiYTVkMTM5ZThhODY1MjAyZmVlYWEwZmQ3ODQ1NmM1MGVkNWEzZTRhNzk0MzM5MmY4NDc3ZWVhMjE'
- content: 'Join the Mailing List'
link: ''
- content: 'Follow us on Twitter'
link: ''
link: 'https://twitter.com/KubeSphere'
organization:
topic: 'Community Governance'

View File

@ -1,5 +1,5 @@
---
title: "page1"
title: "partner"
css: "scss/partner.scss"

View File

@ -1,34 +1,87 @@
---
title: "About"
title: "Open Source Community - Open Source Community - KubeSphere | Enterprise container platform, built on Kubernetes"
description: KubeSphere is an open source container platform based on Kubernetes for enterprise app development and deployment, suppors installing anywhere from on-premise datacenter to any cloud to edge.
keywords: KubeSphere, Kubernetes Dashboard, Install Enterprise Kubernetes, DevOps, Istio, Service Mesh, Jenkins, container platform
css: "scss/projects.scss"
name: Open Source Projects
groups:
- name: Container Platform
children:
- title: KubeSphere
icon: 'images/kubesphere.svg'
link: ''
- title: KubeSphere 容器平台
icon: images/projects/kubesphere.svg
link: "https://github.com/kubesphere/kubesphere"
description: 基于 Kubernetes 之上构建的以应用为中心的多租户容器平台,支持部署运行在任何基础设施之上,提供简单易用的操作界面以及向导式 UI旨在解决 Kubernetes 的存储、网络、安全与易用性等痛点。
- name: App Management
children:
- title: OpenPitrix
icon: ''
link: ''
icon: images/projects/openpitrix.svg
link: "https://github.com/openpitrix/openpitrix"
description: 开源的多云应用管理平台,用来在多云环境下打包、部署和管理不同类型的应用,包括传统应用、微服务应用以及 Serverless 应用等,其中云平台包括 AWS、Kubernetes、QingCloud、VMWare。
- name: Storage Plugins
children:
- title: QingStor-CSI
icon: ''
link: ''
icon: images/projects/qingstor.svg
link: "https://github.com/yunify/qingstor-csi"
description: QingStor CSI 插件实现 CSI 接口,使容器编排平台(如 Kubernetes能够使用 NeonSAN 分布式存储的资源。目前QingStor CSI 插件实现了存储卷管理和快照管理功能,并在 Kubernetes v1.12 环境中通过了 CSI Sanity 测试。
- title: QingCloud-CSI
icon: ''
link: ''
icon: images/projects/qingcloud.svg
link: "https://github.com/yunify/qingcloud-csi"
description: QingCloud CSI 插件实现了 CSI 接口,并使容器管理平台能够使用 QingCloud 云平台的块存储资源。目前QingCloud CSI 插件已经在 Kubernetes v1.14/v1.15 环境中通过了 CSI 测试。
- name: Network Plugins
children:
- title: Porter LB 插件
icon: images/projects/porter.svg
link: "https://github.com/kubesphere/porter"
description: 适用于物理部署 Kubernetes 环境的负载均衡器插件Porter 使用物理交换机实现,利用 BGP 和 ECMP 从而达到性能最优和高可用性,提供用户在物理环境暴露 LoadBalancer 类型服务与云上获得一致性体验。
- title: Qingcloud Load Balancer
icon: images/projects/qingcloud.svg
link: "https://github.com/yunify/qingcloud-cloud-controller-manager"
description: QingCloud 云平台的负载均衡器插件,使用户能够在 QingCloud 云平台快速创建 LoadBalancer 类型的服务并暴露给集群外部访问。
- title: Hostnic-CNI
icon: images/projects/qingcloud.svg
link: "https://github.com/yunify/hostnic-cni"
description: QingCloud 云平台的负载均衡器插件,会直接调用 QingCloud 云平台的接口去创建网卡,并将容器的内部的接口连接到网卡上,不同 Node 上的 Pod 能够借助云平台的 SDN 进行通讯。
- name: CI/CD
children:
- title: S2i-operator
icon: images/projects/s2i-operator.svg
link: "https://github.com/kubesphere/s2ioperator"
description: S2I ( Source to Image )是一款自动将代码容器化的工具,通过预置的模板来支持多种语言和框架,比如 Java、Nodejs、Python 等,提供 CLI、API 和 webhook是一种 CI/CD 的实现方式。
- name: Notification & Alerting
children:
- title: Notification通知系统
icon: images/projects/notification.svg
link: "https://github.com/openpitrix/notification"
description: 通用的企业级高性能的分布式通知系统,面向云原生的设计,可独立部署与使用,支持邮件通知,计划新增 WebSocket、微信、SMS 短信等通知渠道。
- title: Alert告警系统
icon: images/projects/alert.svg
link: "https://github.com/kubesphere/alert"
description: 通用的企业级高性能的分布式告警系统面向云原生的设计可独立部署与使用支持集群、Workload、Pod、容器级别的自定义告警规则。
- name: Logging Operator
children:
- title: Fluentbit-operator
icon: images/projects/fluentbit-operator.svg
link: "https://github.com/kubesphere/fluentbit-operator"
description: Fluent Bit Operator 实现以声明式配置的方式,对 Fluent Bit 动态管理和运维。可帮助开发者将日志信息与应用程序打包在一起。借助 CRD 可以在其图表中描述应用程序的行为。
- name: Identity Management
children:
- title: IM
icon: images/projects/im.svg
link: "https://github.com/kubesphere/im"
description: 通用的身份认证管理系统
---

View File

@ -0,0 +1,4 @@
---
title: search
---

View File

@ -1,5 +1,7 @@
---
title: "page1"
title: Open Source Community - Open Source Community - KubeSphere | Enterprise container platform, built on Kubernetes
description: KubeSphere is an open source container platform based on Kubernetes for enterprise app development and deployment, suppors installing anywhere from on-premise datacenter to any cloud to edge.
keywords: KubeSphere,DevOps,Istio,Service Mesh,Jenkins,
css: "scss/videos.scss"
minCss: css/jquery.modal.min.css
tip: ALL

View File

@ -19,16 +19,18 @@ footer:
- content: Notification Manager
link: ''
- title: Resources
list:
- content: Projects
link:
link: projects
- content: Blogs
link:
link: blogs
- content: KubeCon & QCon
link:
link: conferences
- content: Videos
link:
link: videos
- title: KubeSphere Docs
list:
- content: Introduction
@ -39,13 +41,14 @@ footer:
link: ''
- content: API Documentation
link: ''
- title: Community
list:
- content: Contribution
link:
link: contribution
- content: Case Studies
link:
link: case
- content: Partners
link:
link: partner
- content: Roadmap
link:
link: roadmap

View File

@ -26,5 +26,13 @@
translation: email is required!
- id: Please enter a valid email address.
translation: Please enter a valid email address!
- id: Demo
translation: Demo
- id: demo content 1
translation: "1.Online experience account: demo1 / Demo123"
- id: demo content 2
translation: 2.This demo account is only allowed to view parts of UI
- id: demo content 3
translation: 3.It's recommended that install KubeSphere in your environment
- id: Read More
translation: Read More

View File

@ -0,0 +1,22 @@
{{ define "main" }}
<section class="td-search-result">
<div class="">
<h2 style="margin-top: 200px;" class="ml-4">{{ .Title }}</h2>
{{ with .Site.Params.gcs_engine_id }}
<script>
(function() {
var cx = '{{ . }}';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:searchresults-only></gcse:searchresults-only>
{{ end }}
</div>
</section>
{{ end }}

View File

@ -48,7 +48,7 @@
{{ end }}
</ul>
{{ with .bottomContent }}
<p>{{ .content }} <a href="{{ .link }}">{{ .linkContent }}</a></p>
<p>{{ .content }} <a href="{{ .link }}" target="_blank">{{ .linkContent }}</a></p>
{{ end }}
</div>
<img src="{{ .icon | absURL }}" alt="">

View File

@ -24,7 +24,7 @@
<ul>
{{ range .children }}
<li>
<a href="{{ .link }}">{{ .content }}</a>
<a href="{{ .link }}" target="_blank">{{ .content }}</a>
</li>
{{ end }}
</ul>
@ -122,7 +122,7 @@
<h3>{{ .title }}</h3>
<p>{{ .content }}</p>
<div>
<a href="">{{ .linkContent }}</a>
<a href="{{ .link }}" target="_blank">{{ .linkContent }}</a>
</div>
</div>
{{ end }}

View File

@ -10,8 +10,8 @@
<p class='p1'>{{ .title }}</p>
<h1>{{ .topic }}</h1>
<p class='p2'>{{ .content }}</p>
<button class='btn1'>{{ .btnContent1 }}</button>
<button class='btn2'>{{ .btnContent2 }}</button>
<a href="{{ .downloadLink1 }}"><button class='btn1'>{{ .btnContent1 }}</button></a>
<a href="{{ .downloadLink2 }}"><button class='btn2'>{{ .btnContent2 }}</button></a>
</div>
<img class='img1' src="/images/home/53.png" alt="">
<img class='img2' src="/images/home/left.svg" alt="">
@ -102,7 +102,7 @@
<p>{{ .content }}</p>
</div>
<div class='middle-line'></div>
<a href="">Read More →</a>
<a href="{{ .link }}">{{ i18n "Read More" }}</a>
</li>
{{ end }}
</ul>
@ -163,7 +163,7 @@
{{ end }}
</ul>
<div>
<button>{{ .btnContent }}</button>
<a href="{{ .btnLink }}"><button>{{ .btnContent }}</button></a>
</div>
<div class='link-div'>
<a href="{{ .link }}">{{ .linkContent }}</a>

View File

@ -26,7 +26,7 @@
<li>
<div class="h3">{{ .title }}</div>
{{ range .list }}
<a href="{{ .link }}">{{ .content }}</a>
<a href="{{ .link }}" target="_blank">{{ .content }}</a>
{{ end }}
</li>
{{ end }}
@ -36,11 +36,11 @@
</div>
<div class="down-main">
<div class='img-div'>
<img src="/images/footer/facebook.svg" alt="">
<img src="/images/footer/youtube.svg" alt="">
<img src="/images/footer/slack.svg" alt="">
<img src="/images/footer/twitter.svg" alt="">
<img src="/images/footer/github.svg" alt="">
<!-- <a class='facebook-a' href="" target="_blank"></a> -->
<a class='youtube-a' href="{{ .Site.Params.youtubeLink }}" target="_blank"></a>
<a class='slack-a' href="{{ .Site.Params.slackLink }}" target="_blank"></a>
<a class='twitter-a' href="{{ .Site.Params.twitterLink }}" target="_blank"></a>
<a class='github-a' href="{{ .Site.Params.githubLink }}" target="_blank"></a>
</div>
<p class='p1'>{{ i18n "introduction2" }}</p>
</div>

View File

@ -4,7 +4,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="{{ with .Params.Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
<meta name="keywords" content="{{ with .Params.Keywords }}{{ range $i, $e := . }}{{ if $i }} {{ end }}{{ $e }}{{ end }}{{ else }}{{ with .Site.Params.Keywords }}{{ . }}{{ end }}{{ end }}">
<link rel="stylesheet" href="/fonts/Roboto/stylesheet.css">
<link rel="stylesheet" href="/fonts/ProximaNova/stylesheet.css">

View File

@ -46,17 +46,19 @@
</ul>
</li>
<li class='btn-li'>
<button>Demo →</button>
<a href="https://demo.kubesphere.io/login" target="_blank" rel="noopener noreferrer">
<button>{{ i18n "Demo" }} →</button>
</a>
<ol class="dropdown-menu">
<li></li>
<li></li>
<li></li>
<li>{{ i18n "demo content 1" }}</li>
<li>{{ i18n "demo content 2" }}</li>
<li>{{ i18n "demo content 3" }}</li>
</ol>
</li>
<li class='link-li'>
<a class='link-1' href=""></a>
<a class='link-2' href=""></a>
<a class='link-3' href=""></a>
<a class='link-1' href="{{ .Site.Params.slackLink }}" target="_blank"></a>
<a class='link-2' href="{{ .Site.Params.twitterLink }}" target="_blank"></a>
<a class='link-3' href="{{ .Site.Params.githubLink }}" target="_blank"></a>
</li>
</ul>
</div>
@ -70,12 +72,12 @@ var bindNavMouseEvent = function(selector) {
return false
}
flag = true
$(this).find('.dropdown-menu').fadeIn(300, function() {
$(this).find('.dropdown-menu').fadeIn(200, function() {
flag = false
})
});
$(selector).mouseleave(function() {
$(this).find('.dropdown-menu').fadeOut(300)
$(this).find('.dropdown-menu').fadeOut(200)
});
}

View File

@ -56,7 +56,7 @@
<h3>{{ .title }}</h3>
<p>{{ .content }}</p>
<div>
<a href="">{{ $tip }}</a>
<a href="{{ .link }}" target="_blank">{{ $tip }}</a>
</div>
</li>
{{ end }}

View File

@ -18,10 +18,10 @@
{{ range .children }}
<li data-name="{{ $name }}">
<img src="{{ .icon | absURL }}" alt="">
<a href="{{ .link }}">{{ .title }}</a>
<a href="{{ .link }}" target="_blank">{{ .title }}</a>
<p>{{ .description }}</p>
<div>
<a href="{{ .link }}">Github</a>
<a href="{{ .link }}" target="_blank">Github</a>
</div>
</li>
{{ end }}

View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61 (89581) - https://sketch.com -->
<title>Facebook/hover</title>
<desc>Created with Sketch.</desc>
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="画板备份-4" transform="translate(-868.000000, -6178.000000)">
<g id="编组-3" transform="translate(154.000000, 5932.000000)">
<g id="编组-2" transform="translate(424.000000, 205.000000)">
<g id="Facebook/hover" transform="translate(291.000000, 42.000000)">
<g id="编组-48">
<circle id="椭圆形复制-3" stroke="#B6C2CD" cx="16" cy="16" r="16"></circle>
<g id="Facebook/hover" transform="translate(8.000000, 8.000000)">
<g>
<rect id="矩形" fill="#304357" fill-rule="nonzero" opacity="0" x="-8.8817842e-15" y="0" width="16" height="16"></rect>
<g id="social-media-(1)" transform="translate(4.000000, 0.000000)" fill="#3B5999" fill-rule="nonzero">
<path d="M6.57091667,2.65666667 L8.03158333,2.65666667 L8.03158333,0.112666667 C7.77958333,0.078 6.91291667,1.85037171e-17 5.90358333,1.85037171e-17 C1.28225,1.85037171e-17 2.53958333,5.23333333 2.35558333,6 L0.0309166667,6 L0.0309166667,8.844 L2.35491667,8.844 L2.35491667,16 L5.20425,16 L5.20425,8.84466667 L7.43425,8.84466667 L7.78825,6.00066667 L5.20358333,6.00066667 C5.32891667,4.118 4.69625,2.65666667 6.57091667,2.65666667 Z" id="路径"></path>
</g>
</g>
</g>
</g>
<g id="slack" transform="translate(8.000000, 8.000000)"></g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61 (89581) - https://sketch.com -->
<title>GitHub/hover</title>
<desc>Created with Sketch.</desc>
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="画板备份-4" transform="translate(-824.000000, -6178.000000)">
<g id="编组-3" transform="translate(154.000000, 5932.000000)">
<g id="编组-2" transform="translate(424.000000, 205.000000)">
<g id="GitHub/hover" transform="translate(247.000000, 42.000000)">
<circle id="椭圆形复制-3" stroke="#B6C2CD" cx="16" cy="16" r="16"></circle>
<g transform="translate(8.000000, 8.000000)">
<g>
<rect id="矩形" fill="#304357" fill-rule="nonzero" opacity="0" x="-1.0658141e-14" y="0" width="16" height="16"></rect>
<path d="M8,0 C3.60595703,0 0,3.60595703 0,8 C0,11.7496338 2.6311035,15.1557617 6.125,16 L6.125,13.3532715 C5.77880859,13.4290772 5.46020506,13.4312744 5.10778809,13.3273926 C4.63500975,13.1878662 4.2508545,12.8729248 3.96569825,12.3927002 C3.78393556,12.0860596 3.461792,11.75354 3.12573244,11.7779541 L3.04333497,10.8441162 C3.77001953,10.7818603 4.39868163,11.2868652 4.77185059,11.9138184 C4.93762206,12.1926269 5.12841797,12.3560791 5.373291,12.4283447 C5.60998534,12.4980469 5.86413575,12.4645996 6.16027831,12.3599853 C6.23461913,11.7670898 6.50622559,11.545166 6.71142578,11.232666 L6.71142578,11.2321777 C4.62768556,10.9213867 3.79724122,9.81591797 3.46765138,8.94335938 C3.03088378,7.78479003 3.26525878,6.33740234 4.03759766,5.4227295 C4.05261231,5.40490722 4.07971191,5.35827638 4.06921387,5.32568359 C3.71508788,4.25598144 4.14660644,3.37109375 4.16247559,3.27722169 C4.571167,3.39807128 4.63757325,3.15563966 5.93774413,3.94555663 L6.16247559,4.08056641 C6.25646972,4.13659669 6.22692872,4.10461425 6.32092284,4.09753419 C6.86376953,3.95007325 7.43603516,3.86865234 7.99987794,3.86132813 C8.56799316,3.86865234 9.13659669,3.95007325 9.70190431,4.10351563 L9.77465819,4.11083984 C9.76831056,4.10986328 9.79443359,4.10620119 9.83825684,4.08007813 C11.4624023,3.09631347 11.4040528,3.41784669 11.8395996,3.27624513 C11.8553467,3.37023925 12.2811279,4.26953125 11.9307861,5.32568359 C11.8835449,5.47119141 13.3388672,6.803833 12.5322266,8.94299316 C12.2026367,9.81591797 11.3723144,10.9213867 9.28857422,11.2321777 L9.28857422,11.232666 C9.55566406,11.6397705 9.87658691,11.8563233 9.87487794,12.696167 L9.87487794,16 C13.3688965,15.1557617 15.9998779,11.7496338 15.9998779,8 C15.9998779,3.60595703 12.394043,0 8,0 Z" id="路径" fill="#000000" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61 (89581) - https://sketch.com -->
<title>Slack</title>
<desc>Created with Sketch.</desc>
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Footer复制" transform="translate(-766.000000, -373.000000)">
<g id="Slack" transform="translate(767.000000, 374.000000)">
<g id="编组-4复制">
<g id="编组-5">
<circle id="椭圆形复制-3" stroke="#B6C2CD" cx="16" cy="16" r="16"></circle>
<g id="slack" transform="translate(8.000000, 9.000000)" fill="#304357" fill-rule="nonzero" opacity="0">
<rect id="矩形" x="0" y="0.142857143" width="17.1428571" height="17.1428571"></rect>
</g>
</g>
</g>
<g transform="translate(8.000000, 8.000000)" fill-rule="nonzero">
<rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
<path d="M10.3728199,0.984982531 C10.1236624,0.237510047 9.32373575,-0.169010078 8.57626325,0.0670338594 C7.82879077,0.316191359 7.42227064,1.11611805 7.65831459,1.86359053 L11.3432228,13.1936998 C11.5923803,13.8887181 12.3529663,14.2821246 13.0742117,14.0723078 C13.8347977,13.8493774 14.2937721,13.0494507 14.0446146,12.3150918 C14.0446146,12.2888647 10.3728199,0.984982531 10.3728199,0.984982531 L10.3728199,0.984982531 Z" id="路径" fill="#E9A823"></path>
<path d="M4.66842464,2.84710697 C4.41926714,2.09963448 3.61934045,1.69311436 2.87186797,1.9291583 C2.12439548,2.16520223 1.71787536,2.97824248 1.95391931,3.72571497 L5.63882753,15.0558242 C5.88798503,15.7508425 6.64857106,16.1442491 7.36981644,15.9344322 C8.13040247,15.7115018 8.58937681,14.9115752 8.34021931,14.1772162 C8.34021931,14.1509891 4.66842464,2.84710697 4.66842464,2.84710697 L4.66842464,2.84710697 Z" id="路径" fill="#3FB991"></path>
<path d="M15.0150175,10.374286 C15.76249,10.1251285 16.1690101,9.32520184 15.9329661,8.57772936 C15.6838086,7.83025687 14.883882,7.42373675 14.1364095,7.65978069 L2.79318666,11.3446889 C2.09816838,11.5938464 1.70476181,12.3544324 1.91457864,13.0756778 C2.13750903,13.8362638 2.93743572,14.2952382 3.67179467,14.0460807 C3.69802178,14.0460807 15.0150175,10.374286 15.0150175,10.374286 L15.0150175,10.374286 Z" id="路径" fill="#E11765"></path>
<path d="M5.15362608,13.5739928 C5.88798502,13.3379489 6.84527433,13.0232236 7.86813142,12.6953848 C7.63208748,11.9610259 7.31736222,11.0037365 6.98952342,9.98087945 L4.27501808,10.8594875 L5.15362608,13.5739928 Z" id="路径" fill="#472A49"></path>
<path d="M10.8580214,11.7249819 C11.8808785,11.3971431 12.8381678,11.0824179 13.5725267,10.8463739 C13.3364828,10.112015 13.0217575,9.15472567 12.6939187,8.13186858 L9.97941336,9.01047658 L10.8580214,11.7249819 Z" id="路径" fill="#CD2027"></path>
<path d="M13.152893,4.66989075 C13.9003655,4.42073325 14.3068856,3.62080656 14.0708417,2.87333406 C13.8347978,2.12586156 13.0217575,1.71934145 12.274285,1.95538541 L0.944175766,5.64029362 C0.2491575,5.88945111 -0.144249078,6.65003716 0.0655677656,7.37128253 C0.288498156,8.13186856 1.08842484,8.59084291 1.82278378,8.34168541 C1.84901089,8.34168541 13.152893,4.66989073 13.152893,4.66989075 L13.152893,4.66989075 Z" id="路径" fill="#71CBDC"></path>
<path d="M3.3046152,7.86959753 C4.03897414,7.63355359 4.99626345,7.31882833 6.01912055,6.99098952 C5.69128173,5.96813244 5.37655648,5.01084311 5.14051253,4.27648417 L2.42600719,5.15509219 L3.3046152,7.86959753 Z" id="路径" fill="#1D947E"></path>
<path d="M9.00901048,6.00747308 C10.0318676,5.67963427 10.9891569,5.36490902 11.7235158,5.12886508 C11.395677,4.106008 11.0809518,3.14871867 10.8449078,2.41435973 L8.13040247,3.3060813 L9.00901048,6.00747308 Z" id="路径" fill="#66873A"></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 61 (89581) - https://sketch.com -->
<title>Twitter/hover</title>
<desc>Created with Sketch.</desc>
<g id="页面1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="画板备份-4" transform="translate(-780.000000, -6178.000000)">
<g id="编组-3" transform="translate(154.000000, 5932.000000)">
<g id="编组-2" transform="translate(424.000000, 205.000000)">
<g id="Twitter/hover" transform="translate(203.000000, 42.000000)">
<circle id="椭圆形复制-3" stroke="#B6C2CD" cx="16" cy="16" r="16"></circle>
<g transform="translate(8.000000, 8.000000)">
<g>
<rect id="矩形" fill="#304357" fill-rule="nonzero" opacity="0" x="-1.0658141e-14" y="0" width="16" height="16"></rect>
<path d="M16,3.539 C15.405,3.8 14.771,3.973 14.11,4.057 C14.79,3.651 15.309,3.013 15.553,2.244 C14.919,2.622 14.219,2.889 13.473,3.038 C12.871,2.397 12.013,2 11.077,2 C9.261,2 7.799,3.474 7.799,5.281 C7.799,5.541 7.821,5.791 7.875,6.029 C5.148,5.896 2.735,4.589 1.114,2.598 C0.831,3.089 0.665,3.651 0.665,4.256 C0.665,5.392 1.25,6.399 2.122,6.982 C1.595,6.972 1.078,6.819 0.64,6.578 C0.64,6.588 0.64,6.601 0.64,6.614 C0.64,8.208 1.777,9.532 3.268,9.837 C3.001,9.91 2.71,9.945 2.408,9.945 C2.198,9.945 1.986,9.933 1.787,9.889 C2.212,11.188 3.418,12.143 4.852,12.174 C3.736,13.047 2.319,13.573 0.785,13.573 C0.516,13.573 0.258,13.561 0,13.528 C1.453,14.465 3.175,15 5.032,15 C11.068,15 14.368,10 14.368,5.666 C14.368,5.521 14.363,5.381 14.356,5.242 C15.007,4.78 15.554,4.203 16,3.539 Z" id="路径" fill="#03A9F4" fill-rule="nonzero"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="#00aa72" d="M11 7.167V20H9l-.966-6.625-2.289-.294A2 2 0 0 1 4 11.097V9.883a2 2 0 0 1 1.724-1.98L11 7.167zM19 9a1.5 1.5 0 0 1 0 3V9z"/>
<path fill="#90e0c5" d="M11 7.167l4.02-2.546A4 4 0 0 1 17.16 4H19v13h-1.814a4 4 0 0 1-2.18-.646L11 13.75V7.167z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 418 B

View File

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<g fill="none" fill-rule="evenodd">
<path fill="#23C18D" fill-rule="nonzero" d="M55.732 28.722h-.856c-1.559-.019-4.548.148-7.259 2.49-6.47 5.602-7.948 13.85-19.021 18.3C19.372 53.22 8 49.71 8 49.71s10.147-.706 11.492-8.449c1.05-6.056-4.459-10.356-7.917-15.819-3.517-5.563-4.42-10.185-2.726-12.182 4.804-5.672 18.033 9.662 24.601 11.729 6.429 2.02 10.767-2.672 16.09-1.982 1.699.218 2.528.95 3.08 1.885.185.314.643 1.384 1.05 1.78.4.387.93.674 1.427.965.632.372 1.256 1.085.635 1.085z"/>
<path fill="#90E0C5" fill-rule="nonzero" d="M25.331 19.851c-1.59-1.21-3.23-2.477-4.842-3.633-.365-.26-.73-.515-1.09-.763-4.323-2.959-8.332-4.812-10.55-2.195-1.694 1.997-.79 6.619 2.73 12.182.035.058.073.113.108.17 1.834 2.84 7.154 9.488 19.762 9.205.83-.88 2.09-2.543 3.719-4.354-2.64-4.268-6.619-7.99-9.837-10.612z"/>
<path fill="#11B27D" fill-rule="nonzero" d="M38.04 39.912c.051-1.892-.294-3.757-.95-5.56-1.655.248-3.52.419-5.64.465-1.544 1.64-5.068 6.022-10.907 9.969-7.774 5.257-12.54 4.924-12.54 4.924s11.377 3.509 20.597-.198c3.307-1.33 5.761-2.997 7.746-4.835.326-.31 1.625-1.93 1.695-4.765z"/>
<path fill="#23C18D" fill-rule="nonzero" d="M35.172 30.463c-1.629 1.807-2.893 3.474-3.719 4.354a44.42 44.42 0 0 0 5.642-.465 17.754 17.754 0 0 0-.667-1.593 24.525 24.525 0 0 0-1.256-2.296zM44.624 23.605c-3.404 1.03-6.804 2.756-11.174 1.384-2.163-.679-5.052-2.8-8.119-5.138 3.218 2.621 7.196 6.34 9.84 10.612 2.412-2.671 5.63-5.657 9.453-6.858z"/>
<path fill="#008A5C" fill-rule="nonzero" d="M37.095 34.352c.655 1.803 1 3.668.95 5.56-.074 2.83-1.373 4.451-1.699 4.765 4.657-4.307 6.739-9.538 11.275-13.465a10.005 10.005 0 0 1 2.563-1.617h-.004c-2.974 1.248-6.2 3.718-13.085 4.757z"/>
<path fill="#00AA72" fill-rule="nonzero" d="M55.732 28.722c.62 0-.003-.713-.632-1.081-.496-.295-1.027-.582-1.426-.966-.411-.395-.869-1.47-1.051-1.78-.555-.938-1.38-1.667-3.079-1.884-1.706-.22-3.31.113-4.916.597-3.823 1.202-7.045 4.188-9.456 6.86.461.748.887 1.511 1.256 2.29.248.528.473 1.06.667 1.594 6.89-1.039 10.111-3.509 13.085-4.757h.004c1.873-.814 3.625-.888 4.695-.873h.853z"/>
<path fill="#23C18D" fill-rule="nonzero" d="M20.543 44.786c5.839-3.947 9.363-8.328 10.906-9.969-12.608.283-17.928-6.366-19.762-9.204 3.463 5.385 8.848 9.658 7.809 15.648-1.345 7.743-11.492 8.449-11.492 8.449s4.765.333 12.539-4.924z"/>
<ellipse cx="49.192" cy="25.896" fill="#FFF" fill-rule="nonzero" rx="1.008" ry="1"/>
<path d="M0 0h64v64H0z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="#90e0c5" d="M13.899 12.968l-1.05 1.819a2.931 2.931 0 0 0-2.48 4.191l.026.057L9.4 20.76l-2.921.783-.783-2.921 4.499-7.793a5.328 5.328 0 0 0 1.63 1.455c.658.38 1.363.604 2.074.684z"/>
<path fill="#00aa72" d="M11.824 12.284a5.346 5.346 0 1 1 5.346-9.26 5.346 5.346 0 0 1-5.346 9.26zm1.711-2.963a1.925 1.925 0 1 0 1.925-3.334 1.925 1.925 0 0 0-1.925 3.334z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 524 B

View File

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 326 B

View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="#90e0c5" d="M12 21a9 9 0 1 1 0-18 9 9 0 0 1 0 18zm0-12.319a1.312 1.312 0 1 0 0-2.623 1.312 1.312 0 0 0 0 2.623zm-1 1.835V18h2v-7.484h-2z"/>
<circle cx="12" cy="7.37" r="1.312" fill="#00aa72"/>
<path fill="#00aa72" d="M11 10.516h2V18h-2z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 416 B

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="65" height="64" viewBox="0 0 65 64">
<g fill="none" fill-rule="evenodd">
<path fill="#00AA72" d="M19.632 30.126h9.652c.898 0 1.683-.166 2.357-.497a4.537 4.537 0 0 0 1.655-1.351c.43-.57.748-1.223.954-1.96.205-.736.309-1.49.309-2.263 0-.809-.104-1.582-.309-2.318a5.526 5.526 0 0 0-.954-1.93 4.663 4.663 0 0 0-1.655-1.326c-.674-.332-1.459-.497-2.357-.497h-9.652v12.142zm9.652-19.372c1.983 0 3.731.331 5.247.994 1.514.663 2.777 1.582 3.787 2.759 1.01 1.178 1.776 2.558 2.3 4.14.525 1.581.787 3.275.787 5.077 0 1.766-.245 3.45-.73 5.05-.486 1.6-1.235 2.999-2.245 4.195-1.009 1.195-2.272 2.152-3.787 2.87-1.516.717-3.302 1.076-5.36 1.076h-9.65v16.097h-7.35V10.754h17zM45.378 35.477V10.754h7.35v28.277z"/>
<path fill="#90E0C5" d="M52.728 46.447v6.565l-7.35-.001V42.895z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 849 B

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="#90e0c5" d="M12 7.381L4 12 12 16.62 4 21.236V2.763l8 4.618zM12 7.381l8-4.618v18.474l-7.999-4.618L20 12l-8-4.618z"/>
<path fill="#00aa72" d="M20 12l-8 4.62L4 12l8-4.62z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 339 B

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h64v64H0z"/>
<path fill="#00AA72" d="M43.176 35.927l8.669 4.996-8.669 5.069V35.927zm.661-1.175l8.669-4.995v9.99l-8.669-4.995zm-.66-11.166l8.668 4.995-8.669 4.996v-9.991zm-31.516-7.42l8.669-4.995v9.99l-8.669-4.995zM11 17.342l8.669 5.068L11 27.406V17.342zm0 12.415l8.669 4.995L11 39.747v-9.99zM43.176 11.17l8.669 4.995-8.669 4.996V11.17zm.661 11.24l8.669-5.07v10.065l-8.669-4.996zm-10.725-6.245l8.669-4.995v9.99l-8.669-4.995zm0 24.757l8.669-4.996v10.065l-8.669-5.07zM22.387 9.995L31.055 5v9.99l-8.668-4.995zM32.45 5l8.668 4.995-8.668 4.996V5zm0 37.172l8.668 4.995-8.668 4.996v-9.991zm.661 11.166l8.669-4.995v9.99l-8.669-4.995zm-11.387-17.41l8.669 4.995-8.669 5.069V35.927zm0-24.757l8.669 4.995-8.669 4.996V11.17zM11.661 28.58l8.669-4.995v9.99l-8.669-4.995zm0 12.342l8.669-4.996v10.065l-8.669-5.07zm10.726 6.244l8.668-4.995v9.99l-8.668-4.995z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1012 B

View File

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h64v64H0z"/>
<g fill="#00A971" fill-rule="nonzero">
<path d="M10 43.157V21.72L28.71 11l18.71 10.72v12.84L28.71 23.845l-7.5 4.296v8.597l18.71 10.717-11.21 6.424z"/>
<path d="M53.957 46.902l-6.537 3.744-6.537-3.744V39.41l6.537-3.745 6.537 3.745z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 453 B

View File

@ -0,0 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<g fill="none" fill-rule="evenodd">
<path fill="#00aa72" d="M9 19l-2-2L17 7l2 2v10H9z"/>
<path fill="#90e0c5" d="M7 17l-2-2V5h10l2 2L7 17z"/>
<path fill="#00aa72" d="M15 3h6v6zM3 15l6 6H3z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 320 B