A simple, hackable frontpage for hackers
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
js
.gitignore
README.md
bower.json
index.html
index.jade

README.md

#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:

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.