add line

scripts/home.js

@@ -49,6 +49,7 @@ class Banner extends React.Component {
         <QueueAnim className="banner-text-wrapper" type={this.typeFunc} delay={300}>
           <h1 key="h1">ANT <p>DESIGN</p></h1>
           <p key="content">一个 UI 设计语言</p>
+          <span className="line" key="line"/>
           <a key="button" href="/docs/spec/introduce"><Icon type="smile-circle"/>开始探索</a>
         </QueueAnim>
         <TweenOne className='down' vars={[{opacity: 1},{y: 10, duration: 800, yoyo: true, repeat: -1}]}>

site/templates/home.html

@@ -16,7 +16,7 @@
   header {
     position: fixed;
     z-index: 999;
-    background: rgba(0,0,0,0.25);
+    background: rgba(0, 0, 0, 0.25);
     border-bottom: 1px solid transparent;
     transition: border .5s cubic-bezier(0.455, 0.03, 0.515, 0.955), background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
   }
@@ -85,10 +85,9 @@
     width: 1px;
     height: 80px;
     position: absolute;
-    background: #fff;
+    background: rgba(255, 255, 255, .5);
     top: 10px;
     right: -25px;
-    opacity: 0.5;
   }
 
   .banner-text-wrapper > p {