add home end

Author: jljsj33

.travis.yml

@@ -13,10 +13,13 @@
     "antd": "next",
     "enquire-js": "^0.1.1",
     "github-api": "^3.0.0",
+    "leancloud-storage": "^3.5.0",
     "react-document-title": "^2.0.1",
     "react-intl": "^2.3.0",
     "react-redux": "^5.0.6",
-    "redux": "^3.7.2"
+    "redux": "^3.7.2",
+    "redux-logger": "^3.0.6",
+    "redux-thunk": "^2.2.0"
   },
   "devDependencies": {
     "babel-cli": "^6.18.0",
@@ -50,11 +53,6 @@
     "eslint-plugin-markdown": "^1.0.0-beta.6",
     "eslint-plugin-react": "^7.0.1",
     "eslint-tinker": "^0.4.1",
-    "gulp": "^3.9.1",
-    "gulp-beautify": "^2.0.1",
-    "gulp-merge-json": "^1.0.0",
-    "gulp-util": "^3.0.8",
-    "gulp-yaml": "^1.0.1",
     "pre-commit": "1.x",
     "rc-banner-anim": "^1.0.1",
     "rc-queue-anim": "^1.4.1",

github_deploy_key.enc

@@ -1,26 +1,4 @@
-.home {
-  .header {
-    box-shadow: 0 0 0 rgba(138, 166, 195, 0);
-    position: absolute;
-    width: 100%;
-    background: transparent;
-    z-index: 999;
-  }
-  .button {
-    min-width: 136px;
-    height: 40px;
-    line-height: 40px;
-    text-align: center;
-    border-radius: 20px;
-    display: inline-block;
-    box-shadow: 0 0 0 fade(@home-button-shadow-color, 0);
-    transition: box-shadow .3s @ease-out, transform .3s @ease-out;
-    &:hover {
-      transform: translateY(-4px);
-      box-shadow: 0 4px 12px fade(@home-button-shadow-color, 55);
-    }
-  }
-}
+
 
 .banner {
   background: @primary-color;

gulpfile.js

@@ -18,6 +18,29 @@ body {
       padding: 0 24px;
       max-width: 1200px;
       margin: auto;
+      h1 {
+        font-size: 32px;
+        line-height: 45px;
+        margin: 128px auto 120px;
+        text-align: center;
+        color: @text-color;
+      }
     }
   }
+  .header {
+    box-shadow: 0 0 0 rgba(138, 166, 195, 0);
+    position: absolute;
+    width: 100%;
+    background: transparent;
+    z-index: 999;
+  }
+  .button {
+    min-width: 136px;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    border-radius: 20px;
+    display: inline-block;
+    .mouseHover(@home-button-shadow-color);
+  }
 }

package.json

@@ -2,3 +2,13 @@
 @menu-item-border: 2px;
 // 首页按钮投影色
 @home-button-shadow-color: darken(@primary-color, 20%);
+
+.mouseHover(@color, @x: 0, @y: 4px, @blur: 12px) {
+  transform: translateY(0px);
+  box-shadow: 0 0 0 fade(@color, 0);
+  transition: box-shadow .3s @ease-in-out, transform .3s @ease-in-out;
+  &:hover {
+    transform: translateY(-4px);
+    box-shadow: @x @y @blur fade(@color, 55);
+  }
+}