添加编辑按钮

Author: tiye

packing/assets.json

@@ -1 +1 @@
-{"main":"main.83d6de6a.js","vendor":"vendor.5bdb61b6.js"}
+{"main":"main.25a5692b.js","vendor":"vendor.d7ae4194.js"}

src/app/communities.coffee

@@ -15,5 +15,5 @@ module.exports = React.createClass
       div style: style.widget.title, '社区'
       link 'CNode.js 中文社区', 'http://cnodejs.org'
       link 'CNode.js 中文社区, 微博', 'http://weibo.com/cnodejs'
-      div style: style.widget.group, 'QQ 群: ???'
-      div style: style.widget.group, '微信: ???'
+      div style: style.widget.group, 'QQ 群: 277703721'
+      div style: style.widget.group, '微信群: ???'

src/app/footer.coffee

@@ -3,11 +3,15 @@ React = require 'react'
 
 style = require '../style'
 
-{div} = React.DOM
+{div, span} = React.DOM
 
 module.exports = React.createClass
   displayName: 'footer'
 
+  onEdit: ->
+    window.open 'https://github.com/cnodejs/nav.cnodejs.org'
+
   render: ->
     div style: style.layout.footer,
-      '浙ICP备14043687号-2'
+      div style: style.widget.forkButton, onClick: @onEdit, '✎ 添加内容'
+      span style: style.widget.copyright, '浙ICP备14043687号-2'

src/style/layout.coffee

@@ -22,9 +22,6 @@ exports.column =
 
 exports.footer =
   display: 'flex'
-  flexDirection: 'row'
+  flexDirection: 'column'
   alignItems: 'center'
   justifyContent: 'center'
-  fontSize: 13
-  color: hsl 0, 0, 80
-  height: 100

src/style/widget.coffee

@@ -19,3 +19,21 @@ exports.group =
 exports.link =
   lineHeight: '40px'
   display: 'block'
+
+exports.copyright =
+  fontSize: 13
+  color: hsl 0, 0, 80
+  height: 100
+
+exports.forkButton =
+  backgroundColor: hsl 100, 70, 50
+  color: 'white'
+  display: 'flex'
+  alignItems: 'center'
+  justifyContent: 'center'
+  borderRadius: 5
+  height: '46px'
+  width: '200px'
+  marginBottom: '40px'
+  fontSize: '20px'
+  cursor: 'pointer'