diff --git a/app.json b/app.json
index 0640e46..52a1c60 100644
--- a/app.json
+++ b/app.json
@@ -5,7 +5,6 @@
     "pages/famous/famous",
     "pages/me/me",
     "pages/settings/settings",
-    "pages/logs/logs",
     "pages/auth/onboard/onboard"
   ],
   "window":{
diff --git a/pages/explore/explore.wxml b/pages/explore/explore.wxml
index 5217985..878aab7 100644
--- a/pages/explore/explore.wxml
+++ b/pages/explore/explore.wxml
@@ -1,5 +1,5 @@
 <view class="container">
-  <loading hidden="{{loading_hidden}}" bindchange="loadingChange">
+  <loading hidden="{{loading_hidden}}">
     玩命加载中...
   </loading>
   <view class="col explore">
diff --git a/pages/explore/explore.wxss b/pages/explore/explore.wxss
index 5412d1d..f4f13e8 100644
--- a/pages/explore/explore.wxss
+++ b/pages/explore/explore.wxss
@@ -1,5 +1,6 @@
 .container {
   height: 100%;
+  background: rgba(255,255,255,0.8);
 }
 .explore {
   flex: 1;
diff --git a/pages/famous/famous.wxml b/pages/famous/famous.wxml
index 339758f..2b07bcf 100644
--- a/pages/famous/famous.wxml
+++ b/pages/famous/famous.wxml
@@ -1,5 +1,5 @@
 <view class="container">
-  <loading hidden="{{loading_hidden}}" bindchange="loadingChange">
+  <loading hidden="{{loading_hidden}}">
     玩命加载中...
   </loading>
   <view class="col famous">
diff --git a/pages/famous/famous.wxss b/pages/famous/famous.wxss
index 7a4a885..5f05153 100644
--- a/pages/famous/famous.wxss
+++ b/pages/famous/famous.wxss
@@ -1,5 +1,6 @@
 .container {
   height: 100%;
+  background: rgba(255,255,255,0.8);
 }
 .famous {
   flex: 1;
diff --git a/pages/helper/index.js b/pages/helper/index.js
new file mode 100644
index 0000000..6a2a078
--- /dev/null
+++ b/pages/helper/index.js
@@ -0,0 +1,31 @@
+
+function formateActionType (type) {
+  switch (type) {
+    case 'CreateEvent':
+      return 'Create';
+    case 'DeleteEvent':
+      return 'Delete';
+    case 'ForkEvent':
+      return 'Forked';
+    case 'WatchEvent':
+      return 'Started';
+    case 'PushEvent':
+      return 'Push';
+    case 'PullRequestEvent':
+      return 'Pull Request';
+    case 'IssuesEvent':
+      return 'Create Issue'
+    case 'IssueCommentEvent':
+      return 'Comment Issue';
+    case 'MemberEvent':
+      return 'Add Member'
+    case 'PullRequestReviewCommentEvent':
+      return 'Pull Request Review';
+    default:
+      return 'Started';
+  }
+}
+
+module.exports = {
+  formateActionType: formateActionType
+};
diff --git a/pages/index/index.js b/pages/index/index.js
index 4cca5e9..c15c54b 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -1,11 +1,15 @@
 const app = getApp();
+const services = require('../../utils/services.js');
+const helper = require('../helper/index.js');
 
 Page({
   data: {
-    motto: 'Feed',
+    loading_hidden: true,
+    items: [],
+    page: 1
   },
 
-  onLoad() {
+  onLoad () {
     const user = wx.getStorageSync('user');
     console.log(user);
     if(!user) {
@@ -13,17 +17,47 @@ Page({
         url: '../auth/onboard/onboard'
       });
     }
+    this.refreshData();
   },
 
-  bindViewTap() {
-    wx.navigateTo({
-      url: '../logs/logs'
-    })
+  _reloadUrl () {
+    const basic_url = 'https://api.github.com/users/uniquexiaobai/received_events?page=';
+    return basic_url + this.data.page;
   },
 
-  goRouteSignIn() {
-    wx.navigateTo({
-      url: '../auth/onboard/onboard'
+  _initData () {
+    this.setData({
+      items: [],
+      page: 1
     });
+  },
+
+  fetchEventsData (url) {
+    services.fetch(url).then(res => {
+      console.log(res.data);
+      res.data.forEach(item => {
+        item.type = helper.formateActionType(item.type);
+      });
+      this.setData({
+        items: this.data.items.concat(res.data),
+        loading_hidden: true
+      });
+    });
+  },
+
+  loadMoreData () {
+    this.setData({
+      page: ++this.data.page,
+      loading_hidden: false
+    });
+    this.fetchEventsData(this._reloadUrl());
+  },
+
+  refreshData () {
+    this.setData({
+      loading_hidden: false
+    });
+    this._initData();
+    this.fetchEventsData(this._reloadUrl());
   }
 });
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 2d333a8..d67b30b 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,9 +1,22 @@
 <view class="container col">
-  <view bindtap="bindViewTap" class="userinfo">
-    <text class="userinfo-nickname">{{userInfo.nickName}}</text>
-    <text>{{motto}}</text>
-  </view>
-  <view class="routes">
-    <button bindtap="goRouteSignIn" type="primary" size="mini">SignIn</button>
-  </view>
+  <loading hidden="{{loading_hidden}}" bindchange="loadingChange">
+    玩命加载中...
+  </loading>
+  <scroll-view scroll-y="true" bindscrolltolower="loadMoreData" bindscrolltoupper="refreshData">
+    <block wx:for="{{items}}">
+      <view class="col received_events">
+        <view class="row received_event_top">
+          <image class="actor_avatar" mode="aspectFit" src="{{item.actor.avatar_url}}"></image>
+          <view class="col">
+            <view class="actor_name">{{item.actor.display_login}}</view>
+            <text class="action_time">1 hours ago</text>
+          </view>
+        </view>
+        <view class="row received_event_bottom">
+          <text class="action_type">{{item.type}}</text>
+          <view class="action_repo">{{item.repo.name}}</view>
+        </view>
+      </view>
+    </block>
+  </scroll-view>
 </view>
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index 375e428..5e1aeca 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -1,20 +1,41 @@
-.userinfo {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
+.container {
+  height: 100%;
+  background: rgba(255,255,255,0.8);
 }
-
-.userinfo-avatar {
-  width: 128rpx;
-  height: 128rpx;
-  margin: 20rpx;
-  border-radius: 50%;
+scroll-view {
+  width: 100%;
+  height: 100%;
+}
+.received_events {
+  border-bottom: 1rpx solid #ccc;
+  padding: 15rpx;
 }
 
-.userinfo-nickname {
-  color: #aaa;
+.received_event_top {
+  color: #5D5D5D;
+}
+.actor_avatar {
+  width: 80rpx;
+  height: 80rpx;
+  margin-right: 30rpx;
+}
+.actor_name {
+  color: #6491CC;
+}
+.action_time {
+  color: #B8B8B8;
+  font-size: 8rpx;
 }
 
-.routes {
-  display: flex;
+.received_event_bottom {
+  margin-top: 10rpx;
+}
+.action_type {
+  font-size: 25rpx;
+  font-weight: bold;
+  margin-right: 20rpx;
+}
+.action_repo {
+  font-size: 16rpx;
+  color: #6491CC;
 }
diff --git a/pages/logs/logs.js b/pages/logs/logs.js
deleted file mode 100644
index c201bfe..0000000
--- a/pages/logs/logs.js
+++ /dev/null
@@ -1,14 +0,0 @@
-//logs.js
-var util = require('../../utils/util.js')
-Page({
-  data: {
-    logs: []
-  },
-  onLoad: function () {
-    this.setData({
-      logs: (wx.getStorageSync('logs') || []).map(function (log) {
-        return util.formatTime(new Date(log))
-      })
-    })
-  }
-})
diff --git a/pages/logs/logs.json b/pages/logs/logs.json
deleted file mode 100644
index 66dcbc7..0000000
--- a/pages/logs/logs.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-    "navigationBarTitleText": "查看启动日志"
-}
\ No newline at end of file
diff --git a/pages/logs/logs.wxml b/pages/logs/logs.wxml
deleted file mode 100644
index b5a85ac..0000000
--- a/pages/logs/logs.wxml
+++ /dev/null
@@ -1,6 +0,0 @@
-<!--logs.wxml-->
-<view class="container log-list">
-  <block wx:for="{{logs}}" wx:for-item="log">
-    <text class="log-item">{{index + 1}}. {{log}}</text>
-  </block>
-</view>
diff --git a/pages/logs/logs.wxss b/pages/logs/logs.wxss
deleted file mode 100644
index 94d4b88..0000000
--- a/pages/logs/logs.wxss
+++ /dev/null
@@ -1,8 +0,0 @@
-.log-list {
-  display: flex;
-  flex-direction: column;
-  padding: 40rpx;
-}
-.log-item {
-  margin: 10rpx;
-}