Difference between revisions of "Template:Queens Canada"

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