Difference between revisions of "Template:Queens Canada"

m
m
 
(70 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 7: 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 13: Line 60:
 
<body onresize = windowResize() onload = windowLoad()>
 
<body onresize = windowResize() onload = windowLoad()>
 
   <header>
 
   <header>
−
  <!--I haven't done the drop downs or added links yet-->
+
−
   <nav class="navbar">
+
   <nav class="navbar" id = to-nav>
−
     <a href = "" class="toggle-button" id="nav-icon">
+
     <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>
−
     <div class="velcrion-logo center-block" >
+
      
−
<a href="https://2020.igem.org/Team:Queens_Canada">
+
−
            <img src = "https://static.igem.org/mediawiki/2020/6/67/T--Queens_Canada--logos.png">
+
−
        </a>
+
−
    </div>
+
 
     <div class="navbar-links">
 
     <div class="navbar-links">
 
<ul>
 
<ul>
 +
            <div class="velcrion-logo navbar-brand" >
 +
    <a class="navbar-brand" href="https://2020.igem.org/Team:Queens_Canada">
 +
                <img src = "https://static.igem.org/mediawiki/2020/6/67/T--Queens_Canada--logos.png">
 +
            </a>
 +
            </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 href="https://2020.igem.org/Team:Queens_Canada/ProjectInspiration">PROJECT</a>
+
            <!-- onclick = "" is added to the dropdown nav links as a workaround for hover on mobile -->
−
                <div class="dropdown-content">
+
             <li class="dropdown" onclick = ""><a>PROJECT</a>
−
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/ProjectInspiration">INSPIRATION</a></li>
+
                <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/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/Implementation">IMPLEMENTATION</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/Presentations"></a>PRESENTATIONS AND VIDEOS</li>
+
                     <li><a href = "https://2020.igem.org/Team:Queens_Canada/Coiled-Coils">Coiled-Coils</a></li>
−
                 </div>
+
                     <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>
−
    <li><a href="https://2020.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
+
            <li class="dropdown" onclick = ""><a>HUMAN</a>
−
             <li><a href="https://2020.igem.org/Team:Queens_Canada/Model">RESULTS</a></li>
+
                <ul class="dropdown-content">
−
    <li><a href="https://2020.igem.org/Team:Queens_Canada/Human_Practices">HUMAN</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/Contribution">CONTRIBUTION</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/Entrepreneurship">ENTREPRENEURSHIP</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>
 
</ul>
 
     </div>
 
     </div>
Line 51: Line 146:
  
 
</html>
 
</html>
−
 
−
<!--OLD NAV BAR CODE-->
 
−
<!-- <img id = nav-icon src = Resources/QGEM_Nav_Icon.png onclick = openNav()>
 
−
                    <img id = close-nav-button src = Resources/QGEM_Close_Nav.png onclick = closeNav()>
 
−
                    <div id = nav-icon onclick = openNav() title = "Open Menu">|||</div>
 
−
                    <div id = close-nav-button onclick = closeNav() title = "Close Menu">&times;</div> -->
 
−
               
 
−
                    <!--<div id = social-links>
 
−
                        <div class = social-links-row>
 
−
                            <a href = https://www.facebook.com/iGEMQueens title = "Visit our Facebook" target = _blank>
 
−
                                <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" target = _blank>
 
−
                                <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" target = _blank>
 
−
                                <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" target = _blank>
 
−
                                <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" target = _blank>
 
−
                                <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>-->
 

Latest revision as of 01:36, 28 October 2020