doctype html
html
  head
    meta(charset="utf-8")
    title CommitCal
    link(rel='icon', href='/favicon.png', type='image/png')
    link(rel='stylesheet', href='/styles/index.css', type='text/css', media='screen')
    meta(name='viewport', content='width=device-width, initial-scale=1')
  body
    .header
      .container
        h1.title.highlight CommitCal
        h3 View your commit history in calendar
        p.star
          iframe(src="/github-btn.html?user=HackPlan&repo=github-commit-ical&type=watch&size=large", allowtransparency="true", frameborder="0", scrolling="0", width="72", height="30")
    .body
      .container.clearfix
        form.clearfix(onsubmit="subscribe()")
          input#username(type="text", placeholder="Enter your GitHub username")
          button(type="submit") Subscribe to Calendar
        #subscription.clearfix(style="display:none")
          #subscription_url 
    .footer
      .container.copyright.clearfix
        .left
          p © HackPlan
        .right
          p A 
            a(href="http://hackplan.com") Hackplan
            |  Project
    script.
      function subscribe() {
        var username = document.getElementById('username').value;

        if (!username) {
          return false;
        }

        var url = "commitcal.newsbee.io/" + username;

        if (window.navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
          window.open("webcal://" + url);
        }

        var link = document.getElementById('subscription_url')
        link.innerHTML = "http://" + url;

        var subscription = document.getElementById('subscription')
        subscription.style.display = "block";

        return false;
      }