Difference between revisions of "Template:Queens Canada"

m
m
 
(82 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}}
 +
 
<html>  
 
<html>  
 
<!-- This will be the location for all common elements on the website -->
 
<!-- This will be the location for all common elements on the website -->
Line 6: Line 55:
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;500&display=swap" rel="stylesheet">
 
 
     <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
     <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 
</head>
 
</head>
Line 12: Line 60:
 
<body onresize = windowResize() onload = windowLoad()>
 
<body onresize = windowResize() onload = windowLoad()>
 
   <header>
 
   <header>
−
        <div id = nav>
+
   
−
            <div id = brand-elements>
+
  <nav class="navbar" id = to-nav>
−
                <a href = "https://2020.igem.org/Team:Queens_Canada" title = "Go to Homepage">
+
    <a class="toggle-button" id="nav-icon" onclick = openMobileNav()>
−
                    <img id = logo-pic src = https://static.igem.org/mediawiki/2020/9/90/T--Queens_Canada--Logo.png>
+
        <span class="bar" id = bar-1></span>
−
                </a>
+
<span class="bar" id = bar-2></span>
−
                <div id = open-close-nav onclick = openNav() title = "Open Menu">  
+
<span class="bar" id = bar-3></span>
−
                    <div id = bar-1></div>
+
    </a>
−
                    <div id = bar-2></div>
+
   
−
                    <div id = bar-3></div>
+
    <div class="navbar-links">
−
                </div>
+
<ul>
−
                  <!-- <img id = nav-icon src = Resources/QGEM_Nav_Icon.png onclick = openNav()>
+
            <div class="velcrion-logo navbar-brand" >
−
                    <img id = close-nav-button src = Resources/QGEM_Close_Nav.png onclick = closeNav()>
+
    <a class="navbar-brand" href="https://2020.igem.org/Team:Queens_Canada">
−
                    <div id = nav-icon onclick = openNav() title = "Open Menu">|||</div>
+
                 <img src = "https://static.igem.org/mediawiki/2020/6/67/T--Queens_Canada--logos.png">
−
                    <div id = close-nav-button onclick = closeNav() title = "Close Menu">&times;</div> -->
+
            </a>
−
               
+
−
                <div id = social-links>
+
−
                    <div class = social-links-row>
+
−
                        <a href = https://www.facebook.com/iGEMQueens title = "Visit our Facebook">
+
−
                            <img src = https://static.igem.org/mediawiki/2020/8/85/T--Queens_Canada--Facebook_Icon.png>
+
−
                        </a>
+
−
                        <a href = https://www.instagram.com/queens_igem title = "Visit our Instagram">
+
−
                            <img src = https://static.igem.org/mediawiki/2020/9/94/T--Queens_Canada--Instagram_Icon.png>
+
−
                        </a>
+
−
                        <a href = https://www.youtube.com/channel/UCfOj_xkpNAl_KGTtSUOwAsQ title = "Visit our YouTube">
+
−
                            <img src = https://static.igem.org/mediawiki/2020/e/ec/T--Queens_Canada--YouTube_Icon.png>
+
−
                        </a>
+
−
                    </div>
+
−
                    <div class = social-links-row>
+
−
                        <a href = https://www.linkedin.com/company/queen-s-genetically-engineered-machine title = "Visit our LinkedIn">
+
−
                            <img src = https://static.igem.org/mediawiki/2020/0/06/T--Queens_Canada--LinkedIn_Icon.png>
+
−
                        </a>
+
−
                        <a href = http://queensigem.ca/ title = "Visit our Website">
+
−
                            <img src = https://static.igem.org/mediawiki/2020/2/27/T--Queens_Canada--Web_Icon.png>
+
−
                        </a>
+
−
                    </div>
+
−
                    <!-- <h3>Check out our...</h3>
+
−
                    <a href = "https://www.instagram.com/queens_igem/" title = "Go to Instagram" target = "_blank">Instagram</a>
+
−
                    <a href = "https://www.facebook.com/iGEMQueens/" title = "Go to Facebook" target = "_blank">Facebook</a>
+
−
                    <a href = "https://www.linkedin.com/company/queen-s-genetically-engineered-machine/" title = "Go to LinkedIn" target = "_blank">LinkedIn</a> -->
+
−
                </div>
+
−
            </div>
+
−
            <div id = nav-elements>
+
−
                <a class = nav-link href = "https://2020.igem.org/Team:Queens_Canada" title = "Go to Homepage">
+
−
                    <div class = nav-item>
+
−
                        <h2 class = nav-text>Home</h2>
+
−
                    </div>
+
−
                </a>
+
−
 
+
−
                <div class = "drop-link nav-item" title = "Expand Project Menu" onclick = showSubmenu(1)>
+
−
                    <h2 class = nav-text>Project</h2>
+
−
 
+
−
                    <div class = nav-submenu>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/ProjectInspiration" title = "Go to Project Inspiration">Project Inspiration</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Description" title = "Go to Description">Description</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Design" title = "Go to Design">Design</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Implementation" title = "Go to Proposed Implementation">Proposed Implementation</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Presentations" title = "Go to Presentations">Presentations and Videos</a>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class = "drop-link nav-item" title = "Expand Team Menu" onclick = showSubmenu(2)>
+
−
                    <h2 class = nav-text>Team</h2> 
+
−
                   
+
−
                    <div class = nav-submenu id = team-submenu>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Team" title = "Meet our team">Team Members</a>
+
−
                       
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Attributions" title = "Go to Attributions">Attributions</a>
+
−
 
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Sponsors" title = "Go to Sponsors">Our Generous Sponsors</a>
+
−
                    </div>
+
−
                </div>
+
−
 
+
−
                <div class = "drop-link nav-item" title = "Expand Results Menu" onclick = showSubmenu(3)>
+
−
                    <h2 class = nav-text>Results</h2> 
+
−
                   
+
−
                    <div class = nav-submenu>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Model" title = "Go to Model">Model</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Hardware" title = "Go to Hardware">Hardware</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Engineering" title = "Go to Engineering">Engineering Success</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Safety" title = "Go to Safety">Safety</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Proof_of_Concept" title = "Go to Proof of Concept">Proof of Concept</a>
+
−
                      <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Protocols" title = "Go to Protocols">Protocols Used</a>
+
−
                    </div>  
+
−
                 </div>
+
−
               
+
−
                <div class = "drop-link nav-item" title = "Expand Human Practices Menu" onclick = showSubmenu(4)>
+
−
                    <h2 class = nav-text>Human Practices</h2> 
+
−
                   
+
−
                    <div class = nav-submenu>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Human_Practices" title = "Go to Human Practices">Integrated Human Practices</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Education" title = "Go to Education">Education</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Engineering" title = "Go to Engineering">Engineering Success</a>
+
−
                        <a class = sub-nav-link href = "https://2020.igem.org/Team:Queens_Canada/Partnership" title = "Go to Partnership">Partnership</a>
+
−
                    </div>
+
−
                </div>
+
−
               
+
−
                <a class = nav-link href = "https://2020.igem.org/Team:Queens_Canada/Contribution" title = "Go to Contribution">
+
−
                    <div class = nav-item>
+
−
                        <h2 class = nav-text>Contribution</h2>
+
−
                    </div>
+
−
                </a>
+
−
 
+
−
                <a class = nav-link href = "https://2020.igem.org/Team:Queens_Canada/Entrepreneurship" title = "Go to Entrepreneurship">
+
−
                    <div class = nav-item>
+
−
                        <h2 id = entre-nav-heading class = nav-text>Entrepreneurship</h2>
+
−
                    </div>
+
−
                </a>
+
 
             </div>
 
             </div>
−
        </div>      
+
    <li><a class="current" href="https://2020.igem.org/Team:Queens_Canada">HOME</a></li>
 +
            <!-- 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">
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Description">Description</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/Results">Results</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Contribution">Contribution</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown" onclick = ""><a>HUMAN</a>
 +
                <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/Education">Education</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>
 +
            </li>
 +
            <li class="dropdown" onclick = ""><a>MODEL</a>
 +
                <ul class="dropdown-content">
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Model">Overview</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/Coiled-Coil-Stability">Coiled-Coil Stability</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/Software">Software</a></li>
 +
                    <li><a href = "https://2020.igem.org/Team:Queens_Canada/Mutaguide">Mutaguide</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown" onclick = ""><a>PROTOTYPE</a>
 +
                <ul class="dropdown-content">
 +
                    <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/Fluorometer">Fluorometer</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/App">Mobile App</a></li>
 +
                </ul>
 +
            </li>
 +
    <li class="dropdown" onclick = ""><a>PARTS</a>
 +
                <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>
 +
    </div>
 +
 +
  </nav>
 +
       
 
   </header>
 
   </header>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 01:36, 28 October 2020