From a2e69b9edc30e52b2dfd7e328fe1c26d20b8d26f Mon Sep 17 00:00:00 2001
From: Edison Pebojot <pebojot.edison@outlook.com>
Date: Mon, 27 Apr 2020 22:05:40 +0800
Subject: [PATCH] Removed untouchable screen

I remove the untouchable screen by hiding the content under div element and set a different a different option to let the users experiment
---
 demo.html | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/demo.html b/demo.html
index 3854d4e..35a9447 100644
--- a/demo.html
+++ b/demo.html
@@ -8,8 +8,18 @@
     <script type="text/javascript">
         $(document).ready(function () {
             $.SplashScreen({
-                progressCount: true,
-                progressBar: true
+            id: 'splashscreen',
+            desktop: true,
+            mobile: true,
+            forceLoader: false,
+            queryParameter: 'loader',
+            progressCount: false,
+            progressCountId: 'status',
+            progressBar: true,
+            progressBarId: 'progress',
+            fadeEffect: true,
+            timeToFade: 1000, // in milliseconds (eg: 1000 = 1sec)
+            timeOut: 2000   // in milliseconds (eg: 2000 = 2sec)
             });
         });
     </script>
@@ -26,4 +36,7 @@
         <div id="status"></div>
     </div>
 </body>
+    <script>
+        setTimeout(() => {document.querySelector("#splashscreen").style.display = "none";}, 5000); 
+    </script>
 </html>