var fs = require('fs');
var h = require('hyperscript');
var http = require('http')

var viewer = "http://gwenbell.com:8807/";

var posts = {
  "Your Own Social": "%25eKXxfaiKR+qW7WaVJirI/FDCBaktqhkGSA3qJt1THqE=.sha256",
  "Engineer Year": "%25Omw69K3+sY4O6bTMMyecLNgXHpckmthKXjl+1iEPEUk=.sha256",
  "Interview for Death & Tech": "%25YIZVZ6uRmJsQiwRFzqMWcOY7B6f4x1o3qgCAxuwQwpI%3D.sha256"
}

var cash = ""

for (var post in posts) {
  cash = cash + "<a href='" + viewer + posts[post] + "' target='splank'>" + post + "</a></p><p>"
}

http.createServer(function (req, res){    
  res.end(h('html',
    h('head',
      h('title', 'Plank || Built with Hyperscript by Gwen Bell'),
      h('style', fs.readFileSync('dotheplank.css', 'utf8'))
    ),
    h('body',
      h('div.sidebar', 
        h('h1', 'Gwen Bell'),
        h('p', 'Plank: Log it before it disappears forever.'),
        h('div.posts', {innerHTML: cash})
      ),
      h('div.frame', 
        h('iframe', {name:'splank', href:'http://gwenbell.com'})
      )
    )
  ).outerHTML)
}).listen(1337);