_layout.jade

doctype html
//
  | Panda Slides HTML5 Slide Template
  |
  | Based on Google IO 2012/2013 HTML5 Slide Template
  | by Eric Bidelman <ebidel@gmail.com>
  |    Luke Mahé <lukem@google.com>
  | URL: https://code.google.com/p/io-2012-slides
html
  head
    title Panda Slides
    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='chrome=1')
    // <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    // <meta name="viewport" content="width=device-width, initial-scale=1.0">
    // This one seems to work all the time, but really small on ipad
    // <meta name="viewport" content="initial-scale=0.4">
    meta(name='apple-mobile-web-app-capable', content='yes')
    link(rel='stylesheet', media='all', href='styles/pandastrike.css')
    link(rel='stylesheet', media='only screen and (max-device-width: 480px)', href='styles/phone.css')
    link(rel='stylesheet', media='all', href='font-awesome/css/font-awesome.css')
    // This amazingness opens all links in a new tab.
    base(target='_blank')
    script(data-main='js/slides', src='js/require-1.0.8.min.js')
  body(style='opacity: 0')

    slides.layout-widescreen
      != yield

    script.
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']);
      _gaq.push(['_trackPageview']);
      (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    //if IE
      script(src='http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js')
      script.
        CFInstall.check({mode: 'overlay'});