|
|
| 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}} |
