diff options
Diffstat (limited to 'deploy/index.html')
| -rw-r--r-- | deploy/index.html | 114 |
1 files changed, 11 insertions, 103 deletions
diff --git a/deploy/index.html b/deploy/index.html index dda0c6457..d96215391 100644 --- a/deploy/index.html +++ b/deploy/index.html @@ -1,114 +1,22 @@ <html style="overflow: hidden;"> <head> - <title>Dash Web</title> - <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Hind+Siliguri:300" rel="stylesheet"> - <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet'> + <title>Dash</title> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link + href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" + rel="stylesheet"> + <link rel="shortcut icon" type="image/jpg" href="./assets/favicon.png" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/typescript/3.3.1/typescript.min.js"></script> - - <script> - function getCookie(cname) { - var name = cname + "="; - var ca = document.cookie.split(';'); - for (var i = 0; i < ca.length; i++) { - var c = ca[i]; - while (c.charAt(0) == ' ') { - c = c.substring(1); - } - if (c.indexOf(name) == 0) { - return Number(c.substring(name.length, c.length)); - } - } - return 3000; - } - </script> - <style> - .dash-loader { - display: flex; - align-content: center; - justify-content: center; - background-color: #AEDDF8; - transition: 3s; - z-index: 10; - width: 100vw; - height: 100vh; - } - - .dash-loader-container { - display: grid; - grid-auto-rows: auto 30px auto; - } - - .dash-progress-bar { - width: 200px; - height: 5px; - align-self: center; - margin-top: 20px; - background-color: #ececec; - border-radius: 5px; - overflow: hidden; - } - - .dash-progress { - width: 0%; - height: 20px; - background-color: #5b9fdd; - transition: 0.1s; - } - - .dash-animation-container { - width: 10vw; - height: 10vw; - display: flex; - align-items: center; - justify-content: center; - border-radius: 100%; - background-color: #5B9FDD; - justify-self: center; - align-self: flex-end; - } - - .dash-loader-text { - font-size: 15px; - font-family: "Roboto"; - text-align: center; - color: #5B9FDD; - } - - .dash-d-path { - stroke-dasharray: 1000; - stroke-dashoffset: 1000; - animation: dash-d-path 3s linear infinite; - } - - @keyframes dash-d-path { - 0% { - stroke-dashoffset: 1000; - } - - 20% { - stroke-dashoffset: 0; - } - - 70% { - stroke-dashoffset: 0; - } - - 90% { - stroke-dashoffset: 1000; - } - - 100% { - stroke-dashoffset: 1000; - } - } - </style> + <script src="loader.js"></script> + <link rel="stylesheet" href="./loader.css" /> </head> <body style="display:flex" id="dash-body"> - <div class="dash-loader" id="loader" style="z-index:10; width:100%; height:100%;"> + <div class="dash-loader" id="loader"> <div class="dash-loader-container"> <div class="dash-animation-container"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" @@ -127,7 +35,7 @@ console.log("Last Load = " + load); let dashmesg = (width, msg) => { if (document.getElementById("dash-progress")) document.getElementById("dash-progress").style.width = width - if (document.getElementById("dash-progress")) document.getElementById("dash-progress").innerHTML = msg + if (document.getElementById("dash-progress")) document.getElementById("dash-loader-text").innerHTML = msg } setTimeout(() => dashmesg("10%", "Loading Dash..."), load / 10); setTimeout(() => dashmesg("33%", "Preparing dashboards..."), load / 3); |