Update the homepae (#474)
diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index 19c4c20..ea55e69 100644
--- a/assets/scss/_custom_home.scss
+++ b/assets/scss/_custom_home.scss
@@ -79,7 +79,7 @@
justify-content: center;
align-items: center;
padding: 8px;
- max-width: 638px;
+ max-width: 664px;
margin: 60px auto 0;
border: 1px solid #DADDE0;
border-radius: 12px;
@@ -94,8 +94,27 @@
border-radius: 8px;
}
- .mr-14 {
- margin-right: 14px;
+ .count {
+ font-weight: 800;
+ background-image: -webkit-linear-gradient(left, #E7136C, #FF9900 25%, #E7136C 50%, #FF9900 75%, #E7136C);
+ -webkit-text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-background-size: 200% 100%;
+ -webkit-animation: colorAnimation 4s infinite linear;
+ font-size: 18px;
+ }
+
+ .mr-10 {
+ margin-right: 10px;
+ }
+
+ @keyframes colorAnimation {
+ 0% {
+ background-position: 0 0;
+ }
+ 100% {
+ background-position: -100% 0;
+ }
}
}
diff --git a/content/_index.html b/content/_index.html
index 4cfa025..75900db 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -4,11 +4,7 @@
+++
<div class="container pt-64">
- <a class="community-box" href="/blog/2021-07-12-500-contributors-mark/">
- <span class="community mr-14">COMMUNITY</span>
- <span class="mr-14">SkyWalking achieved 500 contributors milestone in July 2021</span>
- <i class="iconfont icon-arrow-right pull-right"></i>
- </a>
+ {{< contributors-home >}}
<div class="introduction mt-5">
<h1 class="title-skywalking">Apache SkyWalking</h1>
@@ -244,7 +240,7 @@
<h4>All Stacks Monitoring</h4>
<p>SkyWalking provides native agents and works with global observability tools to support all stacks monitoring.</p>
</div>
- <img loading="lazy" src="images/home/apm_vs.png" class="img-vs" data-nolightbox="true" alt="">
+ <img loading="lazy" src="images/home/apm_stacks.png" class="img-vs" data-nolightbox="true" alt="">
</li>
</ul>
</div>
diff --git a/content/images/home/apm_stacks.png b/content/images/home/apm_stacks.png
new file mode 100644
index 0000000..e5e9566
--- /dev/null
+++ b/content/images/home/apm_stacks.png
Binary files differ
diff --git a/content/images/home/apm_vs.png b/content/images/home/apm_vs.png
deleted file mode 100644
index 3354b80..0000000
--- a/content/images/home/apm_vs.png
+++ /dev/null
Binary files differ
diff --git a/layouts/shortcodes/contributors-home.html b/layouts/shortcodes/contributors-home.html
new file mode 100644
index 0000000..3f48662
--- /dev/null
+++ b/layouts/shortcodes/contributors-home.html
@@ -0,0 +1,5 @@
+<a class="community-box" href="/team">
+ <span class="community mr-10">COMMUNITY</span>
+ <span class="mr-10">SkyWalking has received contributions from <em class="count">{{ .Site.Data.team.totalCount }}</em> individuals now.</span>
+ <i class="iconfont icon-arrow-right pull-right"></i>
+</a>
diff --git a/layouts/shortcodes/contributors.html b/layouts/shortcodes/contributors.html
index 8b0bd76..4f553d5 100644
--- a/layouts/shortcodes/contributors.html
+++ b/layouts/shortcodes/contributors.html
@@ -46,7 +46,6 @@
{{end}}
{{end}}
</ul>
-
</div>
{{end}}
diff --git a/themes/docsy/assets/scss/_nav.scss b/themes/docsy/assets/scss/_nav.scss
index 8765b69..5685dfb 100644
--- a/themes/docsy/assets/scss/_nav.scss
+++ b/themes/docsy/assets/scss/_nav.scss
@@ -67,7 +67,7 @@
}
}
.search-input-box {
- width: 245px;
+ width: 250px;
.link {
height: 36px;
line-height: 36px;
