You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by wu...@apache.org on 2022/07/25 04:20:55 UTC

[skywalking-website] branch master updated: Update the homepae (#474)

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 c436fcfc4f Update the homepae (#474)
c436fcfc4f is described below

commit c436fcfc4f4f5ecd5d40dd3b07af2ad66f7c6700
Author: Juntao Zhang <71...@qq.com>
AuthorDate: Mon Jul 25 12:20:51 2022 +0800

    Update the homepae (#474)
---
 assets/scss/_custom_home.scss             |  25 ++++++++++++++++++++++---
 content/_index.html                       |   8 ++------
 content/images/home/apm_stacks.png        | Bin 0 -> 22380 bytes
 content/images/home/apm_vs.png            | Bin 30250 -> 0 bytes
 layouts/shortcodes/contributors-home.html |   5 +++++
 layouts/shortcodes/contributors.html      |   1 -
 themes/docsy/assets/scss/_nav.scss        |   2 +-
 7 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index 19c4c20f62..ea55e698f7 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 4cfa025dca..75900dbbb5 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -4,11 +4,7 @@ linkTitle = "Apache SkyWalking"
 +++
 
 <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 @@ linkTitle = "Apache SkyWalking"
                 <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 0000000000..e5e95662f9
Binary files /dev/null and b/content/images/home/apm_stacks.png differ
diff --git a/content/images/home/apm_vs.png b/content/images/home/apm_vs.png
deleted file mode 100644
index 3354b802d9..0000000000
Binary files a/content/images/home/apm_vs.png and /dev/null differ
diff --git a/layouts/shortcodes/contributors-home.html b/layouts/shortcodes/contributors-home.html
new file mode 100644
index 0000000000..3f48662682
--- /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 8b0bd764e3..4f553d5af6 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 8765b698e8..5685dfbf3b 100644
--- a/themes/docsy/assets/scss/_nav.scss
+++ b/themes/docsy/assets/scss/_nav.scss
@@ -67,7 +67,7 @@ $primary: #fff;
         }
     }
     .search-input-box {
-        width: 245px;
+        width: 250px;
         .link {
             height: 36px;
             line-height: 36px;