You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dolphinscheduler.apache.org by wa...@apache.org on 2022/12/15 07:55:41 UTC

[dolphinscheduler-website] branch master updated: [Fix] Some changes. (#859)

This is an automated email from the ASF dual-hosted git repository.

wanggenhua pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 83225e96dd [Fix] Some changes. (#859)
83225e96dd is described below

commit 83225e96ddbd54be979c8ceceb2d3ad09a6ed393
Author: Amy0104 <wa...@apache.org>
AuthorDate: Thu Dec 15 15:55:37 2022 +0800

    [Fix] Some changes. (#859)
    
    * Added `sitemap.xml`
        * Revise some uis
        * Added baidu hm
---
 public/index.html                  | 22 +++++++++++++++
 sitemap.xml                        | 14 ++++++++++
 src/components/NavBar/index.scss   |  6 +++++
 src/styles/mixin.scss              |  2 +-
 src/views/Download/deployment.scss | 36 +++++++++++++++++++++++++
 src/views/Download/index.scss      | 23 ++++++++++++++++
 src/views/Download/version.scss    | 55 ++++++++++++++++++++++++++++++++++++++
 src/views/Home/index.scss          |  1 +
 8 files changed, 158 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 9e1f5da12c..7ca66eddf3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -40,5 +40,27 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
+    <script>
+      var _hmt = _hmt || [];
+      (function () {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?d6bc736fd9885d9a5dc938425ac062ad";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+      })();
+    </script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-899J8PYKJZ"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "G-899J8PYKJZ");
+    </script>
   </body>
 </html>
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000000..227c5c7c0f
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+  xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+  xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"
+>
+  <!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
+
+  <url>
+    <loc>https://dolphinscheduler.apache.org/</loc>
+    <lastmod>2022-12-15T02:37:59+00:00</lastmod>
+  </url>
+</urlset>
\ No newline at end of file
diff --git a/src/components/NavBar/index.scss b/src/components/NavBar/index.scss
index e935758d52..2f390f6fe2 100644
--- a/src/components/NavBar/index.scss
+++ b/src/components/NavBar/index.scss
@@ -86,3 +86,9 @@
     }
   }
 }
+
+.ant-menu-vertical {
+  .anticon-caret-down {
+    display: none;
+  }
+}
diff --git a/src/styles/mixin.scss b/src/styles/mixin.scss
index a01e17f401..b60adee709 100644
--- a/src/styles/mixin.scss
+++ b/src/styles/mixin.scss
@@ -16,7 +16,7 @@
   }
   @media screen and (max-width: 1440px) {
     width: 100%;
-    padding: 0px 3vw;
+    padding: 0px 2vw;
     box-sizing: border-box;
   }
 }
diff --git a/src/views/Download/deployment.scss b/src/views/Download/deployment.scss
index dcb58947c2..e250359cfd 100644
--- a/src/views/Download/deployment.scss
+++ b/src/views/Download/deployment.scss
@@ -6,6 +6,9 @@
     height: 206px;
     background-color: #f5f5f5;
     padding-top: 18px;
