!!! 5
html(lang='en')
  head 
    meta(charset='utf-8')
    script(type="text/javascript", src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js")
    link(rel="stylesheet", href="/imgurr.css")
    title random imgur
    script
      var count = 0;
      function getNewImage() {
        count += 1;
        $('#details').hide();
        $('#loading').text('Loading image ' + count + '...');
        $('#loading').css('font-size', ((count * 0.03) + 12));
        $('#loading').show();
        $('#image').load(function(){});
        $.get("/api/imgur/getRandomImage", function(d) {
          $('#image').attr('src', d.data[0]);
          $.get("/api/imgur/getImageInfoString", { 'slug': d.data[1] }, function(info) {
              $("#details").text(count + ': ' + info.data[0]);
              $('#details').show();
              $('#loading').hide();
          }, "json");
        }, "json");
      }
      $(getNewImage());
      $(document).on('keydown', function(e){(e.which==32)&&(getNewImage()) });
  body
    div#loading Loading Image
    div#details Press [SPACE] to load a new image
    div#container
      img#image