!!! 5
html
  head
    meta(charset='utf-8')
    meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
    meta(name='viewport', content='width=device-width')

    meta(name='author', content='#{author}')
    meta(name='description', content='Created with Popcorn Maker - part of the Mozilla Webmaker initiative')

    meta(property='og:title', content='#{projectName}')
    meta(property='og:type', content='video.other')
    meta(property='og:url', content='#{embedShellSrc}')
    meta(property='og:image', content='#{thumbnail}')
    meta(property='og:image:type', content='image/png')
    meta(property='og:image:width', content='200')
    meta(property='og:image:height', content='200')
    if !description
      description = 'Created with Popcorn Maker - part of the Mozilla Webmaker initiative'
    meta(property='og:description', content='#{description}')
    meta(property='og:site_name', content='Mozilla Webmaker')

    title #{projectName} - Popcorn Maker
    link(rel='stylesheet', href='#{baseHref}/css/embed-shell.css')
  body
    .preview-message This is a preview URL only. When sharing, please use the following URL:
        a(href='#{embedShellSrc}') #{embedShellSrc}
    iframe(id='embed', src='#{embedSrc}', width='1280', height='745', mozallowfullscreen='mozallowfullscreen', webkitallowfullscreen='webkitallowfullscreen', allowfullscreen='allowfullscreen')
    script
      if ( location.search && location.search.search(/(\?|&)preview=true(&|$)/) > -1 ) {
        var embed = document.querySelector('#embed');
        embed.src = embed.src + ( embed.src.indexOf( "?" ) === -1 ? "?" : "&" ) + "previewTime=" + Date.now();
        document.body.className = "preview";
      }