+    @media screen and (max-width: 640px) {
+      height: 46vw;
+    }
   }
   &-box {
     margin: 0 auto;
@@ -27,11 +30,21 @@
       height: 57px;
       border-radius: 17px;
       @include bg-100;
+
+      @media screen and (max-width: 640px) {
+        width: 10vw;
+        height: 10vw;
+        border-radius: 2vw;
+      }
     }
     &-text {
       color: #000000;
       font-size: 18px;
       line-height: 43px;
+      @media screen and (max-width: 640px) {
+        font-size: 14px;
+        line-height: 2;
+      }
     }
     &.active {
       pointer-events: none;
@@ -56,22 +69,41 @@
       color: #031b3e;
       font-size: 48px;
       line-height: 90px;
+
+      @media screen and (max-width: 640px) {
+        font-size: 24px;
+        line-height: 2;
+      }
     }
     &-bold {
       font-weight: 700;
       color: #000000;
       font-size: 18px;
       line-height: 43px;
+      @media screen and (max-width: 640px) {
+        font-size: 16px;
+        line-height: 1.5;
+      }
     }
     &-tips {
       color: #000000;
       font-size: 16px;
       line-height: 24px;
       padding: 8px 0px;
+      @media screen and (max-width: 640px) {
+        font-size: 14px;
+        line-height: 2;
+        padding: 0px 2vw;
+      }
     }
     .ant-btn {
       padding: 0px 10px;
       font-size: 16px;
+      @media screen and (max-width: 640px) {
+        font-size: 14px;
+        padding: 0px 1vw;
+        height: 20px;
+      }
     }
     .ant-collapse-header {
       font-weight: 700;
@@ -83,6 +115,10 @@
     &-version {
       padding: 20px 30px 0px 30px;
       position: relative;
+      @media screen and (max-width: 640px) {
+        padding: 1vw 1vw 0 1vw;
+        word-break: break-all;
+      }
     }
     &-documentation {
       position: absolute;
diff --git a/src/views/Download/index.scss b/src/views/Download/index.scss
index f459ab5542..0243201ec9 100644
--- a/src/views/Download/index.scss
+++ b/src/views/Download/index.scss
@@ -20,6 +20,13 @@
       background-image: url("../../images/bg/download.png");
       margin-top: 10px;
       @include bg-100;
+      @media screen and (max-width: 640px) {
+        display: none;
+      }
+    }
+
+    @media screen and (max-width: 640px) {
+      height: 60vw;
     }
   }
   &-title {
@@ -28,6 +35,13 @@
     font-size: 68px;
     line-height: 90px;
     width: 900px;
+    @media screen and (max-width: 640px) {
+      width: 100%;
+      line-height: 1.5;
+      font-size: 7vw;
+      padding-left: 3vw;
+      box-sizing: border-box;
+    }
   }
   &-subtitle {
     display: flex;
@@ -50,6 +64,12 @@
     justify-content: space-between;
     align-items: center;
 
+    @media screen and (max-width: 640px) {
+      width: 96vw;
+      padding-left: 3vw;
+      padding-right: 3vw;
+    }
+
     &-info {
       height: 100%;
     }
@@ -84,6 +104,9 @@
       width: 455px;
       height: 215px;
       @include bg-100;
+      @media screen and (max-width: 640px) {
+        display: none;
+      }
     }
     &-img-deployment {
       background-image: url("../../images/download/download_1.png");
diff --git a/src/views/Download/version.scss b/src/views/Download/version.scss
index fe76a5d061..380e905123 100644
--- a/src/views/Download/version.scss
+++ b/src/views/Download/version.scss
@@ -12,6 +12,10 @@
     color: #031b3e;
     font-size: 48px;
     line-height: 90px;
+    @media screen and (max-width: 640px) {
+      font-size: 7vw;
+      line-height: 1.5;
+    }
   }
   &-subtitle {
     font-weight: 700;
@@ -46,6 +50,9 @@
       font-size: 14px;
       line-height: 43px;
     }
+    @media screen and (max-width: 640px) {
+      display: none;
+    }
   }
   &-main {
     width: 812px;
@@ -59,17 +66,42 @@
       font-size: 18px;
       line-height: 43px;
       border-bottom: 1px solid #707070;
+      @media screen and (max-width: 640px) {
+        font-size: 12px;
+        line-height: 1.5;
+      }
+    }
+
+    @media screen and (max-width: 640px) {
+      width: 94vw;
     }
   }
   &-documentation {
     position: absolute;
     right: 30px;
     top: 10px;
+    @media screen and (max-width: 640px) {
+      right: -20px;
+      font-size: 14px;
+      line-height: 1.5;
+      padding: 0px 5px;
+    }
   }
   &-log {
     position: relative;
     padding: 10px 0px;
   }
+  &-log-title {
+    @media screen and (max-width: 640px) {
+      font-size: 14px;
+      line-height: 1.5;
+      .ant-btn-link {
+        font-size: 14px;
+        line-height: 1.5;
+        padding: 0px 5px;
+      }
+    }
+  }
   &-log-content {
     min-height: 300px;
     line-height: 1.5;
@@ -82,6 +114,13 @@
     li:nth-child(-n + 3) {
       display: list-item;
     }
+    p {
+      word-break: break-all;
+    }
+    @media screen and (max-width: 640px) {
+      font-size: 14px;
+      line-height: 1.5;
+    }
   }
   &-deployment-title {
     font-weight: 700;
@@ -108,6 +147,10 @@
       color: #000000;
       font-size: 18px;
       line-height: 43px;
+      @media screen and (max-width: 640px) {
+        font-size: 14px;
+        line-height: 1.5;
+      }
     }
   }
   .ant-collapse {
@@ -115,6 +158,15 @@
     color: #000000;
     font-size: 18px;
     background-color: transparent;
+    @media screen and (max-width: 640px) {
+      font-size: 14px;
+      .download-version-item-title {
+        display: none;
+      }
+      .ant-collapse-content-box {
+        padding: 5px;
+      }
+    }
   }
   .ant-collapse-header {
     background-color: #ececec;
@@ -149,6 +201,9 @@
     ul {
       margin-top: 6px;
     }
+    @media screen and (max-width: 640px) {
+      display: none;
+    }
   }
   &-more {
     cursor: pointer;
diff --git a/src/views/Home/index.scss b/src/views/Home/index.scss
index 5786885bf3..a7ad9555b2 100644
--- a/src/views/Home/index.scss
+++ b/src/views/Home/index.scss
@@ -106,6 +106,7 @@
       top: 0px;
       left: -20px;
       z-index: 1;
+      min-width: 1200px;
     }
 
     &-content {