This is an automated email from the ASF dual-hosted git repository.
wusheng pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
The following commit(s) were added to refs/heads/master by this push:
new dbb118a perf: Replace the font icon with `alimama iconfont` (#402)
dbb118a is described below
commit dbb118acec25dbd8d5c21251184e91a3f7045008
Author: Juntao Zhang <[email protected]>
AuthorDate: Sun Feb 20 21:07:26 2022 +0800
perf: Replace the font icon with `alimama iconfont` (#402)
---
.../docsy/assets => assets}/scss/_custom_docs.scss | 7 +
assets/scss/_custom_home.scss | 8 +-
.../docsy/assets => assets}/scss/_custom_team.scss | 2 +-
config.toml | 8 +-
content/_index.html | 14 +-
content/images/home/bg.png | Bin 99681 -> 87107 bytes
content/team/_index.md | 26 +-
layouts/shortcodes/contributors.html | 6 +-
layouts/shortcodes/downloads-block.html | 12 +-
static/images/logo.svg | 19 +-
themes/docsy/assets/js/algolia-search.js | 4 +-
themes/docsy/assets/scss/_custom_docs.scss | 356 ----------------
themes/docsy/assets/scss/_custom_home.scss | 455 ---------------------
themes/docsy/assets/scss/_custom_project_doc.scss | 7 +-
themes/docsy/assets/scss/_custom_slider.scss | 10 +-
themes/docsy/assets/scss/_custom_team.scss | 282 -------------
themes/docsy/assets/scss/_variables.scss | 4 +-
themes/docsy/assets/scss/iconfont.scss | 3 +
themes/docsy/assets/scss/main.scss | 8 +-
themes/docsy/assets/scss/sidebar-menu.scss | 20 +-
themes/docsy/assets/vendor/docsearch.min.css | 2 +
themes/docsy/layouts/blog/content.html | 2 +-
themes/docsy/layouts/docs/baseof.html | 4 +-
themes/docsy/layouts/partials/head-css.html | 6 +-
themes/docsy/layouts/partials/head.html | 1 +
themes/docsy/layouts/partials/navbar.html | 4 +-
themes/docsy/layouts/partials/scripts.html | 6 +-
themes/docsy/layouts/partials/search-input.html | 4 +-
themes/docsy/layouts/partials/sidebar-menu.html | 11 +-
themes/docsy/layouts/partials/sidebar-submenu.html | 6 +-
themes/docsy/layouts/partials/tags-zh.html | 2 +-
themes/docsy/layouts/partials/tags.html | 2 +-
themes/docsy/layouts/projectDoc/baseof.html | 4 +-
themes/docsy/layouts/zh/content.html | 2 +-
themes/docsy/static/js/docsearch.min.js | 2 +
themes/docsy/static/js/iconfont.js | 1 -
36 files changed, 102 insertions(+), 1208 deletions(-)
diff --git a/themes/docsy/assets/scss/_custom_docs.scss
b/assets/scss/_custom_docs.scss
similarity index 98%
copy from themes/docsy/assets/scss/_custom_docs.scss
copy to assets/scss/_custom_docs.scss
index c56ffc8..5666eb4 100644
--- a/themes/docsy/assets/scss/_custom_docs.scss
+++ b/assets/scss/_custom_docs.scss
@@ -63,6 +63,13 @@
padding-bottom: 0.4rem;
}
+ .icon-link {
+ margin-left: 8px;
+ margin-top: 1px;
+ font-size: 20px;
+ display: inline-block;
+ }
+
.sky-btn {
font-size: 14px;
padding: 5px 13px;
diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index 31711e2..b0b1cc0 100644
--- a/assets/scss/_custom_home.scss
+++ b/assets/scss/_custom_home.scss
@@ -72,8 +72,8 @@
display: flex;
justify-content: center;
align-items: center;
- padding: 8px 16px 8px 8px;
- max-width: 534px;
+ padding: 8px;
+ max-width: 542px;
margin: 60px auto 0;
border: 1px solid #DADDE0;
border-radius: 12px;
@@ -88,8 +88,8 @@
border-radius: 8px;
}
- .mr-16 {
- margin-right: 16px;
+ .mr-14 {
+ margin-right: 14px;
}
}
diff --git a/themes/docsy/assets/scss/_custom_team.scss
b/assets/scss/_custom_team.scss
similarity index 99%
copy from themes/docsy/assets/scss/_custom_team.scss
copy to assets/scss/_custom_team.scss
index c575c20..958786f 100644
--- a/themes/docsy/assets/scss/_custom_team.scss
+++ b/assets/scss/_custom_team.scss
@@ -68,7 +68,7 @@
border: solid 1px #dfdfdf;
width: 49.3%;
- .fa-twitter {
+ .icon-twitter {
color: #3176d9;
}
}
diff --git a/config.toml b/config.toml
index 9f3f7d8..53dd0d0 100644
--- a/config.toml
+++ b/config.toml
@@ -230,24 +230,24 @@ weight = 1
[[params.links.user]]
name ="Twitter"
url = "https://twitter.com/asfskywalking";
- icon = "fab fa-twitter"
+ icon = "iconfont icon-twitter"
desc = "Follow us on Twitter to get the latest news!"
[[params.links.user]]
name ="Slack"
url = "http://s.apache.org/slack-invite";
- icon = "fab fa-slack"
+ icon = "iconfont icon-slack"
desc = "Join us!"
# Developer relevant links. These will show up on right side of footer and in
the community page if you have one.
[[params.links.user]]
name ="Mailing list"
url = "https://lists.apache.org/[email protected]";
- icon = "fa fa-envelope"
+ icon = "iconfont icon-email"
desc = "Discussion and help from your fellow users"
# Developer relevant links. These will show up on right side of footer and in
the community page if you have one.
[[params.links.user]]
name = "GitHub"
url = "https://github.com/apache/skywalking";
- icon = "fab fa-github"
+ icon = "iconfont icon-github"
desc = "Development takes place here!"
[sitemap]
diff --git a/content/_index.html b/content/_index.html
index 23ef342..5bfc1d7 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -5,9 +5,9 @@ linkTitle = "Apache SkyWalking"
<div class="container pt-64">
<a class="community-box" href="/blog/2021-07-12-500-contributors-mark/">
- <span class="community mr-16">COMMUNITY</span>
- <span class="mr-16">SkyWalking achieved 500 contributors
milestone</span>
- <i class="fa fa-angle-right pull-right"></i>
+ <span class="community mr-14">COMMUNITY</span>
+ <span class="mr-14">SkyWalking achieved 500 contributors
milestone</span>
+ <i class="iconfont icon-arrow-right pull-right"></i>
</a>
<div class="introduction mt-5">
@@ -21,7 +21,7 @@ linkTitle = "Apache SkyWalking"
<a href="https://github.com/apache/skywalking"; target="_blank">
<button class="sky-btn btn-github">
GitHub
- <i class="fa fa-angle-right pull-right"></i>
+ <i class="iconfont icon-arrow-right pull-right"></i>
</button>
</a>
</div>
@@ -77,7 +77,7 @@ linkTitle = "Apache SkyWalking"
<a href="http://demo.skywalking.apache.org/"; target="_blank">
<button class="sky-btn primary">
Try live demo
- <i class="fa fa-angle-right pull-right"></i>
+ <i class="iconfont icon-arrow-right pull-right"></i>
</button>
</a>
</div>
@@ -271,7 +271,7 @@ linkTitle = "Apache SkyWalking"
<a href="/team">
<button class="sky-btn">
More about our team
- <i class="fa fa-angle-right pull-right"></i>
+ <i class="iconfont icon-arrow-right pull-right"></i>
</button>
</a>
</div>
@@ -290,7 +290,7 @@ linkTitle = "Apache SkyWalking"
<a href="/docs/skywalking-showcase/latest/readme/">
<button class="sky-btn">
Quick start
- <i class="fa fa-angle-right pull-right"></i>
+ <i class="iconfont icon-arrow-right pull-right"></i>
</button>
</a>
diff --git a/content/images/home/bg.png b/content/images/home/bg.png
index be620cb..9004741 100644
Binary files a/content/images/home/bg.png and b/content/images/home/bg.png
differ
diff --git a/content/team/_index.md b/content/team/_index.md
index e15199c..6da925d 100644
--- a/content/team/_index.md
+++ b/content/team/_index.md
@@ -29,9 +29,9 @@ The SkyWalking team is comprised of Members and Contributors,
and the growth has
| Name | Apache ID |
|
| -------------------------------- | ------------ |
---------------------------------------------- |
-| Can Li | lican | <i class="fab
fa-twitter"></i> [Candy198088](https://twitter.com/Candy198088) |
+| Can Li | lican | <i class="iconfont
icon-twitter"></i> [Candy198088](https://twitter.com/Candy198088) |
| DongXue Si | ilucky |
|
-| Han Liu | liuhan | <i class="fab
fa-twitter"></i> [dalek_zero](https://twitter.com/dalek_zero) |
+| Han Liu | liuhan | <i class="iconfont
icon-twitter"></i> [dalek_zero](https://twitter.com/dalek_zero) |
| Haochao Zhuang | daming |
|
| Haoyang Liu | liuhaoyangzz |
|
| Hongtao Gao | hanahmily |
|
@@ -41,7 +41,7 @@ The SkyWalking team is comprised of Members and Contributors,
and the growth has
| Jiaqi Lin | linjiaqi |
|
| Jinlin Fu | withlin |
|
| Juntao Zhang | zhangjuntao |
|
-| Kai Wan | wankai | <i class="fab
fa-twitter"></i> [wankai123](https://twitter.com/wankai123) |
+| Kai Wan | wankai | <i class="iconfont
icon-twitter"></i> [wankai123](https://twitter.com/wankai123) |
| Kai Wang | wangkai |
|
| Lang Li | lilang |
|
@@ -52,8 +52,8 @@ The SkyWalking team is comprised of Members and Contributors,
and the growth has
| -------------------------------- | ------------ |
---------------------------------------------- |
| Michael Semb Wever | mck |
|
| Qiuxia Fan | qiuxiafan |
|
-| Sheng Wu (V.P. and Chair of PMC) | wusheng | <i class="fab
fa-twitter"></i> [wusheng1108](https://twitter.com/wusheng1108) |
-| Shinn Zhang | zhangxin | <i class="fab
fa-twitter"></i> [ascrutae](https://twitter.com/ascrutae) |
+| Sheng Wu (V.P. and Chair of PMC) | wusheng | <i class="iconfont
icon-twitter"></i> [wusheng1108](https://twitter.com/wusheng1108) |
+| Shinn Zhang | zhangxin | <i class="iconfont
icon-twitter"></i> [ascrutae](https://twitter.com/ascrutae) |
| Wei Zhang | zhangwei24 |
|
| Wenbing Wang | wangwenbin |
|
| Willem Ning Jiang | ningjiang |
|
@@ -63,7 +63,7 @@ The SkyWalking team is comprised of Members and Contributors,
and the growth has
| Yongsheng Peng | pengys |
|
| Yuguang Zhao | zhaoyuguang |
|
| Zhang Kewei | zhangkewei |
|
-| Zhenxu Ke | kezhenxu94 | <i class="fab
fa-twitter"></i> [kezhenxu94](https://twitter.com/kezhenxu94) |
+| Zhenxu Ke | kezhenxu94 | <i class="iconfont
icon-twitter"></i> [kezhenxu94](https://twitter.com/kezhenxu94) |
</div>
</div>
@@ -76,16 +76,16 @@ The SkyWalking team is comprised of Members and
Contributors, and the growth has
| Name | Apache ID |
|
| ----------------- | ----------- |
------------------------------------------------ |
| Brandon Fergerson | bfergerson |
|
-| Gui Cao | zifeihan | <i class="fab fa-twitter"></i>
[zifeihan007](https://twitter.com/zifeihan007) |
+| Gui Cao | zifeihan | <i class="iconfont icon-twitter"></i>
[zifeihan007](https://twitter.com/zifeihan007) |
| Hailin Wang | wanghailin |
|
-| Huaxi Jiang | hoshea | <i class="fab fa-twitter"></i>
[Zerone___01](https://twitter.com/Zerone___01) |
+| Huaxi Jiang | hoshea | <i class="iconfont icon-twitter"></i>
[Zerone___01](https://twitter.com/Zerone___01) |
| Jiajing Lu | lujiajing |
|
| Jiapeng Liu | liujiapeng |
|
| JunXu Chen | chenjunxu |
|
-| Ke Zhang | zhangke | <i class="fab fa-twitter"></i>
[Humbertttttt](https://twitter.com/Humbertttttt) |
+| Ke Zhang | zhangke | <i class="iconfont icon-twitter"></i>
[Humbertttttt](https://twitter.com/Humbertttttt) |
| Ming Wen | wenming |
|
| Qiang Li | liqiang |
|
-| Ruixian Wang | ax1an | <i class="fab fa-twitter"></i>
[Ax1anRISE](https://twitter.com/Ax1anRISE) |
+| Ruixian Wang | ax1an | <i class="iconfont icon-twitter"></i>
[Ax1anRISE](https://twitter.com/Ax1anRISE) |
</div>
<div class="table-box">
@@ -96,11 +96,11 @@ The SkyWalking team is comprised of Members and
Contributors, and the growth has
| Tomasz Pytel | tompytel |
|
| Wei Hua | alonelaval |
|
| Wei Jin | kvn |
|
-| Weijie Zou | kdump | <i class="fab fa-twitter"></i>
[RootShellExp](https://twitter.com/RootShellExp) |
+| Weijie Zou | kdump | <i class="iconfont icon-twitter"></i>
[RootShellExp](https://twitter.com/RootShellExp) |
| Weiyi Liu | wayilau |
|
-| Yanlong He | heyanlong | <i class="fab fa-twitter"></i>
[YanlongHe](https://twitter.com/YanlongHe) |
+| Yanlong He | heyanlong | <i class="iconfont icon-twitter"></i>
[YanlongHe](https://twitter.com/YanlongHe) |
| Ye Cao | dashanji |
|
-| Yihao Chen | yihaochen | <i class="fab fa-twitter"></i>
[Superskyyy](https://twitter.com/Superskyyyyy) |
+| Yihao Chen | yihaochen | <i class="iconfont icon-twitter"></i>
[Superskyyy](https://twitter.com/Superskyyyyy) |
| Yuntao Li | liyuntao |
|
| Zhusheng Xu | aderm |
|
diff --git a/layouts/shortcodes/contributors.html
b/layouts/shortcodes/contributors.html
index 0be0cb9..1522a54 100644
--- a/layouts/shortcodes/contributors.html
+++ b/layouts/shortcodes/contributors.html
@@ -15,7 +15,7 @@
<div class="item" data-name="{{.name}}" data-icon="{{.icon}}">
<div>
{{if .icon}}
- <img data-nolightbox="true" width="44"
src="/images/project/{{.icon}}.png" alt="">
+ <img data-nolightbox="true" width="44" height="44"
src="/images/project/{{.icon}}.png" alt="">
{{end}}
<span class="name">
{{.name}}
@@ -23,7 +23,7 @@
</div>
<div>
<span class="total">{{.contributorCount}}</span>
- <i class="fa fa-angle-right"></i>
+ <i class="iconfont icon-arrow-right"></i>
</div>
</div>
@@ -63,7 +63,7 @@
<div>
<a href="javascript:;" class="btn-back">← Team</a>
<div class="modal-name-box">
- <img data-nolightbox="true" class="modal-icon" width="44" src=""
alt="">
+ <img data-nolightbox="true" class="modal-icon" width="44" height="44"
src="" alt="">
<span class="modal-name"></span>
</div>
</div>
diff --git a/layouts/shortcodes/downloads-block.html
b/layouts/shortcodes/downloads-block.html
index 10ecab6..4f03687 100755
--- a/layouts/shortcodes/downloads-block.html
+++ b/layouts/shortcodes/downloads-block.html
@@ -37,15 +37,12 @@
<div class="card item">
<div class="card-body">
{{if .icon}}
- <img width="44" src="/images/project/{{.icon}}.png" alt="{{.icon}}">
+ <img width="44" height="44" src="/images/project/{{.icon}}.png"
alt="{{.icon}}">
{{end}}
<div class="title-box">
<h5 class="card-title">{{.name}}</h5>
<a aria-hidden="true" href="#{{$id}}" id="{{$id}}"
style="visibility: hidden;">
- <svg xmlns="http://www.w3.org/2000/svg"; fill="currentColor"
width="24" height="24" viewBox="0 0 24 24">
- <path d="M0 0h24v24H0z" fill="none"></path>
- <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5
2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8
13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1
3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
- </svg>
+ <i class="iconfont icon-link"></i>
</a>
{{ $name := .name }}
</div>
@@ -124,10 +121,7 @@
<div class="title-box">
<h5 class="card-title">{{.name}}</h5>
<a aria-hidden="true" href="#{{$imgId}}Image"
id="{{$imgId}}Image" style="visibility: hidden;">
- <svg xmlns="http://www.w3.org/2000/svg"; fill="currentColor"
width="24" height="24" viewBox="0 0 24 24">
- <path d="M0 0h24v24H0z" fill="none"></path>
- <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5
2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8
13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1
3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
- </svg>
+ <i class="iconfont icon-link"></i>
</a>
</div>
<p class="card-text">{{.description}}</p>
diff --git a/static/images/logo.svg b/static/images/logo.svg
index f6e2694..823f4d2 100644
--- a/static/images/logo.svg
+++ b/static/images/logo.svg
@@ -1,18 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="160px" height="46px" viewBox="0 0 3584 848" version="1.1"
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";>
- <!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch
-->
- <title>Group</title>
- <desc>Created with Sketch.</desc>
- <defs></defs>
- <g id="Page-1" stroke="none" stroke-width="1" fill="none"
fill-rule="evenodd">
- <g id="Group" transform="translate(0.000000, -16.000000)">
- <g id="Group-2" transform="translate(0.000000, 157.599119)"
fill="#0068AF">
- <path d="M1440.61949,224.405286 L1440.61949,226.338106
L1381.99064,522.703744 C1374.25936,561.360132 1363.95099,576.822687
1324.65033,576.822687 L1307.25496,576.822687 C1272.46421,576.822687
1254.42456,560.071586 1246.04901,526.569383 L1195.15143,329.421806
C1194.50716,326.844714 1194.50716,326.200441 1193.21861,326.200441
C1191.93007,326.200441 1191.93007,326.844714 1191.28579,329.421806
L1140.38822,526.569383 C1132.01267,560.071586 1113.97302,576.822687
1079.18227,576.8 [...]
- <path d="M309.821035,361.139868 C309.821035,426.211454
269.231828,495.792952 140.377203,495.792952 C92.0567181,495.792952
57.2659692,491.28304 26.340859,484.196035 C19.8981278,482.907489
14.0996696,478.397577 14.0996696,471.310573 L14.0996696,424.922907
C14.0996696,417.835903 19.8981278,412.681718 26.340859,412.681718
L27.6294053,412.681718 C53.4003304,415.903084 117.827643,419.124449
141.665749,419.124449 C199.006057,419.124449 216.401432,398.507709
216.401432,361.139868 [...]
- </g>
- <g id="moon-o" transform="translate(3304.973950, 323.548473)
rotate(-183.000000) translate(-3304.973950, -323.548473) translate(3026.449721,
14.297372)" fill="#D8D8D8" fill-rule="nonzero">
- <path d="M556.201759,503.069627 C538.560505,506.036844
520.385618,507.520453 502.242121,507.520453 C320.273523,507.520453
172.645729,359.064881 172.645729,176.075948 C172.645729,113.448719
190.789226,52.2735334 223.654695,0 C93.1973036,38.9526209 0,159.314326
0,302.340521 C0,476.459368 140.753354,618.001955 313.901326,618.001955
C408.573966,618.001955 497.345261,574.598507 556.201759,503.069627 Z"
id="Shape"></path>
- </g>
- </g>
- </g>
-</svg>
\ No newline at end of file
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG
1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";><svg
t="1645353544631" class="icon" viewBox="0 0 4327 1024" version="1.1"
xmlns="http://www.w3.org/2000/svg"; p-id="1115"
xmlns:xlink="http://www.w3.org/1999/xlink"; width="845.1171875"
height="200"><defs><style type="text/css"></style></defs><path d="M1739.616604
441.967094v2.334189l-70.798491 357.875925c-9.33434 46.678943-21.782943
65.351245-69.240755 65. [...]
\ No newline at end of file
diff --git a/themes/docsy/assets/js/algolia-search.js
b/themes/docsy/assets/js/algolia-search.js
index da7918e..716913a 100644
--- a/themes/docsy/assets/js/algolia-search.js
+++ b/themes/docsy/assets/js/algolia-search.js
@@ -1,4 +1,4 @@
-(function () {
+$(function () {
var reg = /\/docs\/[a-zA-Z\-]+\/([\w|\.]+)\//;
var res = reg.exec(location.href);
var version = res && res[1] || "latest";
@@ -12,4 +12,4 @@
},
debug: false
});
-})()
+})
diff --git a/themes/docsy/assets/scss/_custom_docs.scss
b/themes/docsy/assets/scss/_custom_docs.scss
index c56ffc8..e69de29 100644
--- a/themes/docsy/assets/scss/_custom_docs.scss
+++ b/themes/docsy/assets/scss/_custom_docs.scss
@@ -1,356 +0,0 @@
-.td-docs {
- &.td-downloads {
- .card-wrapper {
- .btn {
- font-size: 14px;
- }
-
- .dropdown-menu {
- min-width: 6rem;
- width: auto;
- max-height: 300px;
- overflow-y: auto;
- }
-
- .dropdown-header {
- color: #222;
- font-size: 16px;
- padding: 0.5rem 1.5rem 0;
-
- > span {
- font-size: 12px;
- color: #ccc;
- }
- }
- }
-
- .container-full {
- background: #F4F8FA;
-
- .images-wrapper {
- .btn {
- color: #1F1F20;
- font-weight: 500;
- }
- }
-
- .card {
- background-color: transparent;
- }
- }
-
- .verify {
- padding-left: 1.25rem;
- padding-right: 1.25rem;
-
- h2 {
- border-bottom: 0;
- }
-
- .code-wrapper {
- display: flex;
- flex-wrap: wrap;
-
- > div {
- width: 100%;
- }
-
- }
- }
- }
-
- #Ecosystem {
- padding-bottom: 0.4rem;
- }
-
- .sky-btn {
- font-size: 14px;
- padding: 5px 13px;
- height: 30px;
- line-height: 1;
- }
-
- .link-type {
- display: inline-block;
- margin-top: 10px;
- }
-
- .article-description {
- max-width: 1000px;
- margin: 0 auto;
- text-align: center;
- }
-
- .card-wrapper {
- padding-bottom: 0;
- padding-top: 1em;
-
- img:hover {
- cursor: default;
- }
-
- &:nth-of-type(1) {
- padding-top: 1.5em;
- }
-
- .item-wrapper {
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
-
- .card {
- border: none;
- border-right: 1px solid #DADDE0;
- border-radius: 0;
- }
-
- .item {
- width: 33.33%;
- margin: 0 0 24px;
-
- &:hover {
- box-shadow: none;
- }
-
- &.description-item {
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
- border-radius: 6px;
- color: #fff;
- background-color: #3987CD;
- background-image: url("/images/project/heart.png");
- background-repeat: no-repeat;
- background-size: 24px 24px;
- background-position: bottom 24px right 24px;
- border: 0 !important;
-
- .card-body {
- display: flex;
- align-items: center;
- }
-
- }
- }
-
- .item.active {
- position: relative;
- box-shadow: 0px 0 8px #add5f3;
- border: 1px solid #85beec !important;
- border-radius: 3px;
- left: 0px;
- z-index: 1;
- }
-
- .btn {
- background-color: #eee;
- background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0, #fcfcfc), to(#eee));
- background-image: linear-gradient(to bottom, #fcfcfc 0, #eee 100%);
- background-repeat: no-repeat;
- border: 1px solid #d5d5d5;
- border-radius: 4px;
- font-size: 16px;
- height: 30px;
- font-weight: 800;
-
- &:hover {
- text-decoration: none;
- background-color: #ddd;
- background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0, #eee), to(#ddd));
- background-image: linear-gradient(to bottom, #eee 0, #ddd 100%);
- border-color: #ccc;
- }
- }
-
- .btn-group.show .dropdown-toggle {
- box-shadow: none;
- }
-
- .btn:not(:disabled):not(.disabled):active:focus,
.btn.active:not(:disabled):not(.disabled):focus {
- box-shadow: none;
- }
-
- .btn:focus, .btn.focus {
- outline: 0;
- box-shadow: none;
- }
-
- .card-body {
- padding-top: 0.6rem;
- padding-bottom: 50px;
- position: relative;
-
- > img {
- margin-left: -3px;
- }
-
- .svg-icon {
- width: 44px;
- height: 44px;
- }
- }
-
- .doc-box {
- padding: 0 1.25rem;
- display: flex;
- width: 100%;
- position: absolute;
- bottom: 20px;
- left: 0;
- justify-content: space-between;
-
- .gh-text {
- font-size: 12px;
- }
-
- .source-text {
- background: #F8F9FA;
- border-radius: 4px;
- padding: 0 12px;
- color: #909094;
- line-height: 32px;
- display: inline-block;
- font-size: 14px;
- }
- }
-
- .dropdown-menu {
- min-width: 6rem;
- width: 100%;
- max-height: 208px;
- overflow-y: auto;
- }
- }
-
- .title-box {
- display: flex;
- padding-bottom: 4px;
- align-items: center;
-
- &:hover a {
- visibility: initial !important;
- }
-
- .card-title {
- margin: 0;
- font-size: 18px;
- font-weight: 600;
- color: #000;
- padding-top: 0;
- line-height: 40px;
- }
- }
-
- .deco-title {
- border-bottom: none;
- padding: 0.8rem 1.25rem 0;
- }
-
- .desc-text {
- padding: 0.8rem 1.25rem;
- margin-bottom: 0.3rem;
- }
-}
-
-@media (min-width: 1440px) {
- .td-docs {
- &.td-downloads {
- .verify {
- .code-wrapper {
- > div {
- width: 49% !important;
-
- &:first-child {
- margin-right: 1% !important;
- }
-
- &:last-child {
- margin-left: 1% !important;
- }
- }
- }
- }
- }
-
- .card-wrapper {
- .item {
- width: 25%;
- margin-left: 0;
- margin-right: 0;
-
- &:nth-of-type(4n) {
- border-right: 0;
- }
- }
-
- &:last-child {
- &:not(.images-wrapper)
- .item {
- border-right: 1px solid #DADDE0;
-
- &:nth-of-type(4n-1) {
- border-right: 0;
- }
- }
-
- .description-item {
- width: 49%;
- margin-right: 1%;
- }
- }
- }
- }
-}
-
-@media (min-width: 997px) and (max-width: 1439px) {
- .td-docs {
- .card-wrapper {
- .item {
- &:nth-of-type(3n) {
- border-right: 0;
- }
- }
- }
- }
-}
-
-@media (min-width: 769px) and (max-width: 996px) {
- .td-docs {
- .card-wrapper {
- .item {
- width: 48%;
-
- &:nth-of-type(2n) {
- border-right: 0;
- }
- }
- }
- }
-}
-
-@media (min-width: 769px) {
- .td-docs {
- .btn-wrapper {
- position: sticky;
- top: 54px;
- z-index: 9;
- }
- }
-}
-
-@media (max-width: 768px) {
- .td-docs {
- &.td-downloads {
- .verify {
- padding-right: 0;
- padding-left: 0;
- }
- }
-
- .card-wrapper {
- .item {
- width: 100%;
- border-left: 1px solid #DADDE0;
- }
- }
- }
-}
diff --git a/themes/docsy/assets/scss/_custom_home.scss
b/themes/docsy/assets/scss/_custom_home.scss
index df88996..e69de29 100644
--- a/themes/docsy/assets/scss/_custom_home.scss
+++ b/themes/docsy/assets/scss/_custom_home.scss
@@ -1,455 +0,0 @@
-// home page
-
-.td-home {
- .flex-wrapper {
- display: flex;
- word-break: break-word;
- }
- .td-box--1 {
- background-color: #399ffe;
- }
-
- .section-head {
- font-family: Lato, sans-serif;
- text-shadow: 4px 6px 0 rgba(0, 0, 0, .07);
- font-weight: 600;
- line-height: 1.25;
- border: none;
- margin-bottom: 1rem;
-
- &:before {
- content: "";
- display: block;
- width: 50px;
- height: 3px;
- background-color: #0091ff;
- margin: 0 auto 8px;
- }
- }
-
- .home-card-feature-td {
- padding: 20px 0 20px 40px;
- position: relative;
- text-align: left;
- }
-
- .home-card-feature-img {
- position: absolute;
- left: 10px;
- height: 20px;
- margin-right: 10px;
- vertical-align: text-top;
- }
-
- p {
- margin: 1em 0;
- line-height: 1.7;
-
- }
-
- .live-demo-wrapper {
- .demo-link {
- width: 160px;
- box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.3), 0 18px 36px -18px
rgba(0, 0, 0, 0.33);
- }
-
- .demo-line {
- width: 80%;
- max-width: 700px;
- margin: 0 auto;
- height: 1px;
- background: -webkit-linear-gradient(left, #fff -4%, #25334c 50%, #fff
100%);
- }
- }
-
-
- /*Events & News*/
- .home-card-news-item {
- padding: 10px;
- width: 50%;
- box-sizing: border-box;
- float: left;
- text-align: left;
- word-break: break-all;
- }
-
- .home-card-news-item:before {
- content: "";
- width: 7px;
- height: 7px;
- margin-right: 15px;
- margin-top: 7px;
- display: block;
- float: left;
- background-color: #0091ff;
- }
-
- .home-card-news-item > div, .home-card-news-item > h4 {
- display: inline;
- margin-right: 10px;
- }
-
- .mb10 {
- margin-bottom: 10px;
- }
-
- .mt0 {
- margin-top: 0;
- }
-
- .sm {
- font-size: 13px;
- }
-
- .clear:after {
- display: table;
- content: "";
- clear: both;
- }
-
- .bg-box {
- background-color: #f7f7f9;
- background-image: linear-gradient(#fff, #f7f7f9);
- }
- #demo,#users,.bg-box{
- margin-right: -15px!important;
- margin-left: -15px!important;
- }
-
- .wrapper {
- padding: 5em 1em 3em 1em;
- text-align: center;
- margin: 0;
- }
-
- .event.wrapper{
- padding: 4em 1em 4.5em;
- }
-
- .feature-wrapper {
- padding-right: 0 !important;
- padding-left: 0 !important;
- }
-
- .feature {
- height: 440px;
-
- .section-head {
- padding-bottom: 1.1em;
- padding-top: 1em;
- }
- }
-
- .home-li {
- width: 19%;
- height: 240px;
- transition: all 0.2s;
- background-color: #f7f7f9;
- padding: 1em 1em 20px;
- margin-right: 0.5%;
- border: 1px solid #f6f8fa;
- border-top: 3px solid #2c3e50;
- overflow: hidden;
- border-radius: 2px;
- &:last-child{
- margin-right: 0;
- }
-
- .pic {
- width: 60px;
- margin: 1em auto;
-
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
-
- filter: grayscale(100%);
-
- filter: gray;
- }
-
- .line {
- display: block;
- font-size: 0;
- width: 25%;
- margin: 28px auto 10px;
- height: 1px;
- border-top: 1px solid #2c3e50;
- transition: all 0.3s;
- }
-
- .box {
- opacity: 0;
- padding-left: 0.5em;
- text-align: left;
-
- p {
- font-size: 1em !important;
- margin: 0 0 10px;
- line-height: 1.2;
-
- &:before {
- content: '•';
- color: #0091ff;
- font-weight: 600;
- margin-right: 5px;
- }
-
- &:last-child {
- margin: 0;
- }
- }
- }
-
- &:hover {
- text-align: left;
- border-bottom: 1px solid #0091ff;
- border-top: 4px solid #0091ff;
-
- width: 26%;
- height: auto;
- margin-top: -2em;
- box-shadow: 0 0 8px #ffffffcf;
- box-shadow: 3px 6px 8px #ffffffcf;
-
- .line {
- width: 80%;
- margin: 18px 0 10px;
- }
-
- .pic {
- filter: grayscale(0%);
- filter: none;
- margin: 0;
-
- }
-
- .box {
- opacity: 1;
- transition: opacity 1.5s;
-
- }
- }
- }
-
- .event {
- .flex-wrapper {
- flex-wrap: wrap;
- }
-
- .time {
- color: rgb(153, 153, 153);
- font-size: 13px !important;
- }
-
- .home-event-li {
- padding: 1em;
- text-align: left;
- width: 48%;
- margin: 2% 2% 0 0;
- background-color: #fff;
- border: 1px solid #f2f3f5;
- transition: all 0.3s linear;
- box-shadow: #e1e7ed 0px 1px 1px 0px;
- border-radius: 3px;
- &:hover {
- transform: translateY(-4px);
- box-shadow: 0 0px 0px -10px rgba(0, 0, 0, 0.3), 0 18px 36px -28px
rgba(0, 0, 0, 0.33);
-
- }
- }
- }
-
-
- @media (max-width: 768px) {
- .feature {
- height: auto;
-
- .section-head {
- padding-bottom: 0;
- padding-top: 0;
- }
- }
- .flex-wrapper {
- flex-wrap: wrap;
- }
- .home-li {
- width: 49.5%;
- margin-right: 1%;
- height: auto;
- &:nth-child(2n){
- margin-right: 0;
- }
-
- &:hover {
- margin: 0em auto;
- width: 49.5%;
- .box {
- text-align: left;
- }
- }
-
- .line {
- width: 40%;
- margin: 18px auto 10px;
- }
-
- .pic {
- filter: grayscale(0%);
- filter: none;
- margin: 1em auto;
-
- }
-
- .box {
- text-align: center;
- //display: block;
- opacity: 1;
- transition: opacity 1.5s;
- }
- }
-
- //event
- .event {
- .home-event-li {
- width: 100%;
- margin: 10px 0 0;
- border: 1px solid #f6f8fa;
- }
- }
-
- }
-
- //animateArrow
- .td-overlay__inner {
- .icon-arrow {
- position: absolute;
- left: 50%;
- bottom: -66px;
- animation: animateArrow 8s cubic-bezier(.785, .135, .15, .86) infinite;
- }
- }
-
- //swiper
- .arch-swiper-container{
- .swiper-button-next,.swiper-button-prev {
- opacity: 0.35;
- transition: opacity 0.3s;
- &:focus {
- outline: none;
- }
- }
- &:hover{
- .swiper-button-next,.swiper-button-prev {
- opacity: 1;
- }
- }
- .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
- opacity: .35;
- }
- }
-
- .arch-swiper-container {
- img {
- height: 100%;
- width: 100%;
- max-width: 1200px;
- border-radius: 4px;
- }
- }
- .swiper-lazy-preloader{
- opacity: 0.14!important;
- width: 14px!important;
- height: 14px!important;
- margin-left: -7px!important;
- margin-top: -7px!important;
- border-width: 1px!important;
- }
-
- .td-box--2, .td-box--3 {
- color: #fff;
- background-color: #151f35
- }
-
-
- @media (max-width: 768px) {
- .swiper-button-next {
- right: 0px;
- left: auto;
- }
-
- .swiper-button-prev {
- left: 0px;
- right: auto;
- }
- }
-
-}
-
-
-@keyframes animateArrow {
- 0% {
- -webkit-transform: translate3d(-50%, 0, 0);
- -moz-transform: translate3d(-50%, 0, 0);
- -ms-transform: translate3d(-50%, 0, 0);
- -o-transform: translate3d(-50%, 0, 0);
- transform: translate3d(-50%, 0, 0)
- }
-
- 5% {
- -webkit-transform: translate3d(-50%, 10%, 0);
- -moz-transform: translate3d(-50%, 10%, 0);
- -ms-transform: translate3d(-50%, 10%, 0);
- -o-transform: translate3d(-50%, 10%, 0);
- transform: translate3d(-50%, 10%, 0)
- }
-
- 10% {
- -webkit-transform: translate3d(-50%, -10%, 0);
- -moz-transform: translate3d(-50%, -10%, 0);
- -ms-transform: translate3d(-50%, -10%, 0);
- -o-transform: translate3d(-50%, -10%, 0);
- transform: translate3d(-50%, -10%, 0)
- }
-
- 15% {
- -webkit-transform: translate3d(-50%, 10%, 0);
- -moz-transform: translate3d(-50%, 10%, 0);
- -ms-transform: translate3d(-50%, 10%, 0);
- -o-transform: translate3d(-50%, 10%, 0);
- transform: translate3d(-50%, 10%, 0)
- }
-
- 20% {
- -webkit-transform: translate3d(-50%, -10%, 0);
- -moz-transform: translate3d(-50%, -10%, 0);
- -ms-transform: translate3d(-50%, -10%, 0);
- -o-transform: translate3d(-50%, -10%, 0);
- transform: translate3d(-50%, -10%, 0)
- }
-
- 25% {
- -webkit-transform: translate3d(-50%, 10%, 0);
- -moz-transform: translate3d(-50%, 10%, 0);
- -ms-transform: translate3d(-50%, 10%, 0);
- -o-transform: translate3d(-50%, 10%, 0);
- transform: translate3d(-50%, 10%, 0)
- }
-
- 30% {
- -webkit-transform: translate3d(-50%, 0, 0);
- -moz-transform: translate3d(-50%, 0, 0);
- -ms-transform: translate3d(-50%, 0, 0);
- -o-transform: translate3d(-50%, 0, 0);
- transform: translate3d(-50%, 0, 0)
- }
-
- 100% {
- -webkit-transform: translate3d(-50%, 0, 0);
- -moz-transform: translate3d(-50%, 0, 0);
- -ms-transform: translate3d(-50%, 0, 0);
- -o-transform: translate3d(-50%, 0, 0);
- transform: translate3d(-50%, 0, 0)
- }
-}
diff --git a/themes/docsy/assets/scss/_custom_project_doc.scss
b/themes/docsy/assets/scss/_custom_project_doc.scss
index f3ffc11..dad1b00 100644
--- a/themes/docsy/assets/scss/_custom_project_doc.scss
+++ b/themes/docsy/assets/scss/_custom_project_doc.scss
@@ -67,14 +67,15 @@
word-break: break-word !important;
}
}
- .doc-menu-button{
+ .doc-menu-button {
+ font-size: 20px;
position: fixed;
right: 15px;
- bottom: 15px;
+ bottom: 25px;
border: 1px solid #cccccc;
background-color: rgba(216,217,218,0.3);
border-radius: 3px;
- padding: 10px;
+ padding: 4px 8px;
color: #999;
z-index: 9999;
display: none;
diff --git a/themes/docsy/assets/scss/_custom_slider.scss
b/themes/docsy/assets/scss/_custom_slider.scss
index 12fc356..22f3194 100644
--- a/themes/docsy/assets/scss/_custom_slider.scss
+++ b/themes/docsy/assets/scss/_custom_slider.scss
@@ -34,12 +34,16 @@
.sidebar-button {
display: none;
position: absolute;
- padding: .6rem;
- top: .7rem;
- left: 1rem;
+ padding: 0.4rem 0.6rem;
+ top: 0.7rem;
+ left: 0.7rem;
+ font-size: 20px;
&:hover{
cursor: pointer;
}
+ .icon-menu {
+ color: #909094;
+ }
}
.sidebar-button .icon {
diff --git a/themes/docsy/assets/scss/_custom_team.scss
b/themes/docsy/assets/scss/_custom_team.scss
index c575c20..e69de29 100644
--- a/themes/docsy/assets/scss/_custom_team.scss
+++ b/themes/docsy/assets/scss/_custom_team.scss
@@ -1,282 +0,0 @@
-.td-team {
- h2 {
- border-bottom: 0;
- }
-
- .hide {
- display: none;
- }
-
- .show {
- display: block;
- }
-
- .fa-angle-right {
- color: #1F1F20;
- }
-
- .total {
- display: inline-block;
- font-weight: normal;
- font-size: 26px;
- padding: 5px 6px;
- color: #909094;
- text-align: center;
- }
-
- .skywalking-team {
- text-align: center;
- font-size: 16px;
-
- .text-box {
- max-width: 1000px;
- margin: 0 auto;
- }
-
- .appreciate {
- position: relative;
- max-width: 800px;
- min-height: 240px;
- overflow: hidden;
- padding: 4px 24px 60px;
- background: radial-gradient(50% 31.04% at 50% 100%, rgba(0, 134, 255,
0.15) 0%, rgba(0, 134, 255, 0) 98.96%);
- border: 1px solid #DADDE0;
- box-sizing: border-box;
- border-radius: 6px;
- margin: 40px auto 20px;
-
- .deco-img {
- position: absolute;
- bottom: 10px;
- left: 0;
- width: 100%;
-
- &:hover {
- cursor: default;
- }
- }
- }
- }
-
- .table-wrapper {
- display: flex;
- justify-content: space-between;
- overflow: hidden;
-
- .table-box {
- border-radius: 6px;
- border: solid 1px #dfdfdf;
- width: 49.3%;
-
- .fa-twitter {
- color: #3176d9;
- }
- }
-
- table {
- width: 100%;
- margin: 0;
-
- thead tr {
- border-bottom: 1px solid #dfdfdf;
- }
-
- th, td, tr {
- border: 0;
- }
- }
- }
-
- .contributors-wrapper {
- .item-wrapper {
- display: flex;
- flex-wrap: wrap;
- padding-bottom: 20px;
-
- }
-
- .item {
- width: 33.33%;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding-right: 35px;
-
- .total {
- font-size: 16px;
- }
-
- &:hover {
- cursor: pointer;
-
- .name {
- color: #3176d9;
- }
- }
- }
-
- }
-
- .modal-wrapper {
- background-color: rgba(0, 0, 0, 0.5);
- width: 100%;
- height: 100%;
- position: fixed;
- left: 0px;
- top: 0px;
- display: none;
- z-index: 99999;
-
- .modal-inner {
- max-width: 80%;
- padding: 40px;
- height: 600px;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- background-color: #fff;
- border-radius: 6px;
- display: flex;
- flex-direction: column;
-
- .modal-detail {
- overflow-y: scroll;
- }
-
- .modal-name-box {
- display: flex;
- align-items: center;
- height: 90px;
-
- .modal-icon {
- margin: 6px 4px 0 -3px;
-
- &:hover {
- cursor: default;
- }
- }
-
- .modal-name {
- font-weight: 600;
- }
- }
- }
-
- ul, li {
- margin: 0;
- padding: 0;
- list-style: none;
- }
-
- li {
- position: relative;
- border: 1px solid #eaecef;
- border-radius: 4px;
- padding: 4px 7px;
- box-shadow: #f8f9fa 0px 1px 2px 0px;
-
- a {
- color: #2c3e50;
- }
- }
- }
-
- .graph-wrapper {
- display: flex;
-
- .graph-img {
- width: 50%;
- position: relative;
-
- &:last-child {
- padding: 30px 0;
- }
-
- .txt {
- position: absolute;
- top: 0;
- left: 20px;
- font-size: 12px;
- }
- }
- }
-
- #mergedGraph {
- width: 100%;
- height: 100%;
- }
-
- @media (max-width: 992px) {
- .table-wrapper {
- flex-wrap: wrap;
-
- .table-box {
- width: 100%;
-
- &:nth-of-type(1) {
- margin-bottom: 12px;
- }
- }
- }
-
- .graph-wrapper {
- flex-wrap: wrap;
-
- .graph-img {
- width: 100%;
-
- &:last-child {
- padding-top: 61.3%;
- }
-
- #mergedGraph {
- position: absolute;
- left: 0;
- top: 0;
-
- }
-
- .txt {
- font-size: 9px;
- }
- }
- }
- }
-
- @media (max-width: 1200px) {
- .contributors-wrapper {
- .item {
- width: 50% !important;
- }
- }
- }
- @media (max-width: 768px) {
- .contributors-wrapper {
-
- .item {
- width: 100% !important;
- padding-right: 0;
- }
- }
-
- .modal-wrapper {
- background-color: rgba(0, 0, 0, 0.5);
- width: 100%;
- height: 100%;
- position: fixed;
- left: 0px;
- top: 0px;
- display: none;
- z-index: 99999;
-
- .modal-inner {
- max-width: 90%;
- padding: 20px;
- }
- }
- }
-
-}
diff --git a/themes/docsy/assets/scss/_variables.scss
b/themes/docsy/assets/scss/_variables.scss
index 3c0cf56..71eac81 100644
--- a/themes/docsy/assets/scss/_variables.scss
+++ b/themes/docsy/assets/scss/_variables.scss
@@ -4,7 +4,7 @@ Bootstrap variables overrides for theme.
See https://github.com/twbs/bootstrap/pull/23260
*/
-@fa-font-path : "../webfonts";
+@fa-font-path: "../webfonts";
// Bootstrap flags. For more, see
https://getbootstrap.com/docs/4.0/getting-started/theming/
$enable-gradients: true;
@@ -13,7 +13,7 @@ $enable-shadows: true;
// Theme flags.
-$td-enable-google-fonts: true !default;
+$td-enable-google-fonts: false !default;
// Theme colors
diff --git a/themes/docsy/assets/scss/iconfont.scss
b/themes/docsy/assets/scss/iconfont.scss
new file mode 100644
index 0000000..c38d6a0
--- /dev/null
+++ b/themes/docsy/assets/scss/iconfont.scss
@@ -0,0 +1,3 @@
+.iconfont {
+ font-size: inherit;
+}
diff --git a/themes/docsy/assets/scss/main.scss
b/themes/docsy/assets/scss/main.scss
index 3cb4404..d536b2e 100644
--- a/themes/docsy/assets/scss/main.scss
+++ b/themes/docsy/assets/scss/main.scss
@@ -4,10 +4,12 @@
@import "support/mixins";
@import "../vendor/bootstrap/scss/bootstrap";
+@import "../vendor/docsearch.min";
-@import "../vendor/Font-Awesome/scss/fontawesome.scss";
-@import "../vendor/Font-Awesome/scss/solid.scss";
-@import "../vendor/Font-Awesome/scss/brands.scss";
+@import "./iconfont.scss";
+//@import "../vendor/Font-Awesome/scss/fontawesome.scss";
+//@import "../vendor/Font-Awesome/scss/solid.scss";
+//@import "../vendor/Font-Awesome/scss/brands.scss";
@import "support/utilities";
@import "colors";
diff --git a/themes/docsy/assets/scss/sidebar-menu.scss
b/themes/docsy/assets/scss/sidebar-menu.scss
index 84c6a8d..5ca787d 100644
--- a/themes/docsy/assets/scss/sidebar-menu.scss
+++ b/themes/docsy/assets/scss/sidebar-menu.scss
@@ -62,7 +62,7 @@
transition: font-weight 0.15s;
}
- .sidebar-menu > li > a > .fa {
+ .sidebar-menu > li > a > .iconfont {
width: 20px;
}
@@ -86,15 +86,13 @@
background: #1a2226;
}
- .sidebar-menu li > a > .fa-angle-right {
+ .sidebar-menu li > a > .icon-arrow-right {
width: auto;
height: auto;
padding: 0;
- margin-right: 10px;
- margin-top: 3px;
}
- .sidebar-menu li.active > a > .fa-angle-right {
+ .sidebar-menu li.active > a > .icon-arrow-right {
transform: rotate(90deg);
color: #5c9af3;
}
@@ -129,32 +127,30 @@
justify-content: space-between;
}
- .sidebar-menu .sidebar-submenu > li > a > .fa {
+ .sidebar-menu .sidebar-submenu > li > a > .iconfont {
width: 20px;
transition: transform 0.2s;
}
- .sidebar-menu .sidebar-submenu > li > a > .fa-angle-right,
- .sidebar-menu .sidebar-submenu > li > a > .fa-angle-down {
+ .sidebar-menu .sidebar-submenu > li > a > .icon-arrow-right {
width: auto;
}
.sidebar-menu .sidebar-submenu > li.active > a, .sidebar-menu
.sidebar-submenu > li > a:hover {
color: $blue;
- //font-weight: 400;
}
- .fa.pull-right {
+ .iconfont.pull-right {
margin-left: .3em;
}
.pull-right {
float: right;
}
- .fa-angle-right{
+ .icon-arrow-right{
color: #999;
}
- .fa {
+ .iconfont {
font-weight: 100;
}
diff --git a/themes/docsy/assets/vendor/docsearch.min.css
b/themes/docsy/assets/vendor/docsearch.min.css
new file mode 100644
index 0000000..9051e8d
--- /dev/null
+++ b/themes/docsy/assets/vendor/docsearch.min.css
@@ -0,0 +1,2 @@
+.searchbox{display:inline-block;position:relative;width:200px;height:32px!important;white-space:nowrap;box-sizing:border-box;visibility:visible!important}.searchbox
.algolia-autocomplete{display:block;width:100%;height:100%}.searchbox__wrapper{width:100%;height:100%;z-index:999;position:relative}.searchbox__input{display:inline-block;box-sizing:border-box;transition:box-shadow
.4s ease,background .4s ease;border:0;border-radius:16px;box-shadow:inset 0 0
0 1px #ccc;background:#fff!importa [...]
+/*# sourceMappingURL=docsearch.min.css.map */
\ No newline at end of file
diff --git a/themes/docsy/layouts/blog/content.html
b/themes/docsy/layouts/blog/content.html
index 6f47c49..8590357 100644
--- a/themes/docsy/layouts/blog/content.html
+++ b/themes/docsy/layouts/blog/content.html
@@ -8,7 +8,7 @@
{{ with .Params.tags }}
<p class="mt-1 tags-box">
- <i class="fas fa-tags" aria-hidden="true"></i>Tags |
+ <i class="iconfont icon-tags"></i>Tags |
{{ range . }}
<span> <a href="{{ "tags" | absURL }}/{{ . | urlize
}}">{{ . }}</a></span>
{{ end }}
diff --git a/themes/docsy/layouts/docs/baseof.html
b/themes/docsy/layouts/docs/baseof.html
index 1f2bf2b..226af83 100644
--- a/themes/docsy/layouts/docs/baseof.html
+++ b/themes/docsy/layouts/docs/baseof.html
@@ -55,13 +55,13 @@
<div class="card item">
<div class="card-body">
{{if .icon}}
- <img width="44" src="/images/project/{{.icon}}.png"
alt="{{.icon}}">
+ <img width="44" height="44"
src="/images/project/{{.icon}}.png" alt="{{.icon}}">
{{end}}
<div class="title-box">
<h5 class="card-title">{{.name}}</h5>
<a aria-hidden="true" href="#{{$id}}" id="{{$id}}"
style="visibility: hidden;">
- <svg xmlns="http://www.w3.org/2000/svg";
fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path d="M0
0h24v24H0z" fill="none"></path><path d="M3.9 12c0-1.71 1.39-3.1
3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71
0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39
3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg>
+ <i class="iconfont icon-link"></i>
</a>
</div>
<p class="card-text">{{.description}}</p>
diff --git a/themes/docsy/layouts/partials/head-css.html
b/themes/docsy/layouts/partials/head-css.html
index fa71154..8708e0e 100644
--- a/themes/docsy/layouts/partials/head-css.html
+++ b/themes/docsy/layouts/partials/head-css.html
@@ -1,5 +1,3 @@
-<link rel="preload" href="/webfonts/fa-solid-900.woff2" as="font"
type="font/woff2" crossorigin="anonymous">
-<link rel="preload" href="/webfonts/fa-brands-400.woff2" as="font"
type="font/woff2" crossorigin="anonymous">
{{ $scssMain := "scss/main.scss"}}
{{ if .Site.IsServer }}
{{/* Note the missing postCSS. This makes it snappier to develop in Chrome,
but makes it look sub-optimal in other browsers. */}}
@@ -14,5 +12,5 @@
<link href="/css/offline-search.css" rel="stylesheet">
{{ end }}
{{ if .Site.Params.algolia_docsearch }}
-<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css"; />
-{{ end }}
\ No newline at end of file
+<!--<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css";
/>-->
+{{ end }}
diff --git a/themes/docsy/layouts/partials/head.html
b/themes/docsy/layouts/partials/head.html
index f286827..8591a7e 100644
--- a/themes/docsy/layouts/partials/head.html
+++ b/themes/docsy/layouts/partials/head.html
@@ -5,6 +5,7 @@
<meta property="og:image"
content="https://skywalking.apache.org/images/skywalking_400x400.png";>
{{ hugo.Generator }}
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
+<link rel="stylesheet" href="//at.alicdn.com/t/font_3007530_1h1a8yq155l.css">
{{ range .AlternativeOutputFormats -}}
<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink |
relURL }}">
{{ end -}}
diff --git a/themes/docsy/layouts/partials/navbar.html
b/themes/docsy/layouts/partials/navbar.html
index 78eca83..3d4f904 100644
--- a/themes/docsy/layouts/partials/navbar.html
+++ b/themes/docsy/layouts/partials/navbar.html
@@ -1,6 +1,8 @@
{{ $cover := .HasShortcode "blocks/cover" }}
<nav class="js-navbar-scroll navbar navbar-expand {{ if $cover}}
td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
- <div class="sidebar-button"><svg width="40"
xmlns="http://www.w3.org/2000/svg"; aria-hidden="true" role="img" viewBox="0 0
448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627
0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0
6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12
12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627
0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 1 [...]
+ <div class="sidebar-button">
+ <i class="iconfont icon-menu"></i>
+ </div>
<a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
<span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}<img
width="130" src="/images/logo.svg" alt="SkyWalking"></span> {{ else }}
<span class="text-uppercase font-weight-bold">{{ .Site.Title }}</span>
{{ end }}
diff --git a/themes/docsy/layouts/partials/scripts.html
b/themes/docsy/layouts/partials/scripts.html
index 7564f9e..6b68099 100644
--- a/themes/docsy/layouts/partials/scripts.html
+++ b/themes/docsy/layouts/partials/scripts.html
@@ -1,15 +1,13 @@
<script src="/js/bootstrap.bundle.min.js"></script>
{{ if .Site.Params.algolia_docsearch }}
-<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js";></script>
+<script defer type="text/javascript" src="/js/docsearch.min.js"></script>
{{ end }}
-{{ $jsBase := resources.Get "js/base.js" }}
{{ $jsAnchor := resources.Get "js/anchor.js" }}
-{{ $jsSearch := resources.Get "js/search.js" | resources.ExecuteAsTemplate
"js/search.js" .Site.Home }}
{{ $jsLightbox := resources.Get "js/lightbox.js" }}
{{ $jsSlider := resources.Get "js/slider.js" }}
{{ $algolia := resources.Get "js/algolia-search.js" }}
{{ $event := resources.Get "js/event-popup.js" }}
-{{ $js := (slice $jsBase $jsAnchor $jsSearch $jsLightbox $jsSlider $algolia
$event) | resources.Concat "js/main.js" }}
+{{ $js := (slice $jsAnchor $jsLightbox $jsSlider $algolia $event) |
resources.Concat "js/main.js" }}
{{ if .Site.IsServer }}
<script src="{{ $js.RelPermalink }}"></script>
{{ else }}
diff --git a/themes/docsy/layouts/partials/search-input.html
b/themes/docsy/layouts/partials/search-input.html
index 075e0a4..55b7a3a 100644
--- a/themes/docsy/layouts/partials/search-input.html
+++ b/themes/docsy/layouts/partials/search-input.html
@@ -1,8 +1,8 @@
{{ if or .Site.Params.gcs_engine_id .Site.Params.algolia_docsearch }}
-<input id="algolia-search-input" type="search" class="form-control
td-search-input" placeholder=" {{ T "ui_search" }}" aria-label="{{ T
"ui_search" }}" autocomplete="off">
+<input id="algolia-search-input" type="search" class="form-control
td-search-input iconfont" placeholder=" {{ T "ui_search" }}"
aria-label="{{ T "ui_search" }}" autocomplete="off">
{{ else if .Site.Params.offlineSearch }}
<div id="search-nav-container">
<input type="search" id="search-input" autocomplete="off" class="form-control
td-search-input" placeholder=" {{ T "ui_search" }}" autocomplete="on">
<div id="search-results" class="container"></div>
</div>
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/themes/docsy/layouts/partials/sidebar-menu.html
b/themes/docsy/layouts/partials/sidebar-menu.html
index e03344e..48c293b 100644
--- a/themes/docsy/layouts/partials/sidebar-menu.html
+++ b/themes/docsy/layouts/partials/sidebar-menu.html
@@ -1,14 +1,11 @@
-
<ul class="sidebar-menu">
{{ range .catalog }}
-
<li>
{{if .catalog}}
-
{{if .path}}
- <a href="{{ .path }}">{{ .name }}<i class="fa fa-angle-right
pull-right"></i></a>
+ <a href="{{ .path }}">{{ .name }}<i class="iconfont
icon-arrow-right pull-right"></i></a>
{{else}}
- <a href="#">{{ .name }}<i class="fa fa-angle-right
pull-right"></i></a>
+ <a href="#">{{ .name }}<i class="iconfont icon-arrow-right
pull-right"></i></a>
{{end}}
{{ partial "sidebar-submenu.html" . }}
@@ -16,9 +13,7 @@
<a href="{{ .path }}">{{ .name }}</a>
{{end}}
</li>
-
{{ end }}
-
</ul>
<script src="/js/sidebar-menu.js"></script>
<script>
@@ -39,4 +34,4 @@
}
})
})()
-</script>
\ No newline at end of file
+</script>
diff --git a/themes/docsy/layouts/partials/sidebar-submenu.html
b/themes/docsy/layouts/partials/sidebar-submenu.html
index 69adce9..f8c4580 100644
--- a/themes/docsy/layouts/partials/sidebar-submenu.html
+++ b/themes/docsy/layouts/partials/sidebar-submenu.html
@@ -1,14 +1,14 @@
-<ul class="sidebar-submenu" >
+<ul class="sidebar-submenu">
{{ range .catalog }}
<li>
{{if .catalog}}
{{if .path}}
- <a href="{{ .path }}">{{ .name }}<i class="fa fa-angle-right
pull-right"></i></a>
+ <a href="{{ .path }}">{{ .name }}<i class="iconfont
icon-arrow-right pull-right"></i></a>
{{else}}
- <a href="#">{{ .name }}<i class="fa fa-angle-right
pull-right"></i></a>
+ <a href="#">{{ .name }}<i class="iconfont icon-arrow-right
pull-right"></i></a>
{{end}}
{{ partial "sidebar-submenu.html" . }}
diff --git a/themes/docsy/layouts/partials/tags-zh.html
b/themes/docsy/layouts/partials/tags-zh.html
index 9005fe5..382c0a4 100644
--- a/themes/docsy/layouts/partials/tags-zh.html
+++ b/themes/docsy/layouts/partials/tags-zh.html
@@ -1,6 +1,6 @@
<div class="tags-wrapper">
<div class="font-weight-bold post-meta ">
- <i class="fas fa-tags pr-1" aria-hidden="true"></i>
+ <i class="iconfont icon-tags pr-1" aria-hidden="true"></i>
Tags
</div>
<ul class="tags-box">
diff --git a/themes/docsy/layouts/partials/tags.html
b/themes/docsy/layouts/partials/tags.html
index 3a5b990..235cb2d 100644
--- a/themes/docsy/layouts/partials/tags.html
+++ b/themes/docsy/layouts/partials/tags.html
@@ -1,6 +1,6 @@
<div class="tags-wrapper">
<div class="font-weight-bold post-meta ">
- <i class="fas fa-tags pr-1" aria-hidden="true"></i>
+ <i class="iconfont icon-tags pr-1" aria-hidden="true"></i>
Tags
</div>
<ul class="tags-box">
diff --git a/themes/docsy/layouts/projectDoc/baseof.html
b/themes/docsy/layouts/projectDoc/baseof.html
index ab085b4..2d64fea 100644
--- a/themes/docsy/layouts/projectDoc/baseof.html
+++ b/themes/docsy/layouts/projectDoc/baseof.html
@@ -16,8 +16,8 @@
</div>
<main class="col-12 col-md-9 col-xl-8 pl-md-5 pr-md-4" role="main">
- <i class="fa fa-bars doc-menu-button"></i>
- {{ block "main" . }}{{ end }}
+ <i class="iconfont icon-menu-doc doc-menu-button"></i>
+ {{ block "main" . }}{{ end }}
</main>
<div id="toc" class="d-none d-xl-block col-xl-2 td-toc d-print-none">
{{ partial "toc.html" . }}
diff --git a/themes/docsy/layouts/zh/content.html
b/themes/docsy/layouts/zh/content.html
index 615e23e..674afa1 100644
--- a/themes/docsy/layouts/zh/content.html
+++ b/themes/docsy/layouts/zh/content.html
@@ -7,7 +7,7 @@
{{ with .Params.zh_tags }}
<p class="mt-1 tags-box">
- <i class="fas fa-tags" aria-hidden="true"></i>Tags |
+ <i class="iconfont icon-tags"></i>Tags |
{{ range . }}
<span> <a href="{{ "zh_tags" | absURL }}/{{ . | urlize
}}">{{ . }}</a></span>
{{ end }}
diff --git a/themes/docsy/static/js/docsearch.min.js
b/themes/docsy/static/js/docsearch.min.js
new file mode 100644
index 0000000..efb45b8
--- /dev/null
+++ b/themes/docsy/static/js/docsearch.min.js
@@ -0,0 +1,2 @@
+/*! docsearch 2.6.3 | © Algolia | github.com/algolia/docsearch */
+(function webpackUniversalModuleDefinition(root,factory){if(typeof
exports==="object"&&typeof module==="object")module.exports=factory();else
if(typeof define==="function"&&define.amd)define([],factory);else if(typeof
exports==="object")exports["docsearch"]=factory();else
root["docsearch"]=factory()})(typeof
self!=="undefined"?self:this,function(){return function(modules){var
installedModules={};function
__webpack_require__(moduleId){if(installedModules[moduleId]){return
installedModules [...]
\ No newline at end of file
diff --git a/themes/docsy/static/js/iconfont.js
b/themes/docsy/static/js/iconfont.js
deleted file mode 100644
index bacbe96..0000000
--- a/themes/docsy/static/js/iconfont.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(a){var l,t,c,i,h,o='<svg><symbol id="icon-a-kongagent" viewBox="0 0
1024 1024"><path d="M93.090909 93.090909a93.090909 93.090909 0 0 1
93.090909-93.090909h651.636364a93.090909 93.090909 0 0 1 93.090909
93.090909v651.636364a93.090909 93.090909 0 0 1-93.090909
93.090909H186.181818a93.090909 93.090909 0 0 1-93.090909-93.090909V93.090909z"
fill="#0B2B40" ></path><path d="M447.860364 202.263273a178.036364 178.036364 0
0 1 29.556363-4.049455c100.026182-5.352727 185.437091 72.773818 1 [...]
\ No newline at end of file
![https://skywalking.apache.org/images/skywalking_400x400.png"](https://skywalking.apache.org/images/skywalking_400x400.png"){kind=link}