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/04/06 23:58:41 UTC

[skywalking-website] branch master updated: Update UI Screenshot (#419)

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 8ad877ee5a Update UI Screenshot (#419)
8ad877ee5a is described below

commit 8ad877ee5a210033119047fd14c9b75e02f54bb1
Author: Juntao Zhang <71...@qq.com>
AuthorDate: Thu Apr 7 07:58:36 2022 +0800

    Update UI Screenshot (#419)
---
 assets/scss/_custom_home.scss                   |  45 ++++++++++--------------
 content/_index.html                             |  31 +++++++---------
 content/images/home/alarms.png                  | Bin 0 -> 80924 bytes
 content/images/home/browser.png                 | Bin 0 -> 103967 bytes
 content/images/home/dashboard.png               | Bin 92135 -> 0 bytes
 content/images/home/dashboard_list.png          | Bin 0 -> 105778 bytes
 content/images/home/database.png                | Bin 0 -> 42008 bytes
 content/images/home/event.png                   | Bin 55477 -> 0 bytes
 content/images/home/events.png                  | Bin 0 -> 94610 bytes
 content/images/home/log.png                     | Bin 135866 -> 0 bytes
 content/images/home/oap.png                     | Bin 0 -> 194201 bytes
 content/images/home/profile.png                 | Bin 69993 -> 0 bytes
 content/images/home/services.png                | Bin 0 -> 110356 bytes
 content/images/home/topo.png                    | Bin 41931 -> 0 bytes
 content/images/home/topo_ui.png                 | Bin 0 -> 83811 bytes
 content/images/home/trace.png                   | Bin 112631 -> 0 bytes
 content/images/home/trace_ui.png                | Bin 0 -> 145320 bytes
 themes/docsy/layouts/partials/scripts-home.html |   7 ----
 18 files changed, 32 insertions(+), 51 deletions(-)

diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index e192c2ee11..fc5e9eb231 100644
--- a/assets/scss/_custom_home.scss
+++ b/assets/scss/_custom_home.scss
@@ -118,7 +118,7 @@
     background-size: 100%;
     background-repeat: no-repeat;
     min-height: 200px;
-    padding-top: 7%;
+    padding-top: 13%;
     margin-top: -2%;
     margin-right: -15px;
     margin-left: -15px;
@@ -177,33 +177,30 @@
       .swiper-slide {
         font-size: 0;
       }
-      .swiper-button-prev, .swiper-button-next {
-        display: none;
-      }
 
       .swiper-container-horizontal > .swiper-pagination-bullets {
         //top: 0;
         text-align: left;
       }
 
-      .swiper-pagination {
-        top: 0;
-        text-align: left;
-
-        .swiper-pagination-bullet {
-          border-radius: 0;
-          width: 7%;
-          height: 22px;
-          background: transparent;
-          opacity: 0;
-          margin: 1% 1px 0;
-          z-index: 99;
-
-          &:first-child {
-            margin-left: 12%;
-          }
-        }
-      }
+      //.swiper-pagination {
+      //  top: 0;
+      //  text-align: left;
+      //
+      //  .swiper-pagination-bullet {
+      //    border-radius: 0;
+      //    width: 7%;
+      //    height: 22px;
+      //    background: transparent;
+      //    opacity: 0;
+      //    margin: 1% 1px 0;
+      //    z-index: 99;
+      //
+      //    &:first-child {
+      //      margin-left: 12%;
+      //    }
+      //  }
+      //}
 
     }
   }
@@ -457,10 +454,6 @@
     }
 
     .ui-wrapper {
-      .hover-box {
-        display: none;
-      }
-
       .ui-content {
         padding-right: 15px;
         padding-left: 15px;
diff --git a/content/_index.html b/content/_index.html
index d867b3e39e..7b57bec4f9 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -28,41 +28,36 @@ linkTitle = "Apache SkyWalking"
 </div>
 
 <div class="ui-wrapper">
-    <div class="container">
-        <div class="hover-box">
-            <img class="arrow" src="images/home/arrow.png" data-nolightbox="true" alt="">
-            <div class="text-box">
-                <img class="mouse" src="images/home/mouse.png" data-nolightbox="true" alt="">
-                <span class="bg"></span>
-                <span class="text">Visualize your system with topology maps</span>
-            </div>
-        </div>
-    </div>
     <div class="container  ui-content">
         <div class="swiper-container ui-swiper-container">
             <div class="swiper-wrapper">
                 <div class="swiper-slide">
-                    <img src="images/home/dashboard.png" alt="dashboard">
+                    <img src="images/home/oap.png" alt="oap">
                 </div>
                 <div class="swiper-slide">
-                    <img src="images/home/topo.png" alt="topo">
+                    <img src="images/home/dashboard_list.png" alt="dashboard">
                 </div>
                 <div class="swiper-slide">
-                    <img src="images/home/trace.png" alt="trace">
+                    <img src="images/home/topo_ui.png" alt="topo">
                 </div>
                 <div class="swiper-slide">
-                    <img src="images/home/profile.png" alt="profile">
+                    <img src="images/home/trace_ui.png" alt="trace">
                 </div>
                 <div class="swiper-slide">
-                    <img src="images/home/log.png" alt="log">
+                    <img src="images/home/browser.png" alt="browser">
                 </div>
                 <div class="swiper-slide">
-                    <img src="images/home/alarm.png" alt="alarm">
+                    <img src="images/home/database.png" alt="database">
                 </div>
                 <div class="swiper-slide">
-                    <img src="images/home/event.png" alt="event">
+                    <img src="images/home/services.png" alt="services">
+                </div>
+                <div class="swiper-slide">
+                    <img src="images/home/alarms.png" alt="alarms">
+                </div>
+                <div class="swiper-slide">
+                    <img src="images/home/events.png" alt="events">
                 </div>
-
             </div>
             <div class="ui-swiper-pagination swiper-pagination"></div>
             <div class="ui-swiper-button-prev swiper-button-prev"></div>
diff --git a/content/images/home/alarms.png b/content/images/home/alarms.png
new file mode 100644
index 0000000000..44ebd485da
Binary files /dev/null and b/content/images/home/alarms.png differ
diff --git a/content/images/home/browser.png b/content/images/home/browser.png
new file mode 100644
index 0000000000..fa3e656d18
Binary files /dev/null and b/content/images/home/browser.png differ
diff --git a/content/images/home/dashboard.png b/content/images/home/dashboard.png
deleted file mode 100644
index 4e8a3880d6..0000000000
Binary files a/content/images/home/dashboard.png and /dev/null differ
diff --git a/content/images/home/dashboard_list.png b/content/images/home/dashboard_list.png
new file mode 100644
index 0000000000..0f2bb9b827
Binary files /dev/null and b/content/images/home/dashboard_list.png differ
diff --git a/content/images/home/database.png b/content/images/home/database.png
new file mode 100644
index 0000000000..23d533258f
Binary files /dev/null and b/content/images/home/database.png differ
diff --git a/content/images/home/event.png b/content/images/home/event.png
deleted file mode 100644
index 6dd10114cd..0000000000
Binary files a/content/images/home/event.png and /dev/null differ
diff --git a/content/images/home/events.png b/content/images/home/events.png
new file mode 100644
index 0000000000..bd162e3755
Binary files /dev/null and b/content/images/home/events.png differ
diff --git a/content/images/home/log.png b/content/images/home/log.png
deleted file mode 100644
index 37494a9795..0000000000
Binary files a/content/images/home/log.png and /dev/null differ
diff --git a/content/images/home/oap.png b/content/images/home/oap.png
new file mode 100644
index 0000000000..7af24f6701
Binary files /dev/null and b/content/images/home/oap.png differ
diff --git a/content/images/home/profile.png b/content/images/home/profile.png
deleted file mode 100644
index 9326acbbf4..0000000000
Binary files a/content/images/home/profile.png and /dev/null differ
diff --git a/content/images/home/services.png b/content/images/home/services.png
new file mode 100644
index 0000000000..09c93ff734
Binary files /dev/null and b/content/images/home/services.png differ
diff --git a/content/images/home/topo.png b/content/images/home/topo.png
deleted file mode 100644
index 9fea34313c..0000000000
Binary files a/content/images/home/topo.png and /dev/null differ
diff --git a/content/images/home/topo_ui.png b/content/images/home/topo_ui.png
new file mode 100644
index 0000000000..0902772932
Binary files /dev/null and b/content/images/home/topo_ui.png differ
diff --git a/content/images/home/trace.png b/content/images/home/trace.png
deleted file mode 100644
index 3710d25d2d..0000000000
Binary files a/content/images/home/trace.png and /dev/null differ
diff --git a/content/images/home/trace_ui.png b/content/images/home/trace_ui.png
new file mode 100644
index 0000000000..5c50b85249
Binary files /dev/null and b/content/images/home/trace_ui.png differ
diff --git a/themes/docsy/layouts/partials/scripts-home.html b/themes/docsy/layouts/partials/scripts-home.html
index 092de2524f..a007fda1ac 100644
--- a/themes/docsy/layouts/partials/scripts-home.html
+++ b/themes/docsy/layouts/partials/scripts-home.html
@@ -4,9 +4,6 @@
 <script>
     initUISwiper();
     initMergedGraph();
-    $('.swiper-pagination-bullet').hover(function () {
-        $(this).trigger("click");
-    });
 
     // cluster
     createSwiper({
@@ -34,10 +31,6 @@
             autoplay: {
                 delay: 4000,
             },
-            pagination: {
-                el: '.ui-swiper-pagination',
-                clickable: true,
-            },
 
             navigation: {
                 nextEl: '.ui-swiper-button-next',