zammad/app/views/mobile/index.html.erb

<!-- TODO ... we should use plain css, so that nothing needs to be loaded before the animation is visible -->
<div id="loadingApp" class="flex h-screen" style="display: none">
  <div class="m-auto">
    <svg class="w-10 h-10 fill-current animate-pulse">
      <g fill-rule="evenodd">
          <path fill="#CA2317" d="M28.337 12.6l9.383-2.88-5.557 3.532z"/>
          <path fill="#E84F83" d="M34.053 19.62l-1.89-6.368L37.72 9.72l-1.665 5.715z"/>
          <path fill="#CA2317" d="M40.465 7.987L39.43 9.72l-3.375 5.715L37.72 9.72z"/>
          <path fill="#E54011" d="M40.803 9.113l-2.61 2.677 1.237-2.07zM28.9 10.822l7.672-.764L31.24 11.7z"/>
          <path fill="#CA2317" d="M29.192 15.165l2.97-1.912 1.89 6.367-.99 2.025z"/>
          <path fill="#B7DFF2" d="M24.76 22.725L23.342 5.4l9.72 16.245z"/>
          <path fill="#E54011" d="M20.733 27.157l4.027-4.432 8.302-1.08z"/>
          <path fill="#FFCE33" d="M1.157 35.865l19.576-8.708 4.027-4.432-6.39-.652z"/>
          <path fill="#D6B12D" d="M1.9 28.755l10.057-1.53 3.128-2.52-1.53-.675z"/>
          <path fill="#FFDE85" d="M5.522 20.543l9.563 4.162 3.285-2.632z"/>
          <path fill="#009EC6" d="M22.622 11.678l-1.215.202-3.037 10.193 3.285-2.07z"/>
          <path fill="#5EAFCE" d="M24.4 18.247l-2.745 1.756L23.343 5.4z"/>
          <path fill="#045972" d="M14.027 13.05l8.595-1.373.383-3.397z"/>
          <path fill="#5A8591" d="M13.105 5.085l7.47 4.5 2.43-1.305.068-.472z"/>
          <path fill="#009EC6" d="M14.568.18l6.795 7.155 1.71.473.27-2.408z"/>
          <path fill="#F39804" d="M18.37 22.073l6.03-3.826.36 4.478z"/>
      </g>
    </svg>
  </div>
</div>
<div id="app"></div>