JavaScriptPlugins
diff --git a/‎css/style.css
Lines changed: 16 additions & 11 deletions b/‎css/style.css
Lines changed: 16 additions & 11 deletions
diff --git a/‎img/timeline@2x.png
26.1 KB b/‎img/timeline@2x.png
26.1 KB
diff --git a/‎img/wx-city@2x.png
24.8 KB b/‎img/wx-city@2x.png
24.8 KB
diff --git a/‎img/wx-game@2x.png
23 KB b/‎img/wx-game@2x.png
23 KB
diff --git a/‎index.html
Lines changed: 16 additions & 3 deletions b/‎index.html
Lines changed: 16 additions & 3 deletions
diff --git a/‎js/zepto.min.js
Lines changed: 205 additions & 0 deletions b/‎js/zepto.min.js
Lines changed: 205 additions & 0 deletions
@@ -1,10 +1,3 @@
-/*
-YUI 3.18.1 (build f7e7bcb)
-Copyright 2014 Yahoo! Inc. All rights reserved.
-Licensed under the BSD License.
-http://yuilibrary.com/license/
-*/
-
 html {
     color: #000;
     background: #FFF
@@ -247,9 +240,20 @@ header {
     display: block;
     margin: 0 auto;
     margin-top: 10rem;
+    background-repeat: no-repeat;
+    position: relative;
+}
+.logo-timeline{
+    background-image: url(../img/timeline@2x.png);
+    width: 19.1rem;
+    height: 11.35rem;
+    text-indent: -499.95rem;
+    background-size: 16.1rem;
+    display: none;
+    margin: 0 auto;
+    margin-top: -9.4rem;
     background-repeat: no-repeat
 }
-
 .description {
     margin-top: 1.8rem;
     font-size: .7rem;
@@ -312,6 +316,7 @@ header {
 }
 
 .mod-des {
+    color: #065315;
     text-align: center
 }
 
@@ -333,7 +338,7 @@ header {
 
 .mod-des__title {
     font-size: 1.75rem;
-    color: #003103;
+    color: #065315;
     margin-top: 2.45rem;
     margin-bottom: 2.5rem
 }
@@ -345,7 +350,7 @@ header {
 }
 
 .mod-des__item {
-    color: #3262b2;
+    color: #1ca336;
     display: list-item;
     font-size: .7rem;
     line-height: 1.15rem;
@@ -362,7 +367,7 @@ header {
 }
 
 .support-link {
-    color: #3262b2;
+    color: #1ca336;
     text-decoration: none
 }
 
 
@@ -4,6 +4,8 @@
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
     <title>WeFlow | 一个高效、强大、跨平台的前端开发工作流工具</title>
+    <meta name="keywords" content="微信团队, WeChat, 开发者工具, 微信游戏, 微信广告, WeFlow, Electron, App, macOS, electron开发" />
+    <meta name="description" content="一个高效、强大、跨平台的前端开发工作流工具" />
     <link rel="shortcut icon" href="/favicon.png"/>
     <link href="./css/style.css" media="all" type="text/css" rel="stylesheet"/>
 </head>
@@ -12,7 +14,10 @@
 <div class="mod-bg">
     <header>
         <div class="oracle-bg"></div>
-        <div class="logo">WeFlow</div>
+        <div class="logo">
+            WeFlow
+            <div class="logo-timeline"></div>
+        </div>
         <div class="description">一个高效、强大、跨平台的前端开发工作流工具</div>
         <div class="screenshot">Screenshots</div>
         <div class="download-box">
@@ -73,12 +78,20 @@
             <a target="_blank" href="https://github.com/weixin/WeFlow" title="Code on Github" class="links__github">Open Source on Github</a>
             <a target="_blank" href="https://dribbble.com/hzlzh/projects/380016-WeFlow" title="Sketch on dribbble" class="links__dribbble">Sketch on dribbble</a>
         </div>
-        <div class="license">所有 代码 & 设计 已采用 MIT 授权并开源</div>
+        <div class="license">所有 源代码 & 设计稿 采用 MIT 授权并开源</div>
     </footer>
 
-    <div class="ribbon right black fixed">
+    <div class="ribbon left black fixed">
         <a target="_blank" href="https://github.com/weixin/WeFlow">Star me on Github</a>
     </div>
 
+    <script src="./js/zepto.min.js"></script>
+    <script>
+        $('.logo, .description').bind('mouseenter',function(){
+            $('.logo-timeline').fadeIn();
+        }).bind('mouseleave',function(){
+            $('.logo-timeline').fadeOut();
+        })
+    </script>
 </body>
 </html>