You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampark.apache.org by be...@apache.org on 2022/09/21 05:33:14 UTC

[incubator-streampark-website] branch dev updated: footer style improve (#141)

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 d9fe0b9e footer style improve (#141)
d9fe0b9e is described below

commit d9fe0b9e4664ef0dc93cf620b3f3b06afee2298f
Author: benjobs <be...@apache.org>
AuthorDate: Wed Sep 21 13:33:09 2022 +0800

    footer style improve (#141)
---
 docusaurus.config.js         |  48 ++++++++++++++++++-------------------------
 src/css/custom.css           |  13 ++++++++----
 static/image/join_wechat.png | Bin 0 -> 79574 bytes
 3 files changed, 29 insertions(+), 32 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 829a1b61..4d9b3841 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -194,30 +194,29 @@ const config = {
               html: `
                   <div class="footer-left-box">
                     <div class="flex align-center footer-system">
-                      <img src="/image/logo.png" alt="" class="f_logo">
-                      <span class='system-title'>Apache StreamPark</span>
+                      <span class='system-title'>About StreamPark</span>
                     </div>
-                    <p>We make registering, hosting, and managing domains for yourself or others easy. Because the internet needs people. Bring to the table win-win survival strategies.</p>
+                    <p>Make stream processing easier! easy-to-use streaming application development framework and operation platform</p>
                   </div>
                 `,
             }
           ],
         },
         {
-          title: 'StreamPark',
+          title: 'Resource',
           items: [
             {
               label: 'Document',
               href: '/docs/intro',
             },
-            {
-              label: 'FAQ',
-              href: 'https://github.com/apache/incubator-streampark/issues/507',
-            },
             {
               label: 'Releases',
               href: 'https://github.com/apache/incubator-streampark/releases',
             },
+            {
+              label: 'FAQ',
+              href: 'https://github.com/apache/incubator-streampark/issues/507',
+            }
           ],
         },
         {
@@ -238,7 +237,7 @@ const config = {
           ],
         },
         {
-          title: "Join us",
+          title: "Follow",
           items: [
             {
               html: `
@@ -248,16 +247,16 @@ const config = {
                         <input class="form-control" id="email_address" maxLength="60" type="text" name="email_address" placeholder="Subscribe with us">
                       </div>
                       <div class="subscribe-submit-inner">
-                        <button class="btn btn-white m-0" type="submit">
+                        <a class="btn btn-white m-0" type="submit" href="mailto:dev-subscribe@streampark.apache.org">
                           <span><i class="fa fa-paper-plane text-white"></i></span>
-                        </button>
+                        </a>
                       </div>
                     </div>
                     <ul class="icon-bottom">
-                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
-                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
-                        <li><a href="#"><i class="fa fa-google"></i></a></li>
-                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
+                        <li><a href="javascript:void(0)"><i class="fa fa-wechat"></i></a></li>
+                        <li><a href="javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
+                        <li><a href="javascript:void(0)"><i class="fa fa-slack"></i></a></li>
+                        <li><a href="javascript:void(0)"><i class="fa fa-facebook"></i></a></li>
                     </ul>
                 </div>
               `,
@@ -265,11 +264,6 @@ const config = {
           ],
         }
       ],
-      // logo: {
-      //   alt: 'Apache Incubator logo',
-      //   src: 'image/apache-incubator.svg',
-      //   href: 'https://incubator.apache.org/'
-      // },
       copyright: `
             <div  style="text-align: left;margin-top:30px">
                 <div class="d-flex align-items-center">
@@ -284,14 +278,12 @@ const config = {
                       </p>
                   </div>
                 </div>
-
-
-                  <div style="border-top: 1px solid #525252;min-height: 60px;line-height: 25px;text-align: left;font-family: Avenir-Medium;font-size: 14px;color: #999;display: flex;align-items: center;">
-                    <span>
-                        Copyright © ${new Date().getFullYear()} The Apache Software Foundation. Apache StreamPark, StreamPark, and its feather logo are trademarks of The Apache Software Foundation.
-                    </span>
-                  </div>
-
+                
+                <div style="border-top: 1px solid #525252;min-height: 60px;line-height: 25px;text-align: left;font-family: Avenir-Medium;font-size: 14px;color: #999;display: flex;align-items: center;">
+                  <span>
+                      Copyright © ${new Date().getFullYear()} The Apache Software Foundation. Apache StreamPark, StreamPark, and its feather logo are trademarks of The Apache Software Foundation.
+                  </span>
+                </div>
             </div>`,
     },
 
diff --git a/src/css/custom.css b/src/css/custom.css
index f65199ec..79672e43 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -165,8 +165,9 @@ pre {
 }
 
 .footer .container {
-  padding-top: 100px !important;
+  padding-top: 80px !important;
   padding-bottom: 20px !important;
+  font-weight: 500;
 }
 
 
@@ -274,8 +275,8 @@ footer .subscribe-box ul li a {
   color: #d5d8dd;
 }
 footer .subscribe-box ul li a:hover {
-  background: #ffffff;
-  color: #ffcc43;
+  border-color: #ffffff;
+  color: #ffffff;
 }
 
 .subscribe-input input{
@@ -284,7 +285,7 @@ footer .subscribe-box ul li a:hover {
 }
 
 .subscribe-submit-inner{
-  background: #fb9a27;
+  background: #0088FF;
   height: calc(1.5em + .75rem + 2px);
   -webkit-border-top-right-radius: 0.25em;
   -webkit-border-bottom-right-radius: 0.25em;
@@ -293,3 +294,7 @@ footer .subscribe-box ul li a:hover {
   border-top-right-radius: 0.25em;
   border-bottom-right-radius: 0.25em;
 }
+
+.subscribe-submit-inner:hover {
+  background: #0099FF;
+}
\ No newline at end of file
diff --git a/static/image/join_wechat.png b/static/image/join_wechat.png
new file mode 100644
index 00000000..c9a89132
Binary files /dev/null and b/static/image/join_wechat.png differ