connect_loading.html 5.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!doctype html>
  2. <html lang='en'>
  3. <head>
  4. <meta charset='UTF-8' />
  5. <meta content='width=device-width, initial-scale=1.0' name='viewport' />
  6. <title>Connect-Slicer integration</title>
  7. </head>
  8. <body>
  9. <!-- This page is not served anywhere, only to be copy 'n' pasted into Slicer as a fallback loading screen. -->
  10. <div id='loading-screen' style='width: 100%; height: 100%'>
  11. <div style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center'>
  12. <p>
  13. <svg height='100%' style='width: 250px; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'
  14. version='1.1' viewBox='0 0 10584 1835' width='100%'
  15. xml:space='preserve' xmlns='http://www.w3.org/2000/svg'
  16. >
  17. <path d='M 10485.267,532.67639 4431.78,535.92 v 1298.52 h 6058.92 l -5.433,-1301.76361 z M 0,535.92 H 4257.14 V 1834.44 H 0 Z m 427.69,409.16 h 142.58 c 65.02,0 114.07,29.65 114.07,107.22 0,74.14 -46.76,101.52 -114.07,101.52 H 427.69 Z m -212.17,644.48 h 212.17 v -271.48 h 174.52 c 179.09,0 294.3,-78.71 294.3,-280.61 0,-192.77 -142.59,-262.36 -294.3,-262.36 H 215.52 Z m 957.61,-644.48 h 168.82 c 59.32,0 107.22,27.37 107.22,87.83 0,62.74 -34.22,95.82 -98.09,95.82 h -177.95 z m -212.17,644.48 h 212.17 v -296.58 h 160.84 c 100.38,0 112.92,84.41 118.63,166.54 3.42,23.96 5.7,101.52 23.95,130.04 h 209.89 c -28.52,-31.94 -30.8,-148.29 -34.22,-183.65 -5.71,-77.57 -33.08,-173.38 -118.64,-195.06 v -2.28 c 86.7,-33.08 127.76,-116.35 127.76,-204.18 0,-164.26 -142.58,-229.28 -285.17,-229.28 H 960.96 Z M 2452.4,775.11 h -212.16 v 490.5 c 0,104.94 -37.65,158.55 -142.59,158.55 -104.94,0 -142.58,-53.61 -142.58,-158.55 V 775.11 H 1742.9 v 477.95 c 0,236.12 108.36,353.61 354.75,353.61 246.39,0 354.75,-117.49 354.75,-353.61 z m 58.75,540.69 c 0,208.74 167.68,290.87 353.61,290.87 179.08,0 354.75,-66.16 354.75,-272.62 0,-147.15 -118.63,-201.9 -236.12,-234.98 -118.63,-33.08 -236.12,-43.35 -236.12,-107.23 0,-53.61 57.03,-69.58 102.66,-69.58 63.88,0 134.6,25.1 131.18,98.1 h 212.16 c 0,-182.51 -165.4,-262.36 -326.23,-262.36 -152.85,0 -331.94,69.59 -331.94,247.53 0,150.57 123.19,201.9 238.4,234.98 117.49,33.08 233.84,45.63 233.84,118.63 0,60.46 -66.16,83.27 -130.04,83.27 -91.25,0 -149.43,-30.8 -153.99,-126.61 z m 688.39,273.76 h 217.87 l 51.33,-146.01 h 284.03 l 50.19,146.01 h 221.3 L 3719.69,775.11 h -215.58 z m 410.65,-588.59 h 2.28 l 90.11,285.17 h -184.79 z m 1840.23,65.02 C 5444.72,869.79 5255.37,758 5078.56,758 c -247.53,0 -406.08,188.22 -406.08,424.34 0,236.12 158.55,424.33 406.08,424.33 206.46,0 359.31,-122.05 371.86,-333.08 h -212.16 c -7.99,94.68 -63.88,150.57 -164.26,150.57 -136.88,0 -189.35,-119.77 -189.35,-241.82 0,-122.06 52.47,-241.83 189.35,-241.83 90.11,0 151.71,43.35 164.26,125.48 z m 258.37,116.35 c 0,-122.06 52.47,-241.83 189.35,-241.83 136.89,0 189.36,119.77 189.36,241.83 0,122.05 -52.47,241.82 -189.36,241.82 -136.88,0 -189.35,-119.77 -189.35,-241.82 z m -212.16,0 c 0,236.12 146,424.33 401.51,424.33 255.52,0 401.52,-188.21 401.52,-424.33 0,-236.12 -146,-424.34 -401.52,-424.34 -255.51,0 -401.51,188.22 -401.51,424.34 z m 880.03,407.22 h 199.62 v -507.6 h 2.28 l 282.89,507.6 h 217.87 V 775.11 H 6879.7 v 501.9 h -2.28 l -282.89,-501.9 h -217.87 z m 809.31,0 h 199.62 v -507.6 h 2.28 l 282.89,507.6 h 217.87 V 775.11 h -199.62 v 501.9 h -2.28 l -282.89,-501.9 h -217.87 z m 811.59,0 h 660.46 v -182.51 h -448.29 v -155.13 h 399.24 V 1087.66 H 8209.73 V 945.08 h 436.88 V 775.11 H 7997.56 Z M 9495.85,1065.99 C 9490.15,869.79 9300.8,758 9123.99,758 c -247.53,0 -406.08,188.22 -406.08,424.34 0,236.12 158.55,424.33 406.08,424.33 206.46,0 359.31,-122.05 371.86,-333.08 h -212.16 c -7.99,94.68 -63.88,150.57 -164.26,150.57 -136.88,0 -189.35,-119.77 -189.35,-241.82 0,-122.06 52.47,-241.83 189.35,-241.83 90.11,0 151.71,43.35 164.26,125.48 z m 722.65,-290.88 h -698.12 v 182.51 h 242.97 v 631.94 h 212.16 V 957.62 h 242.99 z'
  18. fill='var(--color-text)' />
  19. </svg>
  20. </p>
  21. <p>
  22. <svg style='width: 80px'
  23. viewBox='-250 -250 500 500' xmlns='http://www.w3.org/2000/svg'>
  24. <style type='text/css'>
  25. .filament {
  26. stroke: #FA6831;
  27. }
  28. .spool {
  29. stroke: #231F20;
  30. fill: none;
  31. }
  32. .filament line {
  33. stroke-linecap: round;
  34. }
  35. </style>
  36. <defs>
  37. <pattern class='spool' height='100' id='hexagon' patternTransform='scale(0.875)' patternUnits='userSpaceOnUse'
  38. viewBox='-0.866025 -1.5 1.73205 3'
  39. width='57.735'
  40. >
  41. <polygon fill='none' points='0,1 0.866025,0.5 0.866025,-0.5 0,-1 -0.866025,-0.5 -0.866025,0.5'
  42. stroke-width='0.34' />
  43. <line stroke-width='0.34' x1='0' x2='0' y1='1' y2='1.5'></line>
  44. <line stroke-width='0.34' x1='0' x2='0' y1='-1' y2='-1.5'></line>
  45. </pattern>
  46. </defs>
  47. <g class='filament'>
  48. <circle fill='none' r='145' stroke-width='130'>
  49. <animate attributeName='r' dur='6s' repeatCount='indefinite' values='145;80;145' />
  50. <animate attributeName='stroke-width' dur='6s' repeatCount='indefinite' values='130;0;130' />
  51. </circle>
  52. <line stroke-width='12' x1='204' x2='204' y1='0' y2='245'>
  53. <animate attributeName='x1' dur='6s' repeatCount='indefinite' values='204;74;204' />
  54. <animate attributeName='x2' dur='6s' repeatCount='indefinite' values='204;74;204' />
  55. </line>
  56. </g>
  57. <g class='spool'>
  58. <circle fill='none' r='157' stroke='url(#hexagon)' stroke-width='171' />
  59. <circle r='244' stroke-width='12' />
  60. <circle r='71' stroke-width='18' />
  61. <animateTransform
  62. attributeName='transform' begin='0s'
  63. dur='6s'
  64. fill='freeze'
  65. repeatCount='indefinite'
  66. type='rotate'
  67. values='0;540;0'
  68. />
  69. </g>
  70. </svg>
  71. </p>
  72. </div>
  73. </div>
  74. </body>
  75. </html>