Merge pull request #54 from arushijain-20/main

pre-loader added
Harshal0902 · Jun 10, 2021 · 3db11ee · 3db11ee
2 parents ed5b10f + 226e29b
commit 3db11ee
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/assets/Loader.gif b/assets/Loader.gif
diff --git a/home.css b/home.css
@@ -29,6 +29,16 @@ html {
   }
 }
 
+#loading{
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 100vh;
+  background: #fff url('assets/Loader.gif') no-repeat center;
+  z-index: 10;
+
+}
+
 body {
   padding-top: 80px;
   background: linear-gradient(

diff --git a/home.html b/home.html
@@ -11,7 +11,11 @@
     <link rel="stylesheet" href="./footer.css">
     <link rel='icon' href='English/Assets/favicon.ico' type='image/x-icon'/ >
 </head>
-<body>
+<body onload="loader()">
+
+  <div id="loading"></div>
+
+
 <article data-icon="Aa" style="--hsl0: 82, 81%, 52%; --hsl1: 104, 56%, 51%;
 --idx: 0">
 <h3>English</h3>
@@ -34,6 +38,12 @@ <h4>Other languages</h4>
 <p>Other languages comming soon...</p>
 </article>
 </div>
+<script>
+  var preloader = document.getElementById('loading');
+  function loader(){
+    preloader.style.display='none';
+  }
+</script>
 </body>
 <!-- footer -->
 <footer class="text-white text-center text-lg-start">