index page loading gif added
This commit is contained in:
parent
1a04e7aaa7
commit
edd1f23079
|
|
@ -31,8 +31,23 @@
|
|||
|
||||
<title>Didvan</title>
|
||||
<link rel="manifest" href="manifest.json">
|
||||
<style>
|
||||
.container {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex; /* Default Axis is X*/
|
||||
justify-content: center; /* Main Axis */
|
||||
align-items: center; /* Cross Axis */
|
||||
}
|
||||
.indicator{
|
||||
width: 50vw;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<body style="overflow: hidden">
|
||||
<div id="loading_indicator" class="container">
|
||||
<img class="indicator" src="./assets/animations/loading.gif" />
|
||||
</div>
|
||||
<!-- This script installs service_worker.js to provide PWA functionality to
|
||||
application. For more information, see:
|
||||
https://developers.google.com/web/fundamentals/primers/service-workers -->
|
||||
|
|
@ -99,6 +114,14 @@
|
|||
// Service workers not supported. Just drop the <script> tag.
|
||||
loadMainDartJs();
|
||||
}
|
||||
window.onload = function () {
|
||||
setTimeout(function () {
|
||||
var loadingIndicator = document.getElementById("loading_indicator");
|
||||
if (loadingIndicator) {
|
||||
loadingIndicator.remove();
|
||||
}
|
||||
}, 10000);
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue