apps/workbench/app/views/application/_loading.html.erb

   1 <%# Copyright (C) The Arvados Authors. All rights reserved.
   2
   3 SPDX-License-Identifier: AGPL-3.0 %>
   4
   5 <div class="socket">
   6   <div class="gel center-gel">
   7     <div class="hex-brick h1"></div>
   8     <div class="hex-brick h2"></div>
   9     <div class="hex-brick h3"></div>
  10   </div>
  11   <div class="gel c1 r1">
  12     <div class="hex-brick h1"></div>
  13     <div class="hex-brick h2"></div>
  14     <div class="hex-brick h3"></div>
  15   </div>
  16   <div class="gel c2 r1">
  17     <div class="hex-brick h1"></div>
  18     <div class="hex-brick h2"></div>
  19     <div class="hex-brick h3"></div>
  20   </div>
  21   <div class="gel c3 r1">
  22     <div class="hex-brick h1"></div>
  23     <div class="hex-brick h2"></div>
  24     <div class="hex-brick h3"></div>
  25   </div>
  26   <div class="gel c4 r1">
  27     <div class="hex-brick h1"></div>
  28     <div class="hex-brick h2"></div>
  29     <div class="hex-brick h3"></div>
  30   </div>
  31   <div class="gel c5 r1">
  32     <div class="hex-brick h1"></div>
  33     <div class="hex-brick h2"></div>
  34     <div class="hex-brick h3"></div>
  35   </div>
  36   <div class="gel c6 r1">
  37     <div class="hex-brick h1"></div>
  38     <div class="hex-brick h2"></div>
  39     <div class="hex-brick h3"></div>
  40   </div>
  41
  42   <div class="gel c7 r2">
  43     <div class="hex-brick h1"></div>
  44     <div class="hex-brick h2"></div>
  45     <div class="hex-brick h3"></div>
  46   </div>
  47
  48   <div class="gel c8 r2">
  49     <div class="hex-brick h1"></div>
  50     <div class="hex-brick h2"></div>
  51     <div class="hex-brick h3"></div>
  52   </div>
  53   <div class="gel c9 r2">
  54     <div class="hex-brick h1"></div>
  55     <div class="hex-brick h2"></div>
  56     <div class="hex-brick h3"></div>
  57   </div>
  58   <div class="gel c10 r2">
  59     <div class="hex-brick h1"></div>
  60     <div class="hex-brick h2"></div>
  61     <div class="hex-brick h3"></div>
  62   </div>
  63   <div class="gel c11 r2">
  64     <div class="hex-brick h1"></div>
  65     <div class="hex-brick h2"></div>
  66     <div class="hex-brick h3"></div>
  67   </div>
  68   <div class="gel c12 r2">
  69     <div class="hex-brick h1"></div>
  70     <div class="hex-brick h2"></div>
  71     <div class="hex-brick h3"></div>
  72   </div>
  73   <div class="gel c13 r2">
  74     <div class="hex-brick h1"></div>
  75     <div class="hex-brick h2"></div>
  76     <div class="hex-brick h3"></div>
  77   </div>
  78   <div class="gel c14 r2">
  79     <div class="hex-brick h1"></div>
  80     <div class="hex-brick h2"></div>
  81     <div class="hex-brick h3"></div>
  82   </div>
  83   <div class="gel c15 r2">
  84     <div class="hex-brick h1"></div>
  85     <div class="hex-brick h2"></div>
  86     <div class="hex-brick h3"></div>
  87   </div>
  88   <div class="gel c16 r2">
  89     <div class="hex-brick h1"></div>
  90     <div class="hex-brick h2"></div>
  91     <div class="hex-brick h3"></div>
  92   </div>
  93   <div class="gel c17 r2">
  94     <div class="hex-brick h1"></div>
  95     <div class="hex-brick h2"></div>
  96     <div class="hex-brick h3"></div>
  97   </div>
  98   <div class="gel c18 r2">
  99     <div class="hex-brick h1"></div>
 100     <div class="hex-brick h2"></div>
 101     <div class="hex-brick h3"></div>
 102   </div>
 103   <div class="gel c19 r3">
 104     <div class="hex-brick h1"></div>
 105     <div class="hex-brick h2"></div>
 106     <div class="hex-brick h3"></div>
 107   </div>
 108   <div class="gel c20 r3">
 109     <div class="hex-brick h1"></div>
 110     <div class="hex-brick h2"></div>
 111     <div class="hex-brick h3"></div>
 112   </div>
 113   <div class="gel c21 r3">
 114     <div class="hex-brick h1"></div>
 115     <div class="hex-brick h2"></div>
 116     <div class="hex-brick h3"></div>
 117   </div>
 118   <div class="gel c22 r3">
 119     <div class="hex-brick h1"></div>
 120     <div class="hex-brick h2"></div>
 121     <div class="hex-brick h3"></div>
 122   </div>
 123   <div class="gel c23 r3">
 124     <div class="hex-brick h1"></div>
 125     <div class="hex-brick h2"></div>
 126     <div class="hex-brick h3"></div>
 127   </div>
 128   <div class="gel c24 r3">
 129     <div class="hex-brick h1"></div>
 130     <div class="hex-brick h2"></div>
 131     <div class="hex-brick h3"></div>
 132   </div>
 133   <div class="gel c25 r3">
 134     <div class="hex-brick h1"></div>
 135     <div class="hex-brick h2"></div>
 136     <div class="hex-brick h3"></div>
 137   </div>
 138   <div class="gel c26 r3">
 139     <div class="hex-brick h1"></div>
 140     <div class="hex-brick h2"></div>
 141     <div class="hex-brick h3"></div>
 142   </div>
 143   <div class="gel c28 r3">
 144     <div class="hex-brick h1"></div>
 145     <div class="hex-brick h2"></div>
 146     <div class="hex-brick h3"></div>
 147   </div>
 148   <div class="gel c29 r3">
 149     <div class="hex-brick h1"></div>
 150     <div class="hex-brick h2"></div>
 151     <div class="hex-brick h3"></div>
 152   </div>
 153   <div class="gel c30 r3">
 154     <div class="hex-brick h1"></div>
 155     <div class="hex-brick h2"></div>
 156     <div class="hex-brick h3"></div>
 157   </div>
 158   <div class="gel c31 r3">
 159     <div class="hex-brick h1"></div>
 160     <div class="hex-brick h2"></div>
 161     <div class="hex-brick h3"></div>
 162   </div>
 163   <div class="gel c32 r3">
 164     <div class="hex-brick h1"></div>
 165     <div class="hex-brick h2"></div>
 166     <div class="hex-brick h3"></div>
 167   </div>
 168   <div class="gel c33 r3">
 169     <div class="hex-brick h1"></div>
 170     <div class="hex-brick h2"></div>
 171     <div class="hex-brick h3"></div>
 172   </div>
 173   <div class="gel c34 r3">
 174     <div class="hex-brick h1"></div>
 175     <div class="hex-brick h2"></div>
 176     <div class="hex-brick h3"></div>
 177   </div>
 178   <div class="gel c35 r3">
 179     <div class="hex-brick h1"></div>
 180     <div class="hex-brick h2"></div>
 181     <div class="hex-brick h3"></div>
 182   </div>
 183   <div class="gel c36 r3">
 184     <div class="hex-brick h1"></div>
 185     <div class="hex-brick h2"></div>
 186     <div class="hex-brick h3"></div>
 187   </div>
 188   <div class="gel c37 r3">
 189     <div class="hex-brick h1"></div>
 190     <div class="hex-brick h2"></div>
 191     <div class="hex-brick h3"></div>
 192   </div>
 193
 194 </div>