nsdown / front

A simple, hackable frontpage for hackers

#Front Page A simple, hackable frontpage for hackers.

http://djyde.github.io/front

##Customize (or contribute) Front Page is easily to be hacked and make you own reader. But you need to handle some skills:

• Jade - Template engine.
• Vue.js - A lightweight MVVM library.

To have your own frontpage, just:

• Fork this repo
• Run bower install
• Checkout gh-pages && merge
• Wating for a while && visit http://yourid.github.io/front

The main files of Front Page is index.jade and js/base.js.

Using jade helps customize easier. For example, if you don't care about Hacker News, you only need to comment out the relevent code(e.g. command + / in Sublime) in index.jade and js/base.js to remove it.

index.jade

//- .pure-u-1-3.post
//-   .title Hacker News
//-   .block#hackernews
//-     ul
//-       a(v-repeat="lists", href="{{link}}", target="_blank")
//-         li {{title}}

js/base.js

// Hacker News
// qwest.get('http://node-read.avosapps.com/hackernews').then(function(res){
//   hackernews.lists = JSON.parse(res);
// })
// var hackernews = new Vue({
//   el: '#hackernews',
//   data: {
//     lists: [{
//       title: 'loading...'
//     }]
//   }
// })

Save and refresh the page, you will find that Hacker News block was removed.

To add a new block for your own or for contribution, just refer to the source code and hack it.

#Lincense Just hack it.