Update the design of the splash screen #560

CGI-FR · Apr 14, 2022 · fca9ae6 · fca9ae6
1 parent ea6e0fc
commit fca9ae6
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/AzureIoTHub.Portal/Client/wwwroot/index.html b/src/AzureIoTHub.Portal/Client/wwwroot/index.html
@@ -30,8 +30,16 @@
     <div id="app">
         <div style="height:100%;width:100%;margin:0;position:fixed;">
             <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; ">
-                <svg xmlns="http://www.w3.org/2000/svg" height="150" viewBox="0 0 122.88 111.48"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>tech</title><path class="cls-1" d="M50.21,38.57A17.17,17.17,0,1,1,33,55.74,17.17,17.17,0,0,1,50.21,38.57ZM91.31,94V85.28H67.46a44,44,0,0,0,5.64-6.17H94.38a3.09,3.09,0,0,1,3.08,3.07V94A9,9,0,1,1,91.31,94ZM89.16,30.71H75.51A44.78,44.78,0,0,0,71,24.55H86.09v-7a9,9,0,1,1,6.15-.06V27.64a3.07,3.07,0,0,1-3.08,3.07ZM122.88,15a9,9,0,1,0-12.65,8.25v18H80.12a43.4,43.4,0,0,1,1.27,6.16H113.3a3.09,3.09,0,0,0,3.07-3.08V23.67A9,9,0,0,0,122.88,15Zm-.15,49.93a9,9,0,0,0-17.49-3.08H80.88A42.08,42.08,0,0,1,79.14,68h26.1a9,9,0,0,0,17.49-3.07ZM49.56,105.3H46a6.13,6.13,0,0,1-6.12-6.11V92.93a38.11,38.11,0,0,1-10-3.78l-4.18,4.18a6.13,6.13,0,0,1-8.65,0L12,88.24a6.14,6.14,0,0,1,0-8.65l3.81-3.81a38,38,0,0,1-4.47-10.33H6.12A6.13,6.13,0,0,1,0,59.34v-7.2A6.13,6.13,0,0,1,6.12,46h5.12a38,38,0,0,1,4.44-10.44L12,31.88a6.14,6.14,0,0,1,0-8.64l5.09-5.09a6.13,6.13,0,0,1,8.65,0l4,4a38,38,0,0,1,10.13-3.87v-6A6.13,6.13,0,0,1,46,6.18h7.19A6.13,6.13,0,0,1,59.27,12V32.48A24.54,24.54,0,0,0,50.84,31c-.43,0-.86,0-1.28,0s-.85,0-1.27,0a24.61,24.61,0,1,0,0,49.21c.42,0,.85,0,1.27,0s.85,0,1.28,0a24.54,24.54,0,0,0,8.43-1.48V99.48a6.13,6.13,0,0,1-6.11,5.82Z"/></svg>
-                <svg viewBox="-20 0 100 100" height="100"><circle cx="6" cy="50" r="6"><animate attributeName="opacity" begin=".1" dur="1s" repeatCount="indefinite" values="0;1;0" /></circle><circle cx="26" cy="50" r="6"><animate attributeName="opacity" begin=".2" dur="1s" repeatCount="indefinite" values="0;1;0" /></circle><circle cx="46" cy="50" r="6"><animate attributeName="opacity" begin=".3" dur="1s" repeatCount="indefinite" values="0;1;0" /></circle></svg>
+
+                <svg xmlns="http://www.w3.org/2000/svg" height="150" viewBox="0 0 122.88 111.48"><defs><style>.cls-1{fill-rule:evenodd;}</style></defs><title>tech</title><path fill="#594ae2ff" class="cls-1" d="M50.21,38.57A17.17,17.17,0,1,1,33,55.74,17.17,17.17,0,0,1,50.21,38.57ZM91.31,94V85.28H67.46a44,44,0,0,0,5.64-6.17H94.38a3.09,3.09,0,0,1,3.08,3.07V94A9,9,0,1,1,91.31,94ZM89.16,30.71H75.51A44.78,44.78,0,0,0,71,24.55H86.09v-7a9,9,0,1,1,6.15-.06V27.64a3.07,3.07,0,0,1-3.08,3.07ZM122.88,15a9,9,0,1,0-12.65,8.25v18H80.12a43.4,43.4,0,0,1,1.27,6.16H113.3a3.09,3.09,0,0,0,3.07-3.08V23.67A9,9,0,0,0,122.88,15Zm-.15,49.93a9,9,0,0,0-17.49-3.08H80.88A42.08,42.08,0,0,1,79.14,68h26.1a9,9,0,0,0,17.49-3.07ZM49.56,105.3H46a6.13,6.13,0,0,1-6.12-6.11V92.93a38.11,38.11,0,0,1-10-3.78l-4.18,4.18a6.13,6.13,0,0,1-8.65,0L12,88.24a6.14,6.14,0,0,1,0-8.65l3.81-3.81a38,38,0,0,1-4.47-10.33H6.12A6.13,6.13,0,0,1,0,59.34v-7.2A6.13,6.13,0,0,1,6.12,46h5.12a38,38,0,0,1,4.44-10.44L12,31.88a6.14,6.14,0,0,1,0-8.64l5.09-5.09a6.13,6.13,0,0,1,8.65,0l4,4a38,38,0,0,1,10.13-3.87v-6A6.13,6.13,0,0,1,46,6.18h7.19A6.13,6.13,0,0,1,59.27,12V32.48A24.54,24.54,0,0,0,50.84,31c-.43,0-.86,0-1.28,0s-.85,0-1.27,0a24.61,24.61,0,1,0,0,49.21c.42,0,.85,0,1.27,0s.85,0,1.28,0a24.54,24.54,0,0,0,8.43-1.48V99.48a6.13,6.13,0,0,1-6.11,5.82Z"/></svg>
+
+                <div class="mud-progress-linear mud-progress-indeterminate mud-progress-linear-small horizontal mud-flip-x-rtl my-10" style="width: 20%" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+                    <div class="mud-progress-linear-bars">
+                        <div class="mud-progress-linear-bar" style="background-color: #3299ff"></div>
+                        <div class="mud-progress-linear-bar" style="background-color: #3299ff"></div>
+                    </div>
+                </div>
+
             </div>
         </div>
     </div>