Sukoon icon indicating copy to clipboard operation
Sukoon copied to clipboard

Published 20 hours ago • verified publisher icon Susmita-Dey

[FEATURE] <description>Adding preloader to child therapy page

Open Vanshiii203 opened this issue 2 years ago • 1 comments

Description

I would like to add to preloader child therapy page

Screenshots

No response

Additional information

No response

Vanshiii203 avatar Oct 24 '22 10:10 Vanshiii203

Hello there @Vanshiii203 ! I followed a quick yt tutorial for this and have the following changes for this ->

childTherapy.html -

<body>
+ <div class="preloader">
+   </div>

<!-- Navbar Section -->
    <nav>

  </footer>
  <script src="childTherapy.js"></script>

+ <script>
+    var loader = document.querySelector(".preloader");

+   window.addEventListener("load", function(){
+     loader.style.display = "none";
+    });
+ </script>

  </body>

childTherapy.css (all additions)

.preloader {
  height: 100vh;
  width: 100%; 
  background: #1C1B1B url(../images/comp_4.gif) no-repeat center center; 
  position: fixed; 
  z-index: 100;
  background-size: 25%;
}

Used a simple pre loader gif and tailored the background with respect to the gif.

Does this meet the specifications / demands for the feature? Should i open a PR with these changes

AdityaPrasad275 avatar Oct 08 '23 22:10 AdityaPrasad275