Difference between revisions of "Template:Queens Canada"
Lianaevans (Talk | contribs) m |
m |
||
| (26 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"> | ||
<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> | ||
| Line 37: | Line 86: | ||
<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/Results">Results</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"> | + | <li><a href = "https://2020.igem.org/Team:Queens_Canada/Contribution">Contribution</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown"><a>HUMAN</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/Human_Practices">Human Practices</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/Education">Education</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/Collaborations">Collaborations</a></li> | ||
| − | <li><a href = "https://2020.igem.org/Team:Queens_Canada/ | + | <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> | <li><a href = "https://2020.igem.org/Team:Queens_Canada/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown"><a>MODEL</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 | + | <li><a href = "https://2020.igem.org/Team:Queens_Canada/Model">Overview</a></li> |
| − | <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><a href = "https://2020.igem.org/Team:Queens_Canada/Coiled-Coil-Stability">Coiled-Coil Stability</a> | ||
</li> | </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/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/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>PROTOTYPE</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/Prototype-Overview">Overview</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/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/Fluid-Dynamics">Fluid Dynamics</a></li> | ||
| − | |||
| − | |||
<li><a href = "https://2020.igem.org/Team:Queens_Canada/App">Mobile App</a></li> | <li><a href = "https://2020.igem.org/Team:Queens_Canada/App">Mobile App</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown"><a>PARTS</a> | + | <li class="dropdown" onclick = ""><a>PARTS</a> |
<ul class="dropdown-content"> | <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/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/Expression-Plasmid">Expression Plasmid</a></li> | ||
| − | + | <li><a href = "https://2020.igem.org/Team:Queens_Canada/Purification-Summary">Purification Summary</a></li> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown"><a>NOTEBOOK</a> | + | <li class="dropdown" onclick = ""><a>NOTEBOOK</a> |
<ul class="dropdown-content"> | <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/Protocols">Protocols</a></li> | ||
| − | |||
| − | |||
<li><a href = "https://2020.igem.org/Team:Queens_Canada/Posters-Presentations">Posters and Presentations</a></li> | <li><a href = "https://2020.igem.org/Team:Queens_Canada/Posters-Presentations">Posters and Presentations</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li class="dropdown"><a>TEAM</a> | + | <li class="dropdown" onclick = ""><a>TEAM</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/Team">Team Members</a></li> | ||
Latest revision as of 01:36, 28 October 2020