m |
m |
||
Line 1: | Line 1: | ||
+ | <html lang="en"> | ||
+ | <!--Custom Loader (uncomment this section to see the animation in action)--> | ||
+ | <div class="loader-wrapper" id = loader-wrapper-id> | ||
+ | <div class="loader"> | ||
+ | <div class="wave top-wave"> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | </div> | ||
+ | <div class="wave bottom-wave"> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script> | ||
+ | window.addEventListener("load", function () { | ||
+ | const loader = document.querySelector(".loader-wrapper"); | ||
+ | loader.className += " hidden"; | ||
+ | const e = document.getElementById("loader-wrapper-id"); | ||
+ | e.addEventListener("animationend", (ev) => { | ||
+ | if (ev.type === "animationend") { | ||
+ | e.style.display = "none"; | ||
+ | } | ||
+ | }, false); | ||
+ | }); | ||
+ | </script> | ||
+ | </html> | ||
+ | |||
{{Queens Canada/Scripts}} | {{Queens Canada/Scripts}} | ||
{{Queens Canada/Styles}} | {{Queens Canada/Styles}} |
Revision as of 18:29, 16 September 2020