[incubator-inlong-website] branch master updated: [feat] refresh inlong home page

[zakwu]

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

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


The following commit(s) were added to refs/heads/master by this push:
     new 12098dd  [feat] refresh inlong home page
12098dd is described below

commit 12098dda75827bad1d7273ac3525ccaa0bb1eea5
Author: zakwu <123537...@qq.com>
AuthorDate: Sat May 8 10:11:53 2021 +0800

    [feat] refresh inlong home page
---
 src/pages/home/index.jsx | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/src/pages/home/index.jsx b/src/pages/home/index.jsx
index 612f3cb..148d01a 100644
--- a/src/pages/home/index.jsx
+++ b/src/pages/home/index.jsx
@@ -16,7 +16,6 @@ class Home extends Language {
     super(props);
     this.state = {
       headerType: 'primary',
-      p0Animation: false,
       p1Animation: false,
       p2Animation: false
     };
@@ -25,15 +24,6 @@ class Home extends Language {
   componentDidMount() {
     window.addEventListener('scroll', () => {
       const scrollTop = getScrollTop();
-      if (scrollTop === 0 && !this.state.p0Animation) {
-        this.setState({
-          p0Animation: true
-        });
-      } else {
-        this.setState({
-          p0Animation: false
-        });
-      }
       if (scrollTop > 350) {
         this.setState({
           p1Animation: true
@@ -58,7 +48,7 @@ class Home extends Language {
   render() {
     const language = this.getLanguage();
     const dataSource = homeConfig[language];
-    const { headerType, p1Animation, p2Animation, p0Animation } = this.state;
+    const { headerType, p1Animation, p2Animation } = this.state;
     return (
       <div className="home-page">
         <section className="top-section" style={{backgroundImage: 'url(' + 
getLink("/img/first-page-bg.png") + ')'}}>
@@ -68,7 +58,7 @@ class Home extends Language {
             language={language}
             onLanguageChange={this.onLanguageChange}
           />
-          <div className={`vertical-middle ${p0Animation ? 'animate__animated 
animate__fadeInLeft' : ''}`}>
+          <div className="vertical-middle animate__animated 
animate__fadeInLeft animate__delay-0.5s">
             <div className="product-name">
               <div className="brandname">{dataSource.brand.brandName}</div>
               <div className="projectname" style={{backgroundImage: 'url(' + 
getLink(`/img/inlong-en.svg`) + ')'}}>