From 8ccd6b82773ab2871f339508909137d4732b592e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 23 Oct 2018 12:21:26 +0800
Subject: [PATCH] site: add promote link

---
 site/theme/static/home.less              | 10 ++++++++++
 site/theme/template/Home/Banner.jsx      | 11 +++++++----
 site/theme/template/Home/BannerImage.jsx | 16 ++++++++++++++++
 3 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/site/theme/static/home.less b/site/theme/static/home.less
index 0765ee30d3..57130b7120 100644
--- a/site/theme/static/home.less
+++ b/site/theme/static/home.less
@@ -375,3 +375,13 @@ svg {
     }
   }
 }
+
+.banner-1024 {
+  cursor: pointer;
+  transition: all .4s;
+  display: block;
+
+  &:hover {
+    transform: translateY(-16px) scale(1.01);
+  }
+}
diff --git a/site/theme/template/Home/Banner.jsx b/site/theme/template/Home/Banner.jsx
index 6afe636deb..d15e63b98a 100644
--- a/site/theme/template/Home/Banner.jsx
+++ b/site/theme/template/Home/Banner.jsx
@@ -50,10 +50,13 @@ class Banner extends React.PureComponent {
           <ScrollParallax location="banner" className="banner-bg" animation={{ playScale: [1, 1.5], rotate: 0 }} />
         </div>
         <QueueAnim className={`${className} page`} type="alpha" delay={150}>
-          {isMobile && (
-            <div className="img-wrapper" key="image">
-              <BannerImage />
-            </div>)}
+          {
+            isMobile && (
+              <div className="img-wrapper" key="image">
+                <BannerImage />
+              </div>
+            )
+          }
           <QueueAnim
             className="text-wrapper"
             key="text"
diff --git a/site/theme/template/Home/BannerImage.jsx b/site/theme/template/Home/BannerImage.jsx
index 2192253855..1aaea2ee32 100644
--- a/site/theme/template/Home/BannerImage.jsx
+++ b/site/theme/template/Home/BannerImage.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import TweenOne from 'rc-tween-one';
 import PathPlugin from 'rc-tween-one/lib/plugin/PathPlugin';
+import moment from 'moment';
 
 TweenOne.plugins.push(PathPlugin);
 const duration = 7000;
@@ -58,6 +59,21 @@ function TweenOneG(props) {
 }
 
 export default function BannerImage() {
+  if (moment().format('YYYY-MM-DD') === '2018-10-24') {
+    return (
+      <a
+        href="https://1024.yuque.com"
+        target="_blank"
+        rel="noopener noreferrer"
+        className="banner-1024"
+      >
+        <img
+          src="https://gw.alipayobjects.com/zos/rmsportal/BaqKyDBXRAzoncSoBQGU.svg"
+          alt="1024"
+        />
+      </a>
+    );
+  }
   return (
     <svg width="482px" height="500px" viewBox="0 0 482 500">
       <defs>