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/06/20 03:28:23 UTC
[skywalking-website] branch master updated: Change the position of the demo entrance (#465)
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 7b5770de41 Change the position of the demo entrance (#465)
7b5770de41 is described below
commit 7b5770de418af86371112a1ec4251144e4020e65
Author: Juntao Zhang <71...@qq.com>
AuthorDate: Mon Jun 20 11:28:19 2022 +0800
Change the position of the demo entrance (#465)
---
assets/scss/_custom_home.scss | 21 ++++++++++++++++-----
content/_index.html | 43 +++++++++++++++++++++++--------------------
2 files changed, 39 insertions(+), 25 deletions(-)
diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index 9bb5a1be8c..19c4c20f62 100644
--- a/assets/scss/_custom_home.scss
+++ b/assets/scss/_custom_home.scss
@@ -24,6 +24,13 @@
}
}
+.dividing-line-border {
+ display: inline-block;
+ width: 60%;
+ height: 1px;
+ background: -webkit-linear-gradient(left, #fff -4%, #ccc 50%, #fff 100%);
+}
+
.td-home {
main {
li {
@@ -66,7 +73,6 @@
text-align: center;
}
-
.community-box {
color: #909094;
display: flex;
@@ -438,11 +444,15 @@
}
}
+ .dividing-line-border {
+ width: 90%;
+ }
+
.ui-wrapper {
.ui-content {
padding-right: 15px;
padding-left: 15px;
- margin-top: 50px;
+ margin-top: 25px;
}
}
@@ -507,14 +517,15 @@
.community-wrapper .community-content li:last-child {
padding: 10px;
}
+
.swiper-button-prev, .swiper-button-next {
background-color: #79a7d030;
- background-color: rgba(202, 211 ,218 , 0.25);
+ background-color: rgba(202, 211, 218, 0.25);
padding: 20px;
border-radius: 4px;
}
- .feature-content{
+ .feature-content {
.swiper-button-prev, .swiper-button-next {
padding: 10px;
height: 30px;
@@ -526,7 +537,7 @@
@media (min-width: 1440px) {
.td-home {
.container.ui-content {
- max-width: 1200px!important;
+ max-width: 1200px !important;
}
}
}
diff --git a/content/_index.html b/content/_index.html
index 8190ed7aec..4cfa025dca 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -27,6 +27,29 @@ linkTitle = "Apache SkyWalking"
</div>
</div>
+<div id="demo" class="pt-5 mt-3">
+ <div class="container center">
+ <span class="dividing-line-border"></span>
+ </div>
+ <div class="container try-wrapper center mt-5">
+ <div class="center">
+ <a href="http://demo.skywalking.apache.org/" target="_blank">
+ <button class="sky-btn primary">
+ Try live demo
+ <i class="iconfont icon-arrow-right pull-right"></i>
+ </button>
+ </a>
+ </div>
+ <ul class="demo mt-4">
+ <li>Username</li>
+ <li>skywalking</li>
+ <li>Password</li>
+ <li>skywalking</li>
+ </ul>
+ </div>
+
+</div>
+
<div class="ui-wrapper">
<div class="container ui-content">
<div class="swiper-container ui-swiper-container">
@@ -71,26 +94,6 @@ linkTitle = "Apache SkyWalking"
</div>
</div>
-
- <div id="demo" class="pt-5 mt-3">
- <div class="container try-wrapper center mt-5">
- <div class="center">
- <a href="http://demo.skywalking.apache.org/" target="_blank">
- <button class="sky-btn primary">
- Try live demo
- <i class="iconfont icon-arrow-right pull-right"></i>
- </button>
- </a>
- </div>
- <ul class="demo mt-4">
- <li>Username</li>
- <li>skywalking</li>
- <li>Password</li>
- <li>skywalking</li>
- </ul>
- </div>
-
- </div>
</div>