[incubator-streampark-website] branch dev updated: style improvement (#235)

[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 1c3331c  style improvement (#235)
1c3331c is described below

commit 1c3331ceaf759d0ea30c0f13883d8501336b17a6
Author: benjobs <benj...@apache.org>
AuthorDate: Wed Sep 6 20:02:40 2023 -0500

    style improvement (#235)
---
 docusaurus.config.js      |  1 -
 src/css/custom.css        |  8 ++++----
 src/pages/home/hero.jsx   |  8 +++-----
 src/pages/home/index.less | 32 ++++++++++++++++++++++++++------
 4 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index fcfdfde..7afe5bd 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -92,7 +92,6 @@ const config = {
       disableSwitch: true
     },
     navbar: {
-      title: 'Apache StreamPark',
       logo: {
         alt: 'StreamPark Logo',
         src: 'image/logo.png',
diff --git a/src/css/custom.css b/src/css/custom.css
index f751cbe..32210b0 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -96,9 +96,9 @@ html {
   font-feature-settings: "tnum";
 }
 
-/* .navbar {
-  height: 80px;
-} */
+.navbar {
+  height: 60px;
+}
 
 .navbar__title {
   font-size: 18px;
@@ -121,7 +121,7 @@ html {
 }
 
 .navbar__logo {
-  height: 60px;
+  height: 50px;
 }
 
 .footer__link-item svg,
diff --git a/src/pages/home/hero.jsx b/src/pages/home/hero.jsx
index b7fcd77..fe823c7 100644
--- a/src/pages/home/hero.jsx
+++ b/src/pages/home/hero.jsx
@@ -13,12 +13,11 @@ export default function () {
   return (
     <>
       <div className='overflow-hidden'>
-        <Top1 />
+        <Top1 className="top1"/>
       </div>
-      <div className="section pb-9 overflow-hidden">
+      <div className="section pb-9 overflow-hidden main-page" >
         {/* background overlay */}
         <div className="overlay opacity-90 z-index-n1"></div>
-
         <div className="container-fluid px-7 pb-2">
           <div className="row justify-content-center">
             <div className="col-md-6  col-8 align-self-center pe-5" 
data-aos="fade-right">
@@ -61,9 +60,8 @@ export default function () {
           </div>
         </div >
         <div className='pt-6'>
-          <Top2 />
+          <Top2 className="top2"/>
         </div>
-
       </div >
     </>
   );
diff --git a/src/pages/home/index.less b/src/pages/home/index.less
index a04cc21..0714a9c 100644
--- a/src/pages/home/index.less
+++ b/src/pages/home/index.less
@@ -1600,21 +1600,41 @@ hr {
   }
 }
 
+.top1 {
+  margin-top: -5px;
+}
+
+.top2 {
+  margin-top: -50px;
+}
+
+.main-page {
+  margin-top: 120px;
+}
+
 .system_info .project_title {
   font-family: -apple-system,BlinkMacSystemFont,Segoe 
UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif 
!important;
-  font-size: 4.5875rem;
-  margin-bottom: 15px;
-  // font-weight: 700;
-  font-weight: 500;
-  line-height: 6.5rem;
+  font-size: 4rem;
+  font-weight: 200;
+  line-height: 1;
+  padding-bottom: 8px;
+  color: #2e7fed;
+}
+
+.system_info .incubating {
   color: #2e7fed;
+  font-weight: 200;
+  opacity: 1;
+  display: inline-block;
+  padding: .25em .4em;
+  font-size: 75%;
+  background-color: rgba(66,144,245,.15) !important;
 }
 
 .system_info h5 {
   font-weight: 500;
   font-size: 1.1rem;
   line-height: 2;
-  color: #333333;
 }
 
 .tag {