[incubator-streampark-website] branch dev updated: project name style improve (#122)

[benjobs]

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

benjobs pushed a commit to branch dev
in repository 
https://gitbox.apache.org/repos/asf/incubator-streampark-website.git


The following commit(s) were added to refs/heads/dev by this push:
     new 14d24b2  project name style improve (#122)
14d24b2 is described below

commit 14d24b28dcef21f769777ef6f28e9906976e95a2
Author: benjobs <benj...@apache.org>
AuthorDate: Sun Sep 11 08:59:52 2022 +0800

    project name style improve (#122)
    
    project name style improve
---
 src/pages/home/index.jsx  |  6 +++---
 src/pages/home/index.less | 20 +++++++++++---------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index efad2f5..84070d7 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -39,11 +39,11 @@ export default function () {
                         <div className="col-12 col-md-6">
                             <div className="welcome_text_area">
                                 <h2 className="wow fadeInUp ztop" 
data-wow-delay="0.2s">
-                                    <span className="main_title">Apache 
StreamPark</span>
+                                    <span style={{color: 
'#333'}}>Apache</span> <br/> <span className="main_title">StreamPark</span>
                                     <span 
className="apache_incubating">Incubating</span>
                                 </h2>
-                                <hr style={{marginBottom: '40px'}}/>
-                                <h5 className="wow fadeInUp ztop" 
data-wow-delay="0.3s" style={{color: '#6c7a87',fontWeight: 600}}>
+                                <hr style={{marginBottom: '20px'}}/>
+                                <h5 className="wow fadeInUp ztop main_desc" 
data-wow-delay="0.3s" style={{color: '#6c7a87',fontWeight: 600}}>
                                     {dataSource.slogan.description}
                                 </h5>
                                 <a className="btn streamx-btn btn mt-30 ztop" 
href="https://github.com/apache/incubator-streampark";
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index 0ffc769..dc221be 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -725,10 +725,10 @@ img {
 }
 
 .welcome_text_area h2 {
-  font-size: 3.2rem;
+  font-size: 5.5rem;
   margin-bottom: 15px;
-  font-weight: 600;
-  line-height: 4rem;
+  font-weight: bolder;
+  line-height: 6.5rem;
 }
 
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
@@ -982,11 +982,13 @@ img {
   font-family: 800;
 }
 
+
 .welcome_area .welcome_text_area .main_title {
-  background: linear-gradient(130deg, rgb(36, 198, 220), rgb(84, 51, 255) 
41.07%, rgb(255, 0, 153) 76.05%);
+  background: linear-gradient(100deg, rgb(36, 225, 250), rgb(84, 81, 255) 
41.07%, rgb(235, 0, 153) 76.05%);
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
   -webkit-box-decoration-break: clone;
+  font-weight: 600;
 }
 
 hr {
@@ -1003,7 +1005,7 @@ hr {
   padding: 5px 9px;
   text-shadow: none;
   position: relative;
-  top: -40px;
+  top: -70px;
   left: 5px;
   height: 35px;
 }
@@ -1104,24 +1106,24 @@ hr {
 }
 
 .welcome_text_area {
-  padding-top: 90px;
+  padding-top: 70px;
 }
 
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .welcome_text_area {
-    padding-top: 80px;
+    padding-top: 60px;
   }
 }
 
 @media only screen and (min-width: 576px) and (max-width: 767px) {
   .welcome_text_area {
-    padding-top: 60px;
+    padding-top: 50px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .welcome_text_area {
-    padding-top: 60px;
+    padding-top: 50px;
   }
 }