Lianaevans (Talk | contribs) (Created page with "{{Queens_Canada}} <html lang="en"> <head> </head> <body> <section class="project-home" style="background-color: #33658a;"> <div class="containe...") |
Lianaevans (Talk | contribs) 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}} | {{Queens_Canada}} | ||
<html lang="en"> | <html lang="en"> |
Revision as of 15:01, 15 September 2020