From 48f915de65ec5b36488f1bca62b7ab321b11060f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Thu, 7 Jan 2016 17:31:29 +0800
Subject: [PATCH] update home page

---
 scripts/home.js          |  9 ++++-----
 site/static/style.css    | 15 +++++++--------
 site/templates/home.html |  2 +-
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/scripts/home.js b/scripts/home.js
index bfd45e296e..aad2461e9b 100644
--- a/scripts/home.js
+++ b/scripts/home.js
@@ -46,9 +46,8 @@ class Banner extends React.Component {
   render() {
     return (
       <QueueAnim className="banner-text-wrapper" type={this.typeFunc} delay={300}>
-        <h1 key="h1">ANT DESIGN <p>V1.0</p></h1>
-        <p key="content">一套面向中后台的设计解决方案</p>
-        <span className="line" key="line"/>
+        <h1 key="h1">ANT DESIGN</h1>
+        <p key="content">一套 UI 设计语言</p>
         <a key="button" href="/docs/spec/introduce"><Icon type="smile-circle"/>开始探索</a>
       </QueueAnim>)
   }
@@ -89,8 +88,8 @@ ReactDOM.render((
     <TweenOne key="image" className="image3 image-wrapper" vars={{x: 0, opacity: 1, duration: 550}}
               style={{transform: 'translateX(-100px)', opacity: 0}}/>
     <QueueAnim className="text-wrapper" delay={300} key="text" duration={550} leaveReverse style={{top: '40%'}}>
-      <h1 key="h1">30+的基础设计组件</h1>
-      <p key="p" style={{maxWidth: 280}}>为中后台设计中反复出现的问题提供一套相应的解决方案</p>
+      <h1 key="h1">数十个基础设计组件</h1>
+      <p key="p" style={{maxWidth: 280}}>为中后台设计中反复出现的问题提供一套完整的解决方案</p>
       <div key="button"><Button type="primary" size="large" onClick={()=>{window.location.href='/docs/react/introduce'}}>了解更多<Icon type="right"/></Button></div>
     </QueueAnim>
   </ScrollOverPack>
diff --git a/site/static/style.css b/site/static/style.css
index 69f51592f4..99a0809377 100644
--- a/site/static/style.css
+++ b/site/static/style.css
@@ -85,21 +85,20 @@ header {
 
 a.logo {
   float: left;
-  height: 46px;
-  line-height: 46px;
-  margin: 17px 45px 17px 4%;
-  transition: margin 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
+  height: 40px;
+  line-height: 40px;
+  margin: 17px 0 17px 4%;
   text-transform: uppercase;
-  font-size: 18px;
+  font-size: 16px;
   font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;
   color: #2db7f5;
+  width: 219px;
 }
 
 .logo img {
+  width: 40px;
   float: left;
-  margin-top: -7px;
-  -webkit-animation: rotateCircleBack 0.6s 1 ease-in-out;
-  animation: rotateCircleBack 0.6s 1 ease-in-out;
+  margin-right: 8px;
 }
 
 .search {
diff --git a/site/templates/home.html b/site/templates/home.html
index 5a0c05d207..85711ebcac 100644
--- a/site/templates/home.html
+++ b/site/templates/home.html
@@ -61,7 +61,7 @@
 
   .banner-text-wrapper {
     position: absolute;
-    left: 5%;
+    left: 10%;
     top: 60%;
     color: #fff;
     text-align: right;
-- 
GitLab