1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <!doctype html>
- <html lang='en'>
- <head>
- <meta charset='UTF-8' />
- <meta content='width=device-width, initial-scale=1.0' name='viewport' />
- <title>Connect-Slicer integration</title>
- </head>
- <body>
- <!-- This page is not served anywhere, only to be copy 'n' pasted into Slicer as a fallback loading screen. -->
- <div id='loading-screen' style='width: 100%; height: 100%'>
- <div style='position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center'>
- <p>
- <svg style='width: 80px'
- viewBox='-250 -250 500 500' xmlns='http://www.w3.org/2000/svg'>
- <style type='text/css'>
- .filament {
- stroke: #FA6831;
- }
- .spool {
- stroke: #231F20;
- fill: none;
- }
- .filament line {
- stroke-linecap: round;
- }
- </style>
- <defs>
- <pattern class='spool' height='100' id='hexagon' patternTransform='scale(0.875)' patternUnits='userSpaceOnUse'
- viewBox='-0.866025 -1.5 1.73205 3'
- width='57.735'
- >
- <polygon fill='none' points='0,1 0.866025,0.5 0.866025,-0.5 0,-1 -0.866025,-0.5 -0.866025,0.5'
- stroke-width='0.34' />
- <line stroke-width='0.34' x1='0' x2='0' y1='1' y2='1.5'></line>
- <line stroke-width='0.34' x1='0' x2='0' y1='-1' y2='-1.5'></line>
- </pattern>
- </defs>
- <g class='filament'>
- <circle fill='none' r='145' stroke-width='130'>
- <animate attributeName='r' dur='6s' repeatCount='indefinite' values='145;80;145' />
- <animate attributeName='stroke-width' dur='6s' repeatCount='indefinite' values='130;0;130' />
- </circle>
- <line stroke-width='12' x1='204' x2='204' y1='0' y2='245'>
- <animate attributeName='x1' dur='6s' repeatCount='indefinite' values='204;74;204' />
- <animate attributeName='x2' dur='6s' repeatCount='indefinite' values='204;74;204' />
- </line>
- </g>
- <g class='spool'>
- <circle fill='none' r='157' stroke='url(#hexagon)' stroke-width='171' />
- <circle r='244' stroke-width='12' />
- <circle r='71' stroke-width='18' />
- <animateTransform
- attributeName='transform' begin='0s'
- dur='6s'
- fill='freeze'
- repeatCount='indefinite'
- type='rotate'
- values='0;540;0'
- />
- </g>
- </svg>
- </p>
- </div>
- </div>
- </body>
- </html>
|