saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New Icons

Browse Source
This commit is contained in:
Giuseppe Pignataro
2019-02-26 00:23:18 +01:00
parent d6e2fb2145
commit 5078cf6057
9 changed files with 1034 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

393
assets/font/demo.css
View File

@@ -1,105 +1,151 @@
*{margin: 0;padding: 0;list-style: none;}
/*
KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
*/
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
margin: 0;
padding: 0;
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置文本格式元素 **/
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/* 清除浮动 */
.ks-clear:after, .clear:after {
content: '\20';
display: block;
height: 0;
clear: both;
/* tabs */
.nav-tabs {
position: relative;
}
.ks-clear, .clear {
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
.main .logo a {
font-size: 160px;
color: #333;
}
.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
.helps{margin-top:40px;}
.helps pre{
padding:20px;
margin:10px 0;
border:solid 1px #e7e1cd;
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists{
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li{
float:left;
.icon_lists li {
width: 100px;
height:180px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists .icon{
font-size: 42px;
line-height: 100px;
margin: 10px 0;
color:#333;
-webkit-transition: font-size 0.25s ease-out 0s;
-moz-transition: font-size 0.25s ease-out 0s;
transition: font-size 0.25s ease-out 0s;
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon:hover{
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
@@ -165,40 +211,39 @@ margin: 0 auto;
clear: both;
}
.markdown p,
.markdown pre {
.markdown p {
margin: 1em 0;
}
.markdown > p,
.markdown > blockquote,
.markdown > .highlight,
.markdown > ol,
.markdown > ul {
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul > li {
.markdown ul>li {
list-style: circle;
}
.markdown > ul li,
.markdown blockquote ul > li {
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown > ul li p,
.markdown > ol li p {
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol > li {
.markdown ol>li {
list-style: decimal;
}
.markdown > ol li,
.markdown blockquote ol > li {
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
@@ -210,24 +255,12 @@ margin: 0 auto;
border-radius: 3px;
}
.markdown pre {
border-radius: 6px;
background: #f7f7f7;
padding: 20px;
}
.markdown pre code {
border: none;
background: #f7f7f7;
margin: 0;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown > table {
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
@@ -236,21 +269,20 @@ margin: 0 auto;
margin-bottom: 24px;
}
.markdown > table th {
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown > table th,
.markdown > table td {
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown > table th {
.markdown>table th {
background: #F7F7F7;
}
@@ -260,7 +292,6 @@ margin: 0 auto;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
font-style: italic;
}
.markdown blockquote p {
@@ -287,8 +318,8 @@ margin: 0 auto;
display: inline-block;
}
.markdown > br,
.markdown > p > br {
.markdown>br,
.markdown>p>br {
clear: both;
}
@@ -360,11 +391,149 @@ margin: 0 auto;
text-decoration: underline;
}
pre{
background: #fff;
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}

653
assets/font/demo_index.html Normal file
View File

@@ -0,0 +1,653 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1059530" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xea79;</span>
<div class="name">codepen</div>
<div class="code-name">&amp;#xea79;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe761;</span>
<div class="name">reddit</div>
<div class="code-name">&amp;#xe761;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe642;</span>
<div class="name">icon-left</div>
<div class="code-name">&amp;#xe642;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe666;</span>
<div class="name">icon-right</div>
<div class="code-name">&amp;#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb2a;</span>
<div class="name">twitter</div>
<div class="code-name">&amp;#xeb2a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe638;</span>
<div class="name">facebook</div>
<div class="code-name">&amp;#xe638;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe719;</span>
<div class="name">gitlab</div>
<div class="code-name">&amp;#xe719;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe783;</span>
<div class="name">medium</div>
<div class="code-name">&amp;#xe783;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe696;</span>
<div class="name">linkedin</div>
<div class="code-name">&amp;#xe696;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe697;</span>
<div class="name">pinterest</div>
<div class="code-name">&amp;#xe697;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b6;</span>
<div class="name">instagram</div>
<div class="code-name">&amp;#xe6b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe691;</span>
<div class="name">github</div>
<div class="code-name">&amp;#xe691;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe622;</span>
<div class="name">mail 2</div>
<div class="code-name">&amp;#xe622;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe665;</span>
<div class="name">keybase</div>
<div class="code-name">&amp;#xe665;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d1;</span>
<div class="name">folder</div>
<div class="code-name">&amp;#xe7d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe632;</span>
<div class="name">icon-tag</div>
<div class="code-name">&amp;#xe632;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe684;</span>
<div class="name">sun</div>
<div class="code-name">&amp;#xe684;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xf218;</span>
<div class="name">quora</div>
<div class="code-name">&amp;#xf218;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xf246;</span>
<div class="name">telegram-plane</div>
<div class="code-name">&amp;#xf246;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xf24a;</span>
<div class="name">tumblr</div>
<div class="code-name">&amp;#xf24a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe765;</span>
<div class="name">youtube</div>
<div class="code-name">&amp;#xe765;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-codepen"></span>
<div class="name">
codepen
</div>
<div class="code-name">.icon-codepen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reddit"></span>
<div class="name">
reddit
</div>
<div class="code-name">.icon-reddit
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dajiantou"></span>
<div class="name">
icon-left
</div>
<div class="code-name">.icon-dajiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiaojiantou"></span>
<div class="name">
icon-right
</div>
<div class="code-name">.icon-xiaojiantou
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-twitter"></span>
<div class="name">
twitter
</div>
<div class="code-name">.icon-twitter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-facebook"></span>
<div class="name">
facebook
</div>
<div class="code-name">.icon-facebook
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gitlab"></span>
<div class="name">
gitlab
</div>
<div class="code-name">.icon-gitlab
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-medium"></span>
<div class="name">
medium
</div>
<div class="code-name">.icon-medium
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-linkedin"></span>
<div class="name">
linkedin
</div>
<div class="code-name">.icon-linkedin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pinterest"></span>
<div class="name">
pinterest
</div>
<div class="code-name">.icon-pinterest
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-instagram"></span>
<div class="name">
instagram
</div>
<div class="code-name">.icon-instagram
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-github"></span>
<div class="name">
github
</div>
<div class="code-name">.icon-github
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mail"></span>
<div class="name">
mail 2
</div>
<div class="code-name">.icon-mail
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-keybase"></span>
<div class="name">
keybase
</div>
<div class="code-name">.icon-keybase
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder"></span>
<div class="name">
folder
</div>
<div class="code-name">.icon-folder
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-tag"></span>
<div class="name">
icon-tag
</div>
<div class="code-name">.icon-icon-tag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sun"></span>
<div class="name">
sun
</div>
<div class="code-name">.icon-sun
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quora"></span>
<div class="name">
quora
</div>
<div class="code-name">.icon-quora
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-telegram-plane"></span>
<div class="name">
telegram-plane
</div>
<div class="code-name">.icon-telegram-plane
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tumblr"></span>
<div class="name">
tumblr
</div>
<div class="code-name">.icon-tumblr
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youtube"></span>
<div class="name">
youtube
</div>
<div class="code-name">.icon-youtube
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
<p>与 Unicode 使用方式相比，具有如下特点：</p>
<ul>
<li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-codepen"></use>
</svg>
<div class="name">codepen</div>
<div class="code-name">#icon-codepen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reddit"></use>
</svg>
<div class="name">reddit</div>
<div class="code-name">#icon-reddit</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dajiantou"></use>
</svg>
<div class="name">icon-left</div>
<div class="code-name">#icon-dajiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaojiantou"></use>
</svg>
<div class="name">icon-right</div>
<div class="code-name">#icon-xiaojiantou</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-twitter"></use>
</svg>
<div class="name">twitter</div>
<div class="code-name">#icon-twitter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-facebook"></use>
</svg>
<div class="name">facebook</div>
<div class="code-name">#icon-facebook</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gitlab"></use>
</svg>
<div class="name">gitlab</div>
<div class="code-name">#icon-gitlab</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-medium"></use>
</svg>
<div class="name">medium</div>
<div class="code-name">#icon-medium</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-linkedin"></use>
</svg>
<div class="name">linkedin</div>
<div class="code-name">#icon-linkedin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pinterest"></use>
</svg>
<div class="name">pinterest</div>
<div class="code-name">#icon-pinterest</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-instagram"></use>
</svg>
<div class="name">instagram</div>
<div class="code-name">#icon-instagram</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-github"></use>
</svg>
<div class="name">github</div>
<div class="code-name">#icon-github</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mail"></use>
</svg>
<div class="name">mail 2</div>
<div class="code-name">#icon-mail</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-keybase"></use>
</svg>
<div class="name">keybase</div>
<div class="code-name">#icon-keybase</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder"></use>
</svg>
<div class="name">folder</div>
<div class="code-name">#icon-folder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-tag"></use>
</svg>
<div class="name">icon-tag</div>
<div class="code-name">#icon-icon-tag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sun"></use>
</svg>
<div class="name">sun</div>
<div class="code-name">#icon-sun</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quora"></use>
</svg>
<div class="name">quora</div>
<div class="code-name">#icon-quora</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-telegram-plane"></use>
</svg>
<div class="name">telegram-plane</div>
<div class="code-name">#icon-telegram-plane</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tumblr"></use>
</svg>
<div class="name">tumblr</div>
<div class="code-name">#icon-tumblr</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youtube"></use>
</svg>
<div class="name">youtube</div>
<div class="code-name">#icon-youtube</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>
<hr>
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
<ul>
<li>支持多色图标了，不再受单色限制。</li>
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
<li>兼容性较差，支持 IE9+，及现代浏览器。</li>
<li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}
})
})
</script>
</body>
</html>

110
assets/font/iconfont.css
View File

File diff suppressed because one or more lines are too long

BIN
assets/font/iconfont.eot
View File

Binary file not shown.

2
assets/font/iconfont.js
View File

File diff suppressed because one or more lines are too long

63
assets/font/iconfont.svg
View File

@@ -20,76 +20,67 @@ Created by iconfont
/>
<missing-glyph />
<glyph glyph-name="flickr" unicode="&#58964;" d="M779.995195 830.711018 243.983315 830.711018c-98.713232 0-178.692798-80.088036-178.692798-178.715311l0-536.012903c0-98.713232 79.979566-178.692798 178.692798-178.692798l536.012903 0c98.713232 0 178.713264 79.979566 178.713264 178.692798L958.709483 651.995707C958.70846 750.622982 878.708428 830.711018 779.995195 830.711018zM869.286848 160.650119c0-74.001411-59.957557-133.958968-133.958968-133.958968L288.629141 26.691151c-73.979922 0-133.937478 59.957557-133.937478 133.958968L154.691663 607.349881c0 74.001411 59.957557 133.937478 133.937478 133.937478l446.698738 0c74.001411 0 133.958968-59.935044 133.958968-133.937478L869.286848 160.650119zM467.343429 406.280446c0-61.636802-50.056046-111.583354-111.691825-111.583354-61.721737 0-111.668289 49.946552-111.668289 111.583354 0 61.721737 49.946552 111.668289 111.668289 111.668289C417.287383 517.948735 467.343429 468.002183 467.343429 406.280446zM779.995195 406.280446c0-61.636802-49.946552-111.583354-111.691825-111.583354-61.61429 0-111.668289 49.946552-111.668289 111.583354 0 61.721737 50.053999 111.668289 111.668289 111.668289C730.049666 517.948735 779.995195 468.002183 779.995195 406.280446z" horiz-adv-x="1024" />
<glyph glyph-name="codepen" unicode="&#60025;" d="M123.52064 228.00857l344.526782-229.708899 0 205.136409-190.802457 127.396658zM88.051421 310.282531l110.283674 73.717469-110.283674 73.717469 0-147.434938zM556.025711-1.627196l344.526782 229.708899-153.724325 102.824168-190.802457-127.396658 0-205.136409zM512 280.005713l155.406371 103.994287-155.406371 103.994287-155.406371-103.994287zM277.171833 437.167262l190.802457 127.396658 0 205.136409-344.526782-229.708899zM825.664905 384l110.283674-73.717469 0 147.434938zM746.828167 437.167262l153.724325 102.824168-344.526782 229.708899 0-205.136409zM1023.926868 539.99143l0-311.98286q0-23.402371-19.453221-36.566205l-467.901157-311.98286q-11.993715-7.459506-24.57249-7.459506t-24.57249 7.459506l-467.901157 311.98286q-19.453221 13.163834-19.453221 36.566205l0 311.98286q0 23.402371 19.453221 36.566205l467.901157 311.98286q11.993715 7.459506 24.57249 7.459506t24.57249-7.459506l467.901157-311.98286q19.453221-13.163834 19.453221-36.566205z" horiz-adv-x="1024" />
<glyph glyph-name="tag" unicode="&#59133;" d="M847.701 277.536 618.93 48.3c-11.182-10.716-26.558-17.239-42.398-17.239-15.842 0-31.218 6.523-41.934 17.239L201.46 381.903c-23.763 23.296-42.399 68.491-42.399 101.572L159.061 677.301c0 32.615 27.023 59.639 59.639 59.639l193.825 0c33.081 0 78.276-18.637 102.038-42.399l333.139-332.671c10.715-11.183 17.238-26.558 17.238-42.399S858.416 288.253 847.701 277.536zM308.157 647.481c-33.081 0-59.639-26.558-59.639-59.639s26.558-59.639 59.639-59.639 59.639 26.558 59.639 59.639S341.238 647.481 308.157 647.481z" horiz-adv-x="1024" />
<glyph glyph-name="reddit" unicode="&#59233;" d="M862.230528 79.415296q0-7.999488-6.856704-16.570368-29.712384-33.712128-84.28032-47.425536t-112.278528-13.713408q-143.990784 0-197.701632 61.138944-6.856704 8.57088-6.856704 16.570368 0 9.713664 6.856704 16.856064t16.570368 7.1424q8.57088 0 17.14176-6.856704 33.140736-27.998208 71.709696-37.711872t91.137024-9.713664 91.42272 9.713664 72.566784 37.711872q8.57088 6.856704 17.14176 6.856704 9.713664 0 16.570368-7.1424t6.856704-16.856064zm-303.409152 223.414272q0-34.854912-24.569856-59.424768t-59.424768-24.569856q-34.28352 0-59.710464 24.855552t-25.426944 59.139072q0 34.854912 25.141248 59.99616t59.99616 25.141248 59.424768-25.141248 24.569856-59.99616zm367.976448 0q0-34.854912-24.569856-59.424768t-59.424768-24.569856q-34.28352 0-59.710464 24.855552t-25.426944 59.139072q0 34.854912 25.141248 59.99616t59.99616 25.141248 59.424768-25.141248 24.569856-59.99616zm-689.670144 168.56064q-22.284288 15.427584-50.282496 15.427584-37.711872 0-64.567296-26.855424t-26.855424-64.567296q0-41.140224 30.855168-69.138432 30.283776 80.566272 110.850048 145.133568zm917.08416-234.842112q0 126.849024-142.276608 221.128704-73.138176 48.56832-166.560768 72.281088t-189.416448 23.712768-189.416448-23.712768-167.13216-72.281088q-142.276608-94.27968-142.276608-221.128704t142.276608-221.128704q73.709568-48.56832 167.13216-72.281088t189.416448-23.712768 189.416448 23.712768 166.560768 72.281088q142.276608 94.27968 142.276608 221.128704zm66.852864 158.846976q0 37.711872-26.855424 64.567296t-64.567296 26.855424q-28.5696 0-53.139456-17.14176 79.99488-65.138688 109.707264-146.276352 34.854912 27.426816 34.854912 71.995392zm-82.280448 385.6896q0 27.998208-19.713024 47.711232t-47.13984 19.713024q-27.998208 0-47.711232-19.713024t-19.713024-47.711232q0-27.426816 19.713024-47.13984t47.711232-19.713024q27.426816 0 47.13984 19.713024t19.713024 47.13984zm129.705984-385.6896q0-37.14048-18.855936-69.709824t-50.853888-51.42528q2.85696-19.99872 2.85696-37.711872 0-79.423488-45.139968-145.990656t-118.849536-115.135488q-79.99488-52.568064-179.131392-77.995008t-202.558464-25.426944-202.84416 25.426944-179.417088 77.995008q-73.709568 48.56832-118.849536 115.135488t-45.139968 145.990656q0 20.570112 3.428352 40.568832-30.283776 18.855936-47.711232 50.568192t-17.427456 67.709952q0 57.1392 40.568832 97.993728t98.279424 40.854528q51.996672 0 90.851328-34.28352 151.41888 97.13664 364.548096 101.136384l82.280448 260.554752q5.71392 16.570368 22.85568 16.570368 13.713408 0 219.414528-51.42528 13.713408 31.42656 42.283008 50.282496t62.85312 18.855936q46.854144 0 80.566272-33.712128t33.712128-81.137664-33.712128-80.851968-80.566272-33.426432q-47.425536 0-80.851968 33.426432t-33.997824 80.280576l-193.701888 45.71136-71.424-225.69984q199.415808-8.57088 344.549376-102.279168 40.568832 35.997696 93.136896 35.997696 57.710592 0 98.279424-40.854528t40.568832-97.993728z" horiz-adv-x="1317" />
<glyph glyph-name="linkedin" unicode="&#59032;" d="M0 896 0 896 0 896ZM512 875.52c-271.456 0-491.52-220.064-491.52-491.52s220.064-491.52 491.52-491.52 491.52 220.064 491.52 491.52-220.064 491.52-491.52 491.52zM391.68 180.288l-99.52 0 0 320.256 99.52 0 0-320.256zM341.312 539.84c-31.424 0-51.776 22.336-51.776 49.824 0 28.16 20.928 49.76 53.056 49.76s51.776-21.6 52.384-49.76c0.064-27.552-20.288-49.824-53.664-49.824zM755.136 180.288l-99.488 0 0 177.504c0 41.28-14.432 69.376-50.432 69.376-27.488 0-43.84-19.008-51.104-37.312-2.624-6.496-3.264-15.712-3.264-24.832l0-184.672-99.584 0 0 218.112c0 39.936-1.28 73.376-2.624 102.144l86.432 0 4.608-44.48 1.952 0c13.12 20.928 45.216 51.712 98.912 51.712 65.472 0 114.592-43.84 114.592-138.144l0-189.376z" horiz-adv-x="1024" />
<glyph glyph-name="dajiantou" unicode="&#58946;" d="M436.046632 268.552777l-31.452339 31.452339 31.698956 31.701003L668.140665 564.830621c8.582469 8.639774 8.582469 22.769586 0 31.423687-8.582469 8.625448-22.667256 8.625448-31.236422 0L357.892645 315.717983c-8.567119-8.639774-8.567119-22.798239 0-31.423687l279.010575-280.551674c8.569166-8.626471 22.654976-8.626471 31.236422 0 8.582469 8.656147 8.582469 22.799262 0 31.425733L436.046632 268.552777z" horiz-adv-x="1024" />
<glyph glyph-name="mail" unicode="&#59225;" d="M512 896c-282.784 0-512-229.216-512-512s229.216-512 512-512 512 229.216 512 512-229.216 512-512 512zM256 640l512 0c9.152 0 18.016-1.952 26.144-5.664l-282.144-329.152-282.144 329.184c8.128 3.712 16.992 5.664 26.144 5.664zM192 192l0 384c0 1.344 0.064 2.688 0.128 4l187.648-218.944-185.6-185.6c-1.44 5.344-2.208 10.88-2.208 16.544zM768 128l-512 0c-5.664 0-11.2 0.768-16.544 2.208l182.112 182.112 90.432-105.504 90.432 105.504 182.112-182.112c-5.344-1.44-10.88-2.208-16.544-2.208zM832 192c0-5.664-0.768-11.2-2.208-16.544l-185.6 185.6 187.68 218.944c0.096-1.312 0.128-2.656 0.128-4l0-384z" horiz-adv-x="1024" />
<glyph glyph-name="search" unicode="&#58919;" d="M922.666667 19.626667 702.677333 247.594667C805.290667 384.298667 796.245333 581.866667 675.008 707.498667 609.344 775.552 523.264 809.578667 437.205333 809.578667 351.146667 809.578667 265.066667 775.552 199.402667 707.498667 68.074667 571.392 68.074667 350.741333 199.402667 214.656 265.066667 146.602667 351.146667 112.576 437.205333 112.576 510.058667 112.576 582.762667 137.237333 643.221333 185.984L863.210667-41.984 922.666667 19.626667ZM258.858667 276.266667C160.512 378.176 160.512 543.978667 258.858667 645.888 306.496 695.253333 369.834667 722.453333 437.205333 722.453333 504.576 722.453333 567.914667 695.253333 615.552 645.888 713.898667 543.978667 713.898667 378.176 615.552 276.266667 567.914667 226.901333 504.576 199.701333 437.205333 199.701333 369.834667 199.701333 306.496 226.901333 258.858667 276.266667Z" horiz-adv-x="1024" />
<glyph glyph-name="mail01" unicode="&#58946;" d="M814.512 597.15h-603.558v-1.464h-4.395v-424.833h610.884v424.833h-4.395l1.464 1.464zM512.733 544.412h178.725l-77.642-77.642-101.081-104.012-102.547 104.012-76.177 77.642h178.723zM260.762 223.588h-2.931v320.823h2.931l112.802-114.266 45.412-46.879-43.948-43.948-114.266-115.73zM512.733 223.588h-178.725l77.642 79.108 39.553 41.019 42.486-41.021 19.044-19.044 17.58 19.044 41.019 43.948 42.484-43.948v-1.464l77.642-77.642h-178.725zM766.169 223.588h-2.931l-112.802 114.266-43.948 46.879 43.948 45.414 112.802 114.266h2.931v-320.825zM873.11 745.11c-92.291 93.757-219.742 150.89-360.376 150.89-142.1 0-269.552-57.133-361.843-150.89-93.757-92.291-150.89-219.742-150.89-361.843 0-140.634 57.133-268.085 150.89-360.378 92.291-93.755 219.742-150.888 361.843-150.888 140.634 0 268.085 57.133 360.378 150.89 93.757 92.291 150.89 219.742 150.89 360.378-0.002 142.098-57.135 269.55-150.893 361.841zM832.092 63.908c-82.037-82.037-194.839-131.846-319.359-131.846-125.985 0-238.787 49.807-320.823 131.846-82.037 82.037-131.846 194.839-131.846 319.359 0 125.985 49.807 238.787 131.846 320.823 82.037 82.037 194.839 131.846 320.823 131.846 124.52 0 237.322-49.807 319.359-131.846 82.037-82.037 131.846-194.839 131.846-320.823 0-124.52-49.809-237.32-131.846-319.359z" horiz-adv-x="1025" />
<glyph glyph-name="wechat" unicode="&#59019;" d="M692.313 548.73c11.13 0 22.261 0 35.617-2.226-31.165 144.696-186.991 253.774-365.078 253.774-198.122 0-360.626-135.791-360.626-307.2 0-100.174 53.426-180.313 144.696-242.643l-35.617-111.304 126.887 62.33c44.522-8.904 82.365-17.809 126.887-17.809 11.13 0 22.261 0 33.391 2.226-6.678 24.487-11.13 48.974-11.13 75.687-2.226 158.052 133.565 287.165 304.974 287.165v0zM498.643 646.678c26.713 0 44.522-17.809 44.522-44.522s-17.809-44.522-44.522-44.522c-26.713 0-53.426 17.809-53.426 44.522 0 26.713 26.713 44.522 53.426 44.522v0zM244.87 555.409c-26.713 0-53.426 17.809-53.426 44.522s26.713 44.522 53.426 44.522c26.713 0 44.522-17.809 44.522-44.522 2.226-26.713-15.583-44.522-44.522-44.522v0zM1021.774 266.017c0 144.696-144.696 262.678-307.2 262.678-171.409 0-307.2-117.983-307.2-262.678 0-144.696 135.791-262.678 307.2-262.678 35.617 0 71.235 8.904 109.078 17.809l97.948-53.426-26.713 91.27c73.461 53.426 126.887 126.887 126.887 207.026v0zM616.626 312.765c-17.809 0-35.617 17.809-35.617 35.617 0 17.809 17.809 35.617 35.617 35.617 26.713 0 44.522-17.809 44.522-35.617 0-17.809-17.809-35.617-44.522-35.617v0zM814.748 312.765c-17.809 0-35.617 17.809-35.617 35.617 0 17.809 17.809 35.617 35.617 35.617 26.713 0 44.522-17.809 44.522-35.617-0-17.809-17.809-35.617-44.522-35.617v0zM814.748 312.765z" horiz-adv-x="1024" />
<glyph glyph-name="facebook" unicode="&#58881;" d="M1024 384c0 282.763636-229.236364 512-512 512C229.236364 896 0 666.763636 0 384s229.236364-512 512-512C794.763636-128 1024 101.23636399999998 1024 384zM374.504727 384L374.504727 481.978182l60.043636 0L434.548364 541.230545c0 79.918545 23.877818 137.495273 111.383273 137.495273l104.075636 0 0-97.745455-73.262545 0c-36.724364 0-45.056-24.389818-45.056-49.943273l0-49.058909 112.919273 0L629.201455 384l-97.512727 0 0-295.517091L434.548364 88.48290899999995 434.548364 384 374.504727 384z" horiz-adv-x="1024" />
<glyph glyph-name="xiaojiantou" unicode="&#58982;" d="M655.934668 314.250562 396.735301 575.366581c-7.889691 7.909134-20.800745 7.909134-28.670993 0-7.888667-7.949043-7.888667-20.958334 0-28.907377l128.20594-129.135102 121.423467-121.423467-254.711146-254.730589c-0.592494-5.91164 1.047866-12.002358 5.517667-16.510022 7.868201-7.949043 20.781302-7.949043 28.66997 0L655.934668 285.342162C663.824359 293.290181 663.824359 306.30152 655.934668 314.250562z" horiz-adv-x="1024" />
<glyph glyph-name="twitter" unicode="&#60202;" d="M958.293333 640C925.44 625.066667 890.026667 615.253333 853.333333 610.56 890.88 633.173333 919.893333 669.013333 933.546667 712.106667 898.133333 690.773333 858.88 675.84 817.493333 667.306667 783.786667 704 736.426667 725.333333 682.666667 725.333333 582.4 725.333333 500.48 643.413333 500.48 542.293333 500.48 527.786667 502.186667 513.706667 505.173333 500.48 353.28 508.16 218.026667 581.12 128 691.626667 112.213333 664.746667 103.253333 633.173333 103.253333 599.893333 103.253333 536.32 135.253333 480 184.746667 448 154.453333 448 126.293333 456.533333 101.546667 469.333333 101.546667 469.333333 101.546667 469.333333 101.546667 468.053333 101.546667 379.306667 164.693333 305.066667 248.32 288.426667 232.96 284.16 216.746667 282.026667 200.106667 282.026667 188.586667 282.026667 177.066667 283.306667 165.973333 285.44 189.013333 213.333333 256 159.573333 336.64 158.293333 274.346667 108.8 195.413333 79.786667 109.226667 79.786667 94.72 79.786667 80.213333 80.64 65.706667 82.346667 146.773333 30.293333 243.2 0 346.453333 0 682.666667 0 867.413333 279.04 867.413333 520.96 867.413333 529.066667 867.413333 536.746667 866.986667 544.853333 902.826667 570.453333 933.546667 602.88 958.293333 640Z" horiz-adv-x="1024" />
<glyph glyph-name="love" unicode="&#59205;" d="M513.401929 17.369855c-20.164249 0-207.085452 164.513868-289.018509 253.203816-46.00273 49.79715-91.849918 133.603881-91.849918 194.943924 0 130.201387 94.799086 236.113579 211.332173 236.113579 71.160713 0 131.555222-59.236126 168.815847-120.437 37.260625 61.200874 97.632621 120.437 168.814824 120.437 116.526947 0 211.32808-105.912192 211.32808-236.113579 0-61.476143-41.280172-148.617829-92.28073-195.33585C710.48047 187.678706 534.73991 17.369855 513.401929 17.369855z" horiz-adv-x="1024" />
<glyph glyph-name="facebook" unicode="&#58936;" d="M740.693333 356.693333l0 187.733333-157.013333 0L583.68 657.066667c0 0 0 51.2 58.026667 51.2 58.026667 0 153.6 0 153.6 0L795.306667 896 549.546667 896C378.88 896 365.226667 694.613333 365.226667 694.613333l0-146.773333-136.533333 0 0-187.733333 136.533333 0L365.226667-128l215.04 0L580.266667 356.693333 740.693333 356.693333z" horiz-adv-x="1024" />
<glyph glyph-name="github" unicode="&#59154;" d="M950.857143 384q0-143.428571-83.714286-258t-216.285714-158.571429q-15.428571-2.857143-22.571429 4t-7.142857 17.142857l0 120.571429q0 55.428571-29.714286 81.142857 32.571429 3.428571 58.571429 10.285714t53.714286 22.285714 46.285714 38 30.285714 60 11.714286 86q0 69.142857-45.142857 117.714286 21.142857 52-4.571429 116.571429-16 5.142857-46.285714-6.285714t-52.571429-25.142857l-21.714286-13.714286q-53.142857 14.857143-109.714286 14.857143t-109.714286-14.857143q-9.142857 6.285714-24.285714 15.428571t-47.714286 22-49.142857 7.714286q-25.142857-64.571429-4-116.571429-45.142857-48.571429-45.142857-117.714286 0-48.571429 11.714286-85.714286t30-60 46-38.285714 53.714286-22.285714 58.571429-10.285714q-22.857143-20.571429-28-58.857143-12-5.714286-25.714286-8.571429t-32.571429-2.857143-37.428571 12.285714-31.714286 35.714286q-10.857143 18.285714-27.714286 29.714286t-28.285714 13.714286l-11.428571 1.714286q-12 0-16.571429-2.571429t-2.857143-6.571429 5.142857-8 7.428571-6.857143l4-2.857143q12.571429-5.714286 24.857143-21.714286t18-29.142857l5.714286-13.142857q7.428571-21.714286 25.142857-35.142857t38.285714-17.142857 39.714286-4 31.714286 2l13.142857 2.285714q0-21.714286 2.857143-50.857143t2.857143-30.857143q0-10.285714-7.428571-17.142857t-22.857143-4q-132.571429 44-216.285714 158.571429t-83.714286 258q0 119.428571 58.857143 220.285714t159.714286 159.714286 220.285714 58.857143 220.285714-58.857143 159.714286-159.714286 58.857143-220.285714z" horiz-adv-x="1024" />
<glyph glyph-name="gitlab" unicode="&#59161;" d="M59.424 492.576l452.576-580-496 360q-10.272 7.424-14.272 19.712t0 24.288l57.728 176zM323.424 492.576l377.152 0-188.576-580zM210.272 842.272l113.152-349.728-264 0 113.152 349.728q4.576 13.152 18.848 13.152t18.848-13.152zM964.576 492.576l57.728-176q4-12 0-24.288t-14.272-19.712l-496-360 452.576 580zM964.576 492.576l-264 0 113.152 349.728q4.576 13.152 18.848 13.152t18.848-13.152z" horiz-adv-x="1024" />
<glyph glyph-name="pinterest" unicode="&#59327;" d="M950.857143 384q0-119.428571-58.857143-220.285714t-159.714286-159.714286-220.285714-58.857143q-63.428571 0-124.571429 18.285714 33.714286 53.142857 44.571429 93.714286 5.142857 19.428571 30.857143 120.571429 11.428571-22.285714 41.714286-38.571429t65.142857-16.285714q69.142857 0 123.428571 39.142857t84 107.714286 29.714286 154.285714q0 65.142857-34 122.285714t-98.571429 93.142857-145.714286 36q-60 0-112-16.571429t-88.285714-44-62.285714-63.142857-38.285714-74-12.285714-76.571429q0-59.428571 22.857143-104.571429t66.857143-63.428571q17.142857-6.857143 21.714286 11.428571 1.142857 4 4.571429 17.714286t4.571429 17.142857q3.428571 13.142857-6.285714 24.571429-29.142857 34.857143-29.142857 86.285714 0 86.285714 59.714286 148.285714t156.285714 62q86.285714 0 134.571429-46.857143t48.285714-121.714286q0-97.142857-39.142857-165.142857t-100.285714-68q-34.857143 0-56 24.857143t-13.142857 59.714286q4.571429 20 15.142857 53.428571t17.142857 58.857143 6.571429 43.142857q0 28.571429-15.428571 47.428571t-44 18.857143q-35.428571 0-60-32.571429t-24.571429-81.142857q0-41.714286 14.285714-69.714286l-56.571429-238.857143q-9.714286-40-7.428571-101.142857-117.714286 52-190.285714 160.571429t-72.571429 241.714286q0 119.428571 58.857143 220.285714t159.714286 159.714286 220.285714 58.857143 220.285714-58.857143 159.714286-159.714286 58.857143-220.285714z" horiz-adv-x="1024" />
<glyph glyph-name="medium" unicode="&#59267;" d="M341.184 655.424l0-670.272q0-14.272-7.136-24.288t-20.864-10.016q-9.728 0-18.848 4.576l-265.728 133.152q-12 5.728-20.288 19.136t-8.288 26.56l0 651.424q0 11.424 5.728 19.424t16.576 8q8 0 25.152-8.576l292-146.272q1.728-1.728 1.728-2.848zM377.76 597.728l305.152-494.848-305.152 152 0 342.848zM1024.032 587.424l0-602.272q0-14.272-8-23.136t-21.728-8.864-26.848 7.424l-252 125.728zM1022.304 656q0-1.728-146.56-239.712t-171.712-278.56l-222.848 362.272 185.152 301.152q9.728 16 29.728 16 8 0 14.848-3.424l309.152-154.272q2.272-1.152 2.272-3.424z" horiz-adv-x="1025" />
<glyph glyph-name="up" unicode="&#59216;" d="M371.812167 531.537218 150.102646 309.829743c-32.651654-32.652677-32.651654-85.591377 0-118.243031 32.652677-32.652677 85.591377-32.652677 118.244055 0L478.589053 402.272155c17.272385 15.095813 44.333718 17.229406 61.45363 0l211.132628-210.686467c32.652677-32.652677 85.590354-32.652677 118.242008 0 32.652677 32.652677 32.652677 85.591377 0 118.243031L647.712915 531.533125C552.787962 626.460124 471.375767 631.101841 371.812167 531.537218L371.812167 531.537218zM371.812167 531.537218" horiz-adv-x="1024" />
<glyph glyph-name="linkedin" unicode="&#59030;" d="M419.28-8.849h172.063v333.142c0 16.473 1.83 34.779 7.321 45.761 10.983 32.949 40.271 67.726 87.861 67.726 62.237 0 87.861-51.251 87.861-124.47v-320.329h172.063v342.295c0 170.234-84.201 248.941-197.689 248.941-91.524 0-148.265-54.915-170.234-91.524h-3.663l-7.321 78.709h-150.098c1.83-51.251 3.663-111.658 3.663-184.878v-395.379zM195.963 820.348c-54.915 0-91.524-38.441-89.692-91.524-1.83-49.422 34.779-89.692 89.692-89.692 56.743 0 93.354 40.271 93.354 89.692-3.663 53.085-38.441 91.524-93.354 91.524zM281.995-8.849v578.422h-172.063v-578.422h172.063z" horiz-adv-x="1024" />
<glyph glyph-name="left" unicode="&#58890;" d="M691.908-53.511l75.37 89.491c10.964 12.998 10.285 32.865-1.499 44.379l-286.279 300.374 277.935 310.327c11.338 12.191 11.035 32.285-0.639 44.85l-80.467 86.565c-11.68 12.584-30.356 12.894-41.663 0.716l-377.433-421.426c-11.332-12.183-11.041-32.267 0.658-44.844l80.467-86.565c1.772-1.911 3.706-3.533 5.751-4.877l306.62-321.704c11.776-11.501 30.216-10.304 41.179 2.714z" horiz-adv-x="1024" />
<glyph glyph-name="folder" unicode="&#58936;" d="M170.666667 810.666667l213.333333 0 85.333333-128 384 0q52.992 0 90.496-37.504t37.504-90.496l0-469.333333q0-52.992-37.504-90.496t-90.496-37.504l-682.666667 0q-52.992 0-90.496 37.504t-37.504 90.496l0 597.333333q0 52.992 37.504 90.496t90.496 37.504zM423.68 597.333333l-82.346667 128-170.666667 0q-17.664 0-30.165333-12.501333t-12.501333-30.165333l0-597.333333q0-17.664 12.501333-30.165333t30.165333-12.501333l682.666667 0q17.664 0 30.165333 12.501333t12.501333 30.165333l0 469.333333q0 17.664-12.501333 30.165333t-30.165333 12.501333l-429.653333 0z" horiz-adv-x="1024" />
<glyph glyph-name="close" unicode="&#59093;" d="M887.2 121.8 624.8 385.2l263 260c10.8 10.8 10.8 28.4 0 39.2l-74.8 75.2c-5.2 5.2-12.2 8-19.6 8-7.4 0-14.4-3-19.6-8L512 500.4 249.8 759.4c-5.2 5.2-12.2 8-19.6 8-7.4 0-14.4-3-19.6-8L136 684.2c-10.8-10.8-10.8-28.4 0-39.2l263-260L136.8 121.8c-5.2-5.2-8.2-12.2-8.2-19.6 0-7.4 2.8-14.4 8.2-19.6l74.8-75.2c5.4-5.4 12.4-8.2 19.6-8.2 7 0 14.2 2.6 19.6 8.2L512 269.8l261.4-262.2c5.4-5.4 12.4-8.2 19.6-8.2 7 0 14.2 2.6 19.6 8.2l74.8 75.2c5.2 5.2 8.2 12.2 8.2 19.6C895.4 109.6 892.4 116.6 887.2 121.8z" horiz-adv-x="1024" />
<glyph glyph-name="dribbble" unicode="&#59030;" d="M748.076 24.048c-4.827 27.348-27.348 157.662-83.658 318.542 135.137 22.523 254.189-14.478 268.669-19.305-17.696-123.879-86.874-231.666-185.012-299.236zM506.757-53.175c-99.747 0-191.446 35.394-265.452 94.919 8.043 16.090 94.919 191.446 339.456 278.321 1.609 0 1.609 0 3.219 1.609 61.134-162.49 85.266-299.236 91.7-337.849-51.483-24.132-109.398-37.003-168.924-37.003zM73.989 394.070v12.87c19.305 0 228.449-3.219 444.029 62.742 12.87-25.741 24.132-49.872 35.394-75.615-6.434-1.609-11.263-3.219-17.696-4.827-223.622-74.004-341.065-276.714-352.325-294.411-65.962 80.441-109.398 185.012-109.398 299.236zM323.352 797.88c11.263-16.090 88.485-127.095 160.88-257.409-202.708-54.7-381.285-54.7-400.59-54.7 27.348 138.356 119.053 252.582 239.712 312.108zM506.757 839.71c109.398 0 210.752-41.828 286.366-112.617-8.043-11.263-72.396-101.356-226.841-160.88-70.787 133.531-149.619 244.537-160.88 260.625 32.174 8.043 65.962 12.87 101.356 12.87zM841.384 675.611c59.525-75.615 96.527-172.142 98.137-278.321-14.478 3.219-157.662 33.786-300.846 14.478-3.219 8.043-6.434 16.090-9.653 22.523-9.653 22.523-19.305 43.437-28.959 64.353 160.88 69.178 233.277 164.097 241.321 176.967z" horiz-adv-x="1024" />
<glyph glyph-name="pinterest" unicode="&#59031;" d="M178.98 513.123c0-83.658 32.174-157.662 101.356-185.012 11.263-4.827 20.914 0 24.132 12.87 1.609 8.043 8.043 30.567 9.653 38.61 3.219 12.87 1.609 16.090-6.434 27.348-19.305 22.523-32.174 53.090-32.174 94.919 0 122.268 93.309 233.277 242.926 233.277 131.922 0 204.317-80.441 204.317-186.621 0-139.964-62.742-257.409-156.052-257.409-51.483 0-90.094 41.828-77.222 93.309 14.478 61.134 43.437 127.095 43.437 172.142 0 40.22-20.914 72.396-65.962 72.396-53.090 0-94.919-53.090-94.919-125.486 0-45.045 16.090-77.222 16.090-77.222s-54.7-225.23-62.742-263.841c-19.305-78.831-3.219-175.359-1.609-185.012 1.609-6.434 8.043-6.434 11.263-3.219 4.827 6.434 67.569 82.049 88.485 159.27 6.434 20.914 35.394 133.531 35.394 133.531 17.696-32.174 67.569-61.134 120.659-61.134 159.27 0 265.452 141.573 265.452 333.020 0 144.794-123.879 278.321-312.108 278.321-234.884-1.609-353.935-165.705-353.935-304.063z" horiz-adv-x="1024" />
<glyph glyph-name="instagram" unicode="&#59062;" d="M658.285714 384q0 60.571429-42.857143 103.428571t-103.428571 42.857143-103.428571-42.857143-42.857143-103.428571 42.857143-103.428571 103.428571-42.857143 103.428571 42.857143 42.857143 103.428571z m78.857143 0q0-93.714286-65.714286-159.428571t-159.428571-65.714286-159.428571 65.714286-65.714286 159.428571 65.714286 159.428571 159.428571 65.714286 159.428571-65.714286 65.714286-159.428571z m61.714286 234.285714q0-21.714286-15.428572-37.142857t-37.142857-15.428571-37.142857 15.428571-15.428571 37.142857 15.428571 37.142857 37.142857 15.428572 37.142857-15.428572 15.428572-37.142857zM512 744q-4 0-43.714286 0.285714t-60.285714 0-55.142857-1.714285-58.857143-5.714286T253.142857 726.285714q-28.571429-11.428571-50.285714-33.142857t-33.142857-50.285714q-6.285714-16.571429-10.571429-40.857143t-5.714286-58.857143-1.714285-55.142857 0-60.285714 0.285714-43.714286-0.285714-43.714286 0-60.285714 1.714285-55.142857 5.714286-58.857143T169.714286 125.142857q11.428571-28.571429 33.142857-50.285714t50.285714-33.142857q16.571429-6.285714 40.857143-10.571429t58.857143-5.714286 55.142857-1.714285 60.285714 0 43.714286 0.285714 43.714286-0.285714 60.285714 0 55.142857 1.714285 58.857143 5.714286 40.857143 10.571429q28.571429 11.428571 50.285714 33.142857t33.142857 50.285714q6.285714 16.571429 10.571429 40.857143t5.714286 58.857143 1.714285 55.142857 0 60.285714-0.285714 43.714286 0.285714 43.714286 0 60.285714-1.714285 55.142857-5.714286 58.857143T854.285714 642.857143q-11.428571 28.571429-33.142857 50.285714t-50.285714 33.142857q-16.571429 6.285714-40.857143 10.571429t-58.857143 5.714286-55.142857 1.714285-60.285714 0-43.714286-0.285714z m438.857143-360q0-130.857143-2.857143-181.142857-5.714286-118.857143-70.857143-184t-184-70.857143q-50.285714-2.857143-181.142857-2.857143t-181.142857 2.857143q-118.857143 5.714286-184 70.857143T76 202.857143q-2.857143 50.285714-2.857143 181.142857t2.857143 181.142857q5.714286 118.857143 70.857143 184t184 70.857143q50.285714 2.857143 181.142857 2.857143t181.142857-2.857143q118.857143-5.714286 184-70.857143t70.857143-184q2.857143-50.285714 2.857143-181.142857z" horiz-adv-x="1024" />
<glyph glyph-name="tumblr" unicode="&#58911;" d="M512-128c282.76736 0 512 229.23264 512 512S794.76736 896 512 896 0 666.76736 0 384s229.23264-512 512-512z m16.67072 821.57568v-157.77792h148.13184v-97.97632h-148.13184v-160.07168c0-36.18816 1.92512-59.43296 5.75488-69.69344 3.82976-10.28096 10.97728-18.47296 21.4016-24.61696 13.78304-8.27392 29.5936-12.41088 47.37024-12.41088 31.58016 0 63.01696 10.26048 94.3104 30.80192V103.42399999999998c-26.68544-12.57472-50.83136-21.4016-72.45824-26.46016-21.62688-5.05856-44.99456-7.5776-70.144-7.5776-28.52864 0-53.73952 3.60448-75.6736 10.81344-21.9136 7.18848-40.63232 17.46944-56.1152 30.80192-15.50336 13.35296-26.2144 27.52512-32.21504 42.55744-5.98016 15.03232-8.97024 36.80256-8.97024 65.3312v218.9312H312.9344V526.1312c24.53504 7.9872 45.54752 19.41504 63.01696 34.28352a171.4176 171.4176 0 0 1 42.10688 53.57568c10.56768 20.86912 17.85856 47.39072 21.83168 79.58528h88.7808z" horiz-adv-x="1024" />
<glyph glyph-name="github" unicode="&#59025;" d="M855.557 679.145c35.621 66.153-5.089 152.661-5.089 152.661-91.597 0-157.75-61.064-157.75-61.064-35.621 20.355-152.661 20.355-152.661 20.355s-117.04 0-152.661-20.355c0 0-66.153 61.064-157.75 61.064 0 0-40.71-86.508-5.089-152.661 0 0-81.419-76.331-50.887-239.169 28.691-153.018 162.838-193.371 249.346-193.371 0 0-35.621-30.532-30.532-81.419 0 0-50.887-30.532-101.774-10.177s-76.331 71.242-76.331 71.242-50.887 66.153-101.774 40.71c0 0-15.266-15.266 40.71-40.71 0 0 40.71-61.064 55.976-96.685 15.266-35.621 96.685-66.153 178.105-45.798v-117.04s0-10.177-20.355-15.266-20.355-15.266-10.177-15.266H723.25c10.177 0 10.177 10.177-10.177 15.266-20.355 5.089-20.355 15.266-20.355 15.266v117.04s0.447 61.03 0 81.419c-1.119 51.128-35.621 81.419-35.621 81.419 86.508 0 220.655 40.353 249.346 193.371 30.533 162.837-50.886 239.168-50.886 239.168z" horiz-adv-x="1024" />
<glyph glyph-name="telegram" unicode="&#59185;" d="M679.424 149.138286l84.004571 395.995428c7.424 34.852571-12.580571 48.566857-35.437714 40.009143l-493.714286-190.281143c-33.718857-13.129143-33.133714-32-5.705142-40.557714l126.281142-39.424 293.156572 184.576c13.714286 9.142857 26.294857 3.986286 16.018286-5.156571l-237.129143-214.272-9.142857-130.304c13.129143 0 18.870857 5.705143 25.709714 12.580571l61.696 59.428571 128-94.281142c23.442286-13.129143 40.009143-6.290286 46.299428 21.723428zM1024 384c0-282.843429-229.156571-512-512-512S0 101.156571 0 384 229.156571 896 512 896s512-229.156571 512-512z" horiz-adv-x="1024" />
<glyph glyph-name="mail" unicode="&#58914;" d="M938.666667 682.666667H85.333333c-47.061333 0-85.333333-38.272-85.333333-85.333334v-512c0-47.061333 38.272-85.333333 85.333333-85.333333h853.333334c47.061333 0 85.333333 38.272 85.333333 85.333333V597.333333c0 47.061333-38.272 85.333333-85.333333 85.333334z m42.666666-597.333334c0-23.530667-19.136-42.666667-42.666666-42.666666H85.333333c-23.530667 0-42.666667 19.136-42.666666 42.666666V597.333333c0 23.530667 19.136 42.666667 42.666666 42.666667h853.333334c23.530667 0 42.666667-19.136 42.666666-42.666667v-512zM892.565333 502.250667a21.333333 21.333333 0 0 1-29.504 6.314666L512 281.408 160.917333 508.586667a21.333333 21.333333 0 0 1-23.189333-35.818667l362.666667-234.666667a21.397333 21.397333 0 0 1 23.189333-0.021333l362.666667 234.666667a21.333333 21.333333 0 0 1 6.314666 29.504zM288.085333 274.517333l-149.333333-85.333333a21.333333 21.333333 0 0 1 21.162667-37.034667l149.333333 85.333334a21.333333 21.333333 0 0 1-21.162667 37.034666zM885.248 189.184l-149.333333 85.333333a21.333333 21.333333 0 0 1-21.162667-37.034666l149.333333-85.333334a21.312 21.312 0 0 1 21.162667 37.034667z" horiz-adv-x="1024" />
<glyph glyph-name="xihuan" unicode="&#59503;" d="M669.781333 765.248c71.637333 11.093333 138.901333-11.477333 193.344-64.533333 55.317333-53.930667 81.834667-124.992 74.282667-199.530667-7.466667-73.642667-46.549333-146.368-112.32-210.474667-18.346667-17.898667-67.669333-66.218667-138.453333-135.637333-31.829333-31.232-65.706667-64.448-99.84-97.984L553.6 24.533333l-13.184-12.949333a40.554667 40.554667 0 0 0-56.832 0l-114.602667 112.64-24.213333 23.722667a677626.346667 677626.346667 0 0 1-145.856 142.762666C133.141333 354.816 94.08 427.52 86.613333 501.184c-7.552 74.538667 18.944 145.6 74.282667 199.530667 54.442667 53.056 121.706667 75.605333 193.344 64.533333 53.162667-8.213333 107.093333-34.688 157.781333-76.949333 50.709333 42.24 104.618667 68.736 157.781334 76.949333z" horiz-adv-x="1024" />
<glyph glyph-name="keybase" unicode="&#58981;" d="M445.696-15.829333a40.661333 40.661333 0 1 0-40.746667 40.704c22.357333 0 40.576-18.389333 40.576-40.746667m252.672 0.042667a40.661333 40.661333 0 1 0-40.874666 40.704c22.442667 0 40.704-18.389333 40.704-40.746667M891.904 374.912l-6.656 8.704c-1.962667 2.56-4.096 4.949333-6.101333 7.466667-1.92 2.602667-4.010667 4.821333-6.016 7.210666-4.437333 5.12-8.917333 10.197333-13.610667 15.317334l-3.242667 3.413333-3.882666 4.224-5.76 5.589333c-0.64 0.768-1.365333 1.450667-2.133334 2.261334a463.786667 463.786667 0 0 1-168.746666 106.837333l-9.813334 3.328 1.493334 3.541333a175.274667 175.274667 0 0 1-5.12 138.88 175.36 175.36 0 0 1-104.021334 92.16c-27.989333 9.216-52.48 13.610667-73.002666 13.013334-1.408 4.48-4.266667 24.618667 21.162666 78.848L454.954667 896l-12.245334-17.024c-14.08-19.413333-27.648-38.186667-40.32-56.661333a79.232 79.232 0 0 1-53.12 24.746666L289.706667 850.730667h-0.512c-1.408 0.128-2.986667 0.128-4.437334 0.128-42.24 0-77.226667-32.896-79.786666-74.88l-3.754667-59.818667v-0.128a80.042667 80.042667 0 0 1 74.88-84.437333l42.752-2.602667c-2.773333-35.84 3.114667-69.12 17.28-98.389333a481.237333 481.237333 0 0 1-156.16-105.984C38.954667 281.984 38.954667 125.824 38.954667 0.256v-75.733333l55.68 59.178666c11.349333-39.68 27.818667-77.098667 48.853333-111.573333H215.893333a392.405333 392.405333 0 0 0-71.68 164.181333l81.621334 86.613334-42.026667-131.882667 74.24 54.101333c131.2 95.317333 287.744 117.333333 465.493333 65.237334 77.013333-22.698667 151.893333-1.664 190.848 53.632l4.437334 7.04c3.882667-21.248 6.016-42.581333 6.016-63.829334 0-66.688-10.88-157.312-58.88-235.178666h68.736c33.109333 66.688 50.389333 146.432 50.389333 235.178666-0.042667 93.824-33.536 188.629333-93.184 267.690667zM379.477333 631.850667c5.248 42.752 24.661333 83.157333 52.48 126.72a58.026667 58.026667 0 0 1 54.741334-31.957334c9.258667 0.341333 25.813333-1.066667 52.608-9.898666 30.464-10.069333 54.869333-31.744 68.608-60.8s14.890667-61.525333 3.370666-91.690667c-7.381333-18.986667-19.370667-34.986667-34.389333-47.317333l-17.408 21.418666-0.085333 0.128a62.634667 62.634667 0 0 1-87.850667 8.746667c-14.250667-11.52-21.930667-28.16-22.784-45.141333-51.2 23.082667-76.8 70.101333-69.461333 129.749333l0.170666 0.042667z m183.637334-218.026667l-22.144-18.133333a9.728 9.728 0 0 0-13.781334 1.365333l-4.736 5.76a10.154667 10.154667 0 0 0 1.450667 14.250667l21.76 17.92-45.013333 55.424a13.098667 13.098667 0 0 0 1.877333 18.602666 12.928 12.928 0 0 0 18.517333-1.749333l126.421334-155.52a13.184 13.184 0 0 0-7.168-21.290667 13.44 13.44 0 0 0-13.226667 4.437334l-12.586667 15.573333-44.586666-36.437333a10.410667 10.410667 0 0 0-6.570667-2.346667 10.112 10.112 0 0 0-7.936 3.84l-20.352 24.704a10.24 10.24 0 0 0 1.493333 14.336l44.842667 36.565333-18.176 22.741334-0.085333-0.042667zM330.794667 688.384l-51.029334 3.2a19.754667 19.754667 0 0 0-18.56 20.821333l3.84 59.776a19.712 19.712 0 0 0 19.669334 18.602667h1.024l59.776-3.882667a19.584 19.584 0 0 0 18.474666-20.821333l-0.298666-4.309333a395.477333 395.477333 0 0 1-32.981334-73.386667h0.085334z m534.357333-489.856c-24.106667-34.346667-71.978667-46.122667-124.757333-30.634667-165.802667 48.682667-315.562667 38.528-446.634667-29.909333l69.802667 218.581333-225.749334-239.317333c4.224 160.512 104.661333 297.216 245.674667 354.602667 20.096-15.914667 44.117333-28.16 71.381333-35.882667 6.826667-1.877333 13.738667-3.157333 20.48-4.352a60.16 60.16 0 0 1 8.96-60.032l3.2-3.84c-7.338667-19.2-4.48-41.6 9.429334-58.624l20.266666-24.832a59.306667 59.306667 0 0 1 46.037334-21.888c13.696 0 27.093333 4.736 37.802666 13.397333l12.16 9.898667c7.424-3.157333 15.658667-4.821333 24.149334-4.821333a61.866667 61.866667 0 0 1 39.594666 13.909333c26.581333 21.76 30.72 61.226667 8.917334 87.893333l-71.253334 87.722667c6.186667 4.992 11.989333 10.410667 17.408 16.256 5.76-1.578667 11.562667-3.328 17.066667-5.12 11.349333-4.138667 22.741333-8.448 33.92-13.44a407.466667 407.466667 0 0 0 118.229333-80.938667c1.237333-1.28 2.517333-2.346667 3.626667-3.541333l7.253333-7.466667a391.168 391.168 0 0 0 14.933334-16.512l5.376-6.4c1.92-2.261333 3.669333-4.437333 5.546666-6.826666l4.864-6.4c1.706667-2.176 3.370667-4.352 4.992-6.570667 35.754667-49.024 42.112-99.370667 17.237334-134.698667v-0.213333zM329.344 720.426667l-35.626667 2.176 2.261334 35.626666 35.584-2.176-2.218667-35.626666z" horiz-adv-x="1024" />
<glyph glyph-name="xihuan1" unicode="&#59504;" d="M523.733333 54.976l33.173334 32.576 99.690666 97.813333c70.976 69.632 120.32 117.973333 138.709334 135.893334 59.008 57.514667 93.248 121.28 99.626666 184.234666 6.250667 61.44-15.488 119.744-61.589333 164.672-44.992 43.84-98.88 61.909333-157.034667 52.906667-49.365333-7.616-101.034667-34.624-150.016-78.848a21.333333 21.333333 0 0 0-28.586666 0c-48.981333 44.224-100.650667 71.232-150.016 78.869333-58.154667 8.96-112.042667-9.088-157.034667-52.928-46.101333-44.928-67.84-103.210667-61.610667-164.693333 6.4-62.933333 40.64-126.72 99.648-184.213333a100207.573333 100207.573333 0 0 0 145.92-142.826667l24.256-23.765333L512 43.477333l11.733333 11.498667z m-11.733333-11.52l-1.493333-1.429333A2.133333 2.133333 0 0 0 512 42.666667c0.512 0 1.045333-0.213333 1.493333-0.64l-1.493333 1.450666z m157.781333 721.792c71.637333 11.093333 138.901333-11.477333 193.344-64.533333 55.317333-53.930667 81.834667-124.992 74.282667-199.530667-7.466667-73.642667-46.549333-146.368-112.32-210.474667-18.346667-17.898667-67.669333-66.218667-138.453333-135.637333-31.829333-31.232-65.706667-64.448-99.84-97.984L553.6 24.533333l-13.184-12.949333a40.554667 40.554667 0 0 0-56.832 0l-114.602667 112.64-24.213333 23.722667a677626.346667 677626.346667 0 0 1-145.856 142.762666C133.141333 354.816 94.08 427.52 86.613333 501.184c-7.552 74.538667 18.944 145.6 74.282667 199.530667 54.442667 53.056 121.706667 75.605333 193.344 64.533333 53.162667-8.213333 107.093333-34.688 157.781333-76.949333 50.709333 42.24 104.618667 68.736 157.781334 76.949333z" horiz-adv-x="1024" />
<glyph glyph-name="folder" unicode="&#59345;" d="M880 597.6H521L403.7 709.8c-1.5 1.4-3.5 2.2-5.5 2.2H144c-17.7 0-32-14.3-32-32v-592c0-17.7 14.3-32 32-32h736c17.7 0 32 14.3 32 32V565.6c0 17.7-14.3 32-32 32zM840 128H184V640h188.5l119.6-114.4H840V128z" horiz-adv-x="1024" />
<glyph glyph-name="right" unicode="&#59101;" d="M803.758 381.983c-0.001 0.311-0.013 0.622-0.018 0.933-0.162 23.974-9.386 47.811-27.743 65.903-0.084 0.082-0.172 0.157-0.256 0.239-0.154 0.154-0.296 0.315-0.451 0.468L417.861 801.904c-37.685 37.153-99.034 37.476-136.331 0.718-37.297-36.758-36.979-97.231 0.707-134.384l290.361-286.257-290.362-286.257c-37.685-37.153-38.004-97.625-0.707-134.383 37.297-36.758 98.646-36.435 136.331 0.718l357.43 352.378c0.155 0.153 0.297 0.314 0.451 0.468 0.084 0.082 0.172 0.157 0.256 0.239 18.354 18.089 27.578 41.922 27.743 65.892 0.004 0.315 0.017 0.631 0.018 0.947z" horiz-adv-x="1024" />
<glyph glyph-name="icon-tag" unicode="&#58930;" d="M83.00766875 818.87830406a43.05309656 43.05309656 0 0 0 31.77728531 13.32595875l348.01253157-13.32595875a12.300885 12.300885 0 0 0 8.20058999-6.15044156l479.22196969-479.22196969a15.88864312 15.88864312 0 0 0-2.56268437-22.55162156L575.55559625-58.58480906a16.40118 16.40118 0 0 0-24.60176906 0L74.80707875 417.56193938a12.300885 12.300885 0 0 0-3.58775812 9.22566281V789.15116625A42.54055969 42.54055969 0 0 0 83.00766875 818.87830406M60.45604719 841.42992656a74.317845 74.317845 0 0 1-22.03908563-51.25368656v-363.38863781a43.56563344 43.56563344 0 0 1 12.81342188-31.26474844l478.70943187-478.70943188a47.15339156 47.15339156 0 0 1 67.14232969 2.56268438l372.10176375 372.10176375a47.15339156 47.15339156 0 0 1 2.56268438 67.14232969L493.54969812 837.84216844A45.10324406 45.10324406 0 0 1 463.82255937 850.65559031L116.32256469 863.98154906A76.3679925 76.3679925 0 0 1 61.48112094 842.4550003100001zM192.17802125 698.9446781199999A63.04203469 63.04203469 0 1 0 192.17802125 607.71311625a63.04203469 63.04203469 0 0 0 0 91.23156187m-22.03908562 22.55162157a94.81932 94.81932 0 1 1 134.28465937 0 94.30678312 94.30678312 0 0 1-134.28465937 0z" horiz-adv-x="1024" />
<glyph glyph-name="medium-circle-fill" unicode="&#59527;" d="M512 832C264.6 832 64 631.4 64 384s200.6-448 448-448 448 200.6 448 448S759.4 832 512 832z m256-253.7l-40.8-39.1c-3.6-2.7-5.3-7.1-4.6-11.4v-287.7c-0.7-4.4 1-8.8 4.6-11.4l40-39.1v-8.7H566.4v8.3l41.3 40.1c4.1 4.1 4.1 5.3 4.1 11.4V473.5l-115-291.6h-15.5L347.5 473.5V278c-1.2-8.2 1.7-16.5 7.5-22.4l53.8-65.1v-8.7H256v8.7l53.8 65.1c5.8 5.9 8.3 14.3 7 22.4V504c0.7 6.3-1.7 12.4-6.5 16.7l-47.8 57.6V587H411l114.6-251.5 100.9 251.3H768v-8.5z" horiz-adv-x="1024" />
<glyph glyph-name="sun" unicode="&#59012;" d="M512 128c-141.376 0-256 114.624-256 256s114.624 256 256 256 256-114.624 256-256-114.624-256-256-256z m0 85.333333a170.666667 170.666667 0 1 1 0 341.333334 170.666667 170.666667 0 0 1 0-341.333334zM469.333333 810.666667a42.666667 42.666667 0 1 0 85.333334 0v-85.333334a42.666667 42.666667 0 1 0-85.333334 0V810.666667z m0-768a42.666667 42.666667 0 1 0 85.333334 0v-85.333334a42.666667 42.666667 0 1 0-85.333334 0v85.333334zM85.333333 341.333333a42.666667 42.666667 0 1 0 0 85.333334h85.333334a42.666667 42.666667 0 1 0 0-85.333334H85.333333z m768 0a42.666667 42.666667 0 1 0 0 85.333334h85.333334a42.666667 42.666667 0 1 0 0-85.333334h-85.333334zM161.834667 673.834667a42.666667 42.666667 0 0 0 60.330666 60.330666l64-64a42.666667 42.666667 0 0 0-60.330666-60.330666l-64 64z m576-576a42.666667 42.666667 0 0 0 60.330666 60.330666l64-64a42.666667 42.666667 0 0 0-60.330666-60.330666l-64 64z m-515.669334-64a42.666667 42.666667 0 0 0-60.330666 60.330666l64 64a42.666667 42.666667 0 0 0 60.330666-60.330666l-64-64z m576 576a42.666667 42.666667 0 0 0-60.330666 60.330666l64 64a42.666667 42.666667 0 0 0 60.330666-60.330666l-64-64z" horiz-adv-x="1024" />
<glyph glyph-name="quora" unicode="&#61976;" d="M945 122.6h-58.6c-3-27-21-61.6-66-61.6-41 0-70.6 28.4-99 71.6 88.4 68.4 149.4 175 149.4 306C871 673.6 677.6 832 474 832 274.6 832 78.6 672.6 78.6 438.6c0-268.2 262.6-443.2 498-378C616-6.6 668-64 767-64c163.6 0 181.6 150.6 178 186.6zM658 237.6C619 296 570.6 342 475 342c-61 0-108.6-20-138-45.6l24.4-48.6c12.4 6 26 8 39.6 8 71 0 107.4-61.6 138.4-122.6-20-6-41.4-8.4-65.4-8.4-150 0-215 106-215 313.4C259 647 324 754 474 754c152.4 0 217.4-107 217.4-315.4 0.2-83.6-10.8-151.2-33.4-201z" horiz-adv-x="1024" />
<glyph glyph-name="telegram-plane" unicode="&#62022;" d="M957.4 698.8l-135.2-637.6c-10.2-45-36.8-56.2-74.6-35l-206 151.8-99.4-95.6c-11-11-20.2-20.2-41.4-20.2l14.8 209.8 381.8 345c16.6 14.8-3.6 23-25.8 8.2L299.6 328 96.4 391.6c-44.2 13.8-45 44.2 9.2 65.4L900.4 763.2c36.8 13.8 69-8.2 57-64.4z" horiz-adv-x="1024" />
<glyph glyph-name="tumblr" unicode="&#62026;" d="M811.6-64.6c-27.2-29-100-63.4-194.8-63.4-241.6 0-294 177.6-294 281.2v288H227.8c-11 0-20 9-20 20v136c0 14.4 9 27.2 22.6 32 124 43.6 163 152 168.6 234.2 1.6 22 13 32.6 32.2 32.6h141.8c11 0 20-9 20-20v-230.4h166c11 0 20-8.8 20-19.8v-163.4c0-11-9-20-20-20h-166.8V176c0-68.4 47.4-107.2 136-71.6 9.6 3.8 18 6.4 25.4 4.4 7-1.8 11.6-6.8 14.8-15.8l44-128.6c3.6-10 6.6-21.2-0.8-29z" horiz-adv-x="1024" />
<glyph glyph-name="youtube" unicode="&#59237;" d="M1024 387.2c0 2.514286 0 5.371429-0.114286 8.685714-0.114286 9.257143-0.342857 19.657143-0.571428 30.742857-0.914286 31.885714-2.514286 63.657143-5.028572 93.6-3.428571 41.257143-8.457143 75.657143-15.314285 101.485715a159.451429 159.451429 0 0 1-112.342858 112.571428c-32.342857 8.685714-95.657143 14.057143-184.8 17.371429-42.4 1.6-87.771429 2.628571-133.142857 3.2-15.885714 0.228571-30.628571 0.342857-43.885714 0.457143h-33.6c-13.257143-0.114286-28-0.228571-43.885714-0.457143-45.371429-0.571429-90.742857-1.6-133.142857-3.2-89.142857-3.428571-152.571429-8.8-184.8-17.371429A159.257143 159.257143 0 0 1 21.028571 621.714286C14.057143 595.885714 9.142857 561.485714 5.714286 520.228571c-2.514286-29.942857-4.114286-61.714286-5.028572-93.6-0.342857-11.085714-0.457143-21.485714-0.571428-30.742857 0-3.314286-0.114286-6.171429-0.114286-8.685714v-6.4c0-2.514286 0-5.371429 0.114286-8.685714 0.114286-9.257143 0.342857-19.657143 0.571428-30.742857 0.914286-31.885714 2.514286-63.657143 5.028572-93.6 3.428571-41.257143 8.457143-75.657143 15.314285-101.485715 14.628571-54.742857 57.6-97.942857 112.342858-112.571428 32.228571-8.685714 95.657143-14.057143 184.8-17.371429 42.4-1.6 87.771429-2.628571 133.142857-3.2 15.885714-0.228571 30.628571-0.342857 43.885714-0.457143h33.6c13.257143 0.114286 28 0.228571 43.885714 0.457143 45.371429 0.571429 90.742857 1.6 133.142857 3.2 89.142857 3.428571 152.571429 8.8 184.8 17.371429 54.742857 14.628571 97.714286 57.714286 112.342858 112.571428 6.971429 25.828571 11.885714 60.228571 15.314285 101.485715 2.514286 29.942857 4.114286 61.714286 5.028572 93.6 0.342857 11.085714 0.457143 21.485714 0.571428 30.742857 0 3.314286 0.114286 6.171429 0.114286 8.685714v6.4z m-82.285714-5.942857c0-2.4 0-5.028571-0.114286-8.114286-0.114286-8.914286-0.342857-18.742857-0.571429-29.371428-0.8-30.4-2.4-60.8-4.8-89.028572-3.085714-36.8-7.428571-66.971429-12.8-87.2-7.085714-26.4-27.885714-47.314286-54.171428-54.285714-24-6.4-84.457143-11.542857-166.628572-14.628572-41.6-1.6-86.4-2.628571-131.085714-3.2-15.657143-0.228571-30.171429-0.342857-43.2-0.342857h-32.685714l-43.2 0.342857c-44.685714 0.571429-89.371429 1.6-131.085714 3.2-82.171429 3.2-142.742857 8.228571-166.628572 14.628572-26.285714 7.085714-47.085714 27.885714-54.171428 54.285714-5.371429 20.228571-9.714286 50.4-12.8 87.2-2.4 28.228571-3.885714 58.628571-4.8 89.028572-0.342857 10.628571-0.457143 20.571429-0.571429 29.371428 0 3.085714-0.114286 5.828571-0.114286 8.114286v5.485714c0 2.4 0 5.028571 0.114286 8.114286 0.114286 8.914286 0.342857 18.742857 0.571429 29.371428 0.8 30.4 2.4 60.8 4.8 89.028572 3.085714 36.8 7.428571 66.971429 12.8 87.2 7.085714 26.4 27.885714 47.314286 54.171428 54.285714 24 6.4 84.457143 11.542857 166.628572 14.628572 41.6 1.6 86.4 2.628571 131.085714 3.2 15.657143 0.228571 30.171429 0.342857 43.2 0.342857h32.685714l43.2-0.342857c44.685714-0.571429 89.371429-1.6 131.085714-3.2 82.171429-3.2 142.742857-8.228571 166.628572-14.628572 26.285714-7.085714 47.085714-27.885714 54.171428-54.285714 5.371429-20.228571 9.714286-50.4 12.8-87.2 2.4-28.228571 3.885714-58.628571 4.8-89.028572 0.342857-10.628571 0.457143-20.571429 0.571429-29.371428 0-3.085714 0.114286-5.828571 0.114286-8.114286v-5.485714zM410.285714 230.857143l265.142857 154.285714-265.142857 152z" horiz-adv-x="1024" />
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 25 KiB

BIN
assets/font/iconfont.ttf
View File

Binary file not shown.

BIN
assets/font/iconfont.woff
View File

Binary file not shown.

BIN
assets/font/iconfont.woff2 Normal file
View File

Binary file not shown.