Difference between revisions of "Template:Waterloo"
| (40 intermediate revisions by 5 users not shown) | |||
| Line 4: | Line 4: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | |||
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/angular?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/angular?action=raw&ctype=text/javascript"></script> | ||
| Line 15: | Line 17: | ||
<script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery-color?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery-color?action=raw&ctype=text/javascript"></script> | ||
| − | <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/svgquery?action=raw&ctype=text/javascript"></script> | + | <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/svgquery?action=raw&ctype=text/javascript"></script> |
| + | <!-- this last link is actually loading fontawesome even though it's just called CSS --> | ||
| + | <!--<link rel="stylesheet" href="https://2016.igem.org/Team:Waterloo/CSS?action=raw&ctype=text/css" type="text/css" />--> | ||
| + | <link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&ctype=text/css" type="text/css" /> | ||
| + | |||
</head> | </head> | ||
<header ng-app="waterloo"> | <header ng-app="waterloo"> | ||
<div class="cd-auto-hide-header" ng-mouseleave="hider()" ng-controller="nav" ng-cloak> | <div class="cd-auto-hide-header" ng-mouseleave="hider()" ng-controller="nav" ng-cloak> | ||
| − | <a href="/Team:Waterloo"> Waterloo | + | <a href="/Team:Waterloo"><img style="height: 100%; padding-left: 7vw;" src="https://static.igem.org/mediawiki/2016/7/7e/T--Waterloo--WATERLOgo.jpg"> </a> |
<nav class="cd-primary-nav"> | <nav class="cd-primary-nav"> | ||
<a href="#cd-navigation" class="nav-trigger"> | <a href="#cd-navigation" class="nav-trigger"> | ||
| Line 29: | Line 35: | ||
<!-- .nav-trigger --> | <!-- .nav-trigger --> | ||
| − | <ul id="cd-navigation"> | + | <ul id="cd-navigation" class="mobile-menu"> |
| − | <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='project'; ">PROJECT</a></li> | + | <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='project'; ">PROJECT</a> |
| − | <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='design';">BLUEPRINT</a></li> | + | <ul class="secondary-nav"> |
| − | <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='results';">RESULTS</a></li> | + | <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</a></li> |
| − | <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='lab'">LAB</a></li> | + | <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li> |
| − | <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='practices'">POLICY</a></li> | + | <li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li> |
| − | <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='team';">TEAM</a></li> | + | <li><a class="paragraph-medium" href="/Team:Waterloo/Model">MODELLING</a></li> |
| + | </ul> | ||
| + | </li> | ||
| + | <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='design';">BLUEPRINT</a> | ||
| + | <ul class="secondary-nav"> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/HowItWorks">HOW IT WORKS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Software">PREMATURE STOP CODON</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PromoterSelection">PROMOTER SELECTION</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS</a></li> | ||
| + | <li> <a class="paragraph-medium" href="/Team:Waterloo/NetworkModelling">NETWORK MODELLING</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Aggregation">AGGREGATION MODEL</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/Crispr">CRISPR</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='results';">RESULTS</a> | ||
| + | <ul class="secondary-nav"> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='lab'">LAB</a> | ||
| + | <ul class="secondary-nav"> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Parts">PARTS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Experiments">PROTOCOLS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Notebook">NOTEBOOK</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Safety">SAFETY</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='practices'">POLICY</a> | ||
| + | <ul class="secondary-nav"> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Silver">SILVER</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Gold">GOLD</a></li> | ||
| + | <li><a class="paragraph-medium" style="font-weight: bold; color: #cd5f94" href="/Team:Waterloo/Engagement">ENGAGEMENT</a></li> | ||
| + | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/GenderEquity">GENDER EQUITY</a></li> | ||
| + | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/Ethics">ETHICS</a></li> | ||
| + | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/Access">ACCESS</a></li> | ||
| + | <li><a class="paragraph-medium" style="font-weight:bold; color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices">INTEGRATED PRACTICES</a></li> | ||
| + | <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/OpenScience">OPEN SCIENCE</a></li> | ||
| + | <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/Networks">NETWORKS</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='team';">TEAM</a> | ||
| + | <ul class="secondary-nav"> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Team">THE TEAM</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Attributions">ATTRIBUTIONS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Sponsors">SPONSORS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Collaborations">COLLABORATION</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
| Line 45: | Line 100: | ||
<li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li> | ||
<li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/Model">MODELLING</a></li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
| Line 53: | Line 109: | ||
<li><a class="paragraph-medium" href="/Team:Waterloo/Software">PREMATURE STOP CODON</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/Software">PREMATURE STOP CODON</a></li> | ||
<li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PromoterSelection">PROMOTER SELECTION</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PromoterSelection">PROMOTER SELECTION</a></li> | ||
| − | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel"> | + | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS MODEL</a></li> |
| − | <li><a class="paragraph-medium" href="/Team:Waterloo/ | + | <li><a class="paragraph-medium" href="/Team:Waterloo/Aggregation">AGGREGATION MODEL</a></li> |
<li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/Crispr">CRISPR</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/Crispr">CRISPR</a></li> | ||
| + | <li><a class="paragraph-medium" href="/Team:Waterloo/NetworkModelling">NETWORK MODELLING</a></li> | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
| Line 62: | Line 119: | ||
<ul> | <ul> | ||
<li><a class="paragraph-medium" href="https://2016.igem.org/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li> | <li><a class="paragraph-medium" href="https://2016.igem.org/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li> | ||
| − | <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PlasmidLoss"> | + | <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PlasmidLoss">PLASMID LOSS</a></li> |
<li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li> | ||
| Line 82: | Line 139: | ||
<li><a class="paragraph-medium" href="/Team:Waterloo/HP/Gold">GOLD</a></li> | <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Gold">GOLD</a></li> | ||
<li><a class="paragraph-medium" style="font-weight: bold; color: #cd5f94" href="/Team:Waterloo/Engagement">ENGAGEMENT</a></li> | <li><a class="paragraph-medium" style="font-weight: bold; color: #cd5f94" href="/Team:Waterloo/Engagement">ENGAGEMENT</a></li> | ||
| − | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/ | + | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/GenderEquity">GENDER EQUITY</a></li> |
<li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/Ethics">ETHICS</a></li> | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/Ethics">ETHICS</a></li> | ||
| − | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/ | + | <li><a class="paragraph-medium" style="color: #cd5f94" href="/Team:Waterloo/Engagement/Access">ACCESS</a></li> |
| − | + | ||
<li><a class="paragraph-medium" style="font-weight:bold; color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices">INTEGRATED PRACTICES</a></li> | <li><a class="paragraph-medium" style="font-weight:bold; color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices">INTEGRATED PRACTICES</a></li> | ||
| − | <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/ | + | <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/OpenScience">OPEN SCIENCE</a></li> |
<li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/Networks">NETWORKS</a></li> | <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/Networks">NETWORKS</a></li> | ||
| Line 107: | Line 163: | ||
</div> | </div> | ||
<!-- .cd-auto-hide-header --> | <!-- .cd-auto-hide-header --> | ||
| + | |||
</header> | </header> | ||
</html> | </html> | ||
Latest revision as of 03:39, 20 October 2016
