update

Author: Jtrust

assets/scss/_custom_home.scss

@@ -348,7 +348,7 @@
   }
 
   .events-wrapper {
-    background: radial-gradient(49.06% 49.81% at 50% 51.68%, rgba(62, 162, 255, 0.3) 0%, rgba(0, 117, 255, 0) 100%),
+    background: radial-gradient(99.06% 49.81% at 50% 61.68%, rgba(62, 162, 255, 0.3) 0%, rgba(0, 117, 255, 0) 50%),
     radial-gradient(23.2% 22.47% at 38.96% 38.47%, rgba(255, 245, 0, 0.2) 0%, rgba(20, 255, 0, 0) 100%),
     radial-gradient(20.52% 46.35% at 50% 50%, rgba(120, 190, 255, 0.2) 0%, rgba(135, 212, 255, 0) 100%),
     radial-gradient(21.08% 29.74% at 63.15% 58.96%, rgba(232, 78, 161, 0.2) 0%, rgba(239, 177, 255, 0) 100%);
@@ -402,6 +402,9 @@
     }
   }
 
+  .tuned-wrapper {
+    background: none;
+  }
   .tuned-content {
     display: flex;
     justify-content: space-between;

content/_index.html

@@ -274,11 +274,11 @@ <h4>Run SkyWalking in a snap</h4>
     </div>
 </div>
 
-<div class="container tuned-wrapper mt-5 mb-5">
+<div class="container tuned-wrapper feature-wrapper mt-5 mb-5">
     <h2 class="title">
         Stay tuned with SkyWalking
     </h2>
-    <ul class="tuned-content center">
+    <ul class="tuned-content feature-content center">
         <li>
             <h4>Questions/bugs?</h4>
             <p>Features requests, questions or report bugs? Feel free to
@@ -300,13 +300,6 @@ <h4>Follow us on Twitter</h4>
             </p>
             <img loading="lazy" src="images/home/tuned_twitter.svg" data-nolightbox="true" alt="twitter">
         </li>
-        <li>
-
-            {{< events >}}
-            {{< /events >}}
-
-            <img loading="lazy" src="images/home/tuned_release.svg" data-nolightbox="true" alt="release">
-        </li>
     </ul>
 </div>
 

content/team/_index.md

@@ -110,3 +110,9 @@ The SkyWalking team is comprised of Members and Contributors, and the growth has
 </div>
 
 {{< contributors >}}
+
+## Contributions over time
+
+<div class="graph-wrapper">
+<div id="mergedGraph" style="height: 300px"></div>
+</div>

scripts/team.js

@@ -56,7 +56,7 @@ class GenerateTeamYaml {
   async getMergedData({user, repo}) {
     const that = this;
     let count = 0;
-    const NUM = 10;
+    const NUM = 8;
     const FAIL_TIPS = `${user}/${repo}/graphs failed!`;
 
     try {

themes/docsy/layouts/partials/script-team.html

@@ -1,3 +1,6 @@
+<script src="/js/echarts.min.js"></script>
+<script src="/js/mergedData.js"></script>
+<script src="/js/initMergedGraph.js?t=20220810"></script>
 <script>
   $('.item').on('click', function (e) {
     e.preventDefault();

themes/docsy/static/js/initMergedGraph.js

@@ -0,0 +1,69 @@
+function initMergedGraph() {
+  if (window.location.hostname.indexOf('.netlify.app') > -1) {
+    var previewTips = "<p>This part doesn't show up in preview mode.</p>";
+    $('#mergedGraph').html(previewTips);
+    return
+  }
+
+  var chartDom = document.getElementById('mergedGraph');
+  var myChart = echarts.init(chartDom);
+
+  var option = {
+    title: {
+      left: 'center',
+    },
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        type: 'cross',
+        label: {
+          backgroundColor: '#6a7985'
+        }
+      }
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: mergedData.date
+    },
+    yAxis: {},
+    grid: {
+      x: 40,
+      y: 25,
+      x2: 30,
+      y2: 35
+    },
+    series: [
+      {
+        lineStyle: {
+          width: 1
+        },
+        name: 'Contributions',
+        type: 'line',
+        symbol: 'none',
+        sampling: 'lttb',
+        itemStyle: {
+          color: 'rgb(105,183,112)'
+        },
+        areaStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: 'rgb(138,197,138)'
+            },
+            {
+              offset: 1,
+              color: 'rgb(237,243,237)'
+            }
+          ])
+        },
+        data: mergedData.data
+      }
+    ]
+  };
+
+  option && myChart.setOption(option);
+  window.onresize = myChart.resize;
+}
+
+initMergedGraph();