index.pug

doctype html
html
  head
    meta(name='viewport' content='width=device-width,initial-scale=1.0')
    meta(http-equiv='ScreenOrientation' content='autoRotate:disabled')
    link(rel='stylesheet' href='src/css/styles.css')
    link(rel='stylesheet' href='src/css/font-files/web/index.css')
    link(rel='shortcut icon' type='image/x-icon' href='src/assets/Logo.png')
    script(src="src/fitty.min.js")
  body
    .wrap
      - var max = 50
      while max > 0
        div.tri
        - max--
    .content-container.absolute-center.flex-col-center
      img.logo.fadeIn(src='src/assets/Logo.png' alt='logo')
      div.form-container

        // Mailchimp form (start)
        form#mc-embedded-subscribe-form.validate.flex-row-center(action='https://tedxuw.us16.list-manage.com/subscribe/post?u=77685316543b00e0131d233fc&id=d47041e666' method='post' name='mc-embedded-subscribe-form' target='_blank' novalidate='')
          input#mce-EMAIL.required.email.stretch(type='email' placeholder='email' name='EMAIL')
          button#mc-embedded-subscribe.button.appear(type='submit' value='' name='subscribe')
            div.play.play-animate
        // Mailchimp form (end)

        div.text-container
          p#text.text.slideInUp
            | Prepare to 
            span.red Press Play
      p.footer.red.slideInDown Powered by Sublime Software
    script.
      fitty('#text');