coderstats
diff --git a/‎compiled/coder.css
Lines changed: 1 addition & 1 deletion b/‎compiled/coder.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎compiled/events.js
Lines changed: 1 addition & 1 deletion b/‎compiled/events.js
Lines changed: 1 addition & 1 deletion
diff --git a/‎compiled/front.js
Lines changed: 59 additions & 0 deletions b/‎compiled/front.js
Lines changed: 59 additions & 0 deletions
diff --git a/‎compiled/style.css
Lines changed: 1 addition & 1 deletion b/‎compiled/style.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎data/earliest-users.json
Lines changed: 636 additions & 0 deletions b/‎data/earliest-users.json
Lines changed: 636 additions & 0 deletions
@@ -15,7 +15,7 @@ let events = new Vue({
     methods: {
         fetchEvents: function () {
             let url = 'https://api.github.com/events';
-            //url = '/data/events.json';
+            url = '/data/events.json'; // DEV
             this.$http.get(url).then(response => {
                 this.response = response;
                 this.events = response.body;
 
@@ -0,0 +1,59 @@
+Vue.component('user-link', {
+    props: ['login', 'avatar_url'],
+    template: `
+    <div class="col-1-xl col-2-l col-4-m col-12">
+        <a v-bind:href="'/github#' + login">
+            <img :src="avatar_url" :alt="login"/><br>
+            <i class="fa fa-user" aria-hidden="true"></i> {{ login }}
+        </a>
+    </div>
+    `
+});
+
+new Vue({
+    el: '#active-users',
+    data: { events: null },
+    computed: {
+        users: function () {
+            return d3.nest().key(d => d.actor.login).entries(this.events.filter(d => d.type === 'PushEvent')).sort((a, b) => b.values.length - a.values.length);
+        }
+    },
+    created: function () {
+        this.$http.get('https://api.github.com/events').then(response => {
+            this.events = response.body;
+        });
+    }
+});
+
+new Vue({
+    el: '#followed-users',
+    data: { users: [] },
+    created: function () {
+        // https://api.github.com/search/users?q=repos:%3E1&sort=followers&order=desc
+        this.$http.get('/data/users.json').then(response => {
+            this.users = response.body.items;
+        });
+    }
+});
+
+new Vue({
+    el: '#most-repos-users',
+    data: { users: [] },
+    created: function () {
+        // https://api.github.com/search/users?q=repos:%3E1%20type:user&sort=repositories&order=desc
+        this.$http.get('/data/most-repos-users.json').then(response => {
+            this.users = response.body.items;
+        });
+    }
+});
+
+new Vue({
+    el: '#earliest-users',
+    data: { users: [] },
+    created: function () {
+        // https://api.github.com/search/users?q=repos:%3E1%20type:user&sort=joined&order=asc
+        this.$http.get('/data/earliest-users.json').then(response => {
+            this.users = response.body.items;
+        });
+    }
+});