script(type="text/template")#loading-template
  #loading
    .loading-spinner
      .logo-wrap
        svg(viewbox="0 0 400 400")
          use.logo(xlink:href="/skin/images/loading.svg#logo", width="100%", x="0px", y="0px")
      .bubble-column
        svg(viewbox="0 0 50 50")
          use.blue.animated.bubble(xlink:href="/skin/images/loading.svg#bubble", x="0px", y="200%")
          use.second.yellow.animated-backwards.bubble(xlink:href="/skin/images/loading.svg#bubble", x="20px", y="200%")
          use.third.dark-blue.animated.bubble(xlink:href="/skin/images/loading.svg#bubble", x="0px", y="200%")
          use.fourth.red.animated-backwards.bubble(xlink:href="/skin/images/loading.svg#bubble", x="20px", y="200%")