- var cacheBuster = Math.floor(Math.random() * 1000000); // Random number for cache busting, different for each build
doctype html
html(lang="en", translate="no")
  head
    block head-start

    block head
      title='Silex'
      meta(name='description', content='This is a public instance of Silex website builder. Build websites in the browser')
      link(rel="shortcut icon", href="assets/favicon.png?" + cacheBuster)

    block loading
      style.
        body {
          background-color: #444444;
          font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        .silex-loader {
          opacity: 0;
          transition: opacity 0.25s 0.25s ease-in-out;
        }

    block head-end

  body.silex-loading
    .silex-loader.silex-dialog(role="status", aria-live="polite", aria-busy="true").
      Loading

    block includes
      include ./templates/includes.pug

    block body-start
      include ./templates/workspace.pug

    block body-end
      script(src='js/main.js?' + cacheBuster)

    block silex-start
      script.
        silex.start()
        // From here silex.config is available and Silex is getting started