Difference between revisions of "Template:Queens Canada"

m
m
 
(40 intermediate revisions by 2 users not shown)
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}}
Line 13: Line 61:
 
   <header>
 
   <header>
 
   
 
   
−
   <nav class="navbar">
+
   <nav class="navbar" id = to-nav>
 
     <a class="toggle-button" id="nav-icon" onclick = openMobileNav()>
 
     <a class="toggle-button" id="nav-icon" onclick = openMobileNav()>
−
         <span class="bar"></span>
+
         <span class="bar" id = bar-1></span>
−
<span class="bar"></span>
+
<span class="bar" id = bar-2></span>
−
<span class="bar"></span>
+
<span class="bar" id = bar-3></span>
 
     </a>
 
     </a>
 
      
 
      
Line 28: Line 76:
 
             </div>
 
             </div>
 
    <li><a class="current" href="https://2020.igem.org/Team:Queens_Canada">HOME</a></li>
 
    <li><a class="current" href="https://2020.igem.org/Team:Queens_Canada">HOME</a></li>
−
             <li class="dropdown"><a>PROJECT</a>
+
            <!-- onclick = "" is added to the dropdown nav links as a workaround for hover on mobile -->
 +
             <li class="dropdown" onclick = ""><a>PROJECT</a>
 
                 <ul class="dropdown-content">
 
                 <ul class="dropdown-content">
−
                    <div class = close-sub-btn onclick = "this.parent.style.display = 'none'">x</div>
 
−
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/ProjectInspiration">Inspiration</a></li>
 
 
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Description">Description</a></li>
 
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Description">Description</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Design">Design</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Protein-Construct">Protein Construct</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/FRET">FRET</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Coiled-Coils">Coiled-Coils</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Binding-Proteins">Binding Proteins</a></li>
 
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Implementation">Implementation</a></li>
 
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Implementation">Implementation</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Presentations">Presentations & Videos</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Results">Results</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Contribution">Contribution</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
−
    <li class="dropdown"><a>TEAM</a>
+
            <li class="dropdown" onclick = ""><a>HUMAN</a>
 
                 <ul class="dropdown-content">
 
                 <ul class="dropdown-content">
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Team">Team Members</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Human_Practices">Human Practices</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Sponsors">Our Sponsors</a></li>
+
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Education">Education</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Attributions">Attributions</a></li>
+
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Collaborations">Collaborations</a></li>
 +
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Partnership">Partnership</a></li>
 +
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Safety">Safety</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
−
             <li class="dropdown"><a>RESULTS</a>
+
             <li class="dropdown" onclick = ""><a>MODEL</a>
 
                 <ul class="dropdown-content">
 
                 <ul class="dropdown-content">
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Model">Model</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Model">Overview</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Hardware">Hardware</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Static-Dynamic">Protein Stability</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Engineering">Engineering</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Coiled-Coil-Stability">Coiled-Coil Stability</a>  
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Safety">Safety</a></li>
+
                    </li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Proof_of_Concept">Proof of Concept</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Directed-Cysteine">Cysteine Modification</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Protocols">Protocols</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Software">Software</a></li>
 +
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Mutaguide">Mutaguide</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
−
    <li class="dropdown"><a>HUMAN</a>
+
            <li class="dropdown" onclick = ""><a>PROTOTYPE</a>
 
                 <ul class="dropdown-content">
 
                 <ul class="dropdown-content">
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Human_Practices">Human Practices</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Prototype-Overview">Overview</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Education">Education</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Fluorometer">Fluorometer</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Engineering">Engineering Success</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Fluid-Dynamics">Fluid Dynamics</a></li>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Partnership">Partnership</a></li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/App">Mobile App</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
−
    <li><a href="https://2020.igem.org/Team:Queens_Canada/Contribution">CONTRIBUTION</a></li>
+
    <li class="dropdown" onclick = ""><a>PARTS</a>
−
             <li><a href="https://2020.igem.org/Team:Queens_Canada/Entrepreneurship">ENTREPRENEURSHIP</a></li>  
+
                <ul class="dropdown-content">
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Parts-Overview">Overview</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Expression-Plasmid">Expression Plasmid</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Purification-Summary">Purification Summary</a></li>
 +
                </ul>
 +
             </li>
 +
            <li class="dropdown" onclick = ""><a>NOTEBOOK</a>
 +
                <ul class="dropdown-content">
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Protocols">Protocols</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Posters-Presentations">Posters and                                                  Presentations</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown" onclick = ""><a>TEAM</a>
 +
                <ul class="dropdown-content">
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Team">Team Members</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Sponsors">Our Sponsors</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Attributions">Attributions</a></li>
 +
                </ul>
 +
            </li> 
 
</ul>
 
</ul>
 
     </div>
 
     </div>

Latest revision as of 01:36, 28 October 2020