Difference between revisions of "Template:Waterloo"

 
(53 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>
 +
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/app?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/app?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/nav?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/nav?action=raw&ctype=text/javascript"></script>
Line 14: 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>
 +
  <!--  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&amp;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&amp;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"><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 27: 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-class="clickety || hovering ? 'magicalcolorchange' : ''"  
+
       <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='project'; ">PROJECT</a>
−
       ng-mouseover="subnav='project'">PROJECT</a></li>
+
        <ul class="secondary-nav">
−
       <li><a href="#" ng-click="clickety=true" ng-class="clickety || hovering ? 'magicalcolorchange' : '' " ng-mouseover="subnav='design'">BLUEPRINT</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</a></li>
−
      <li><a href="#" ng-click="clickety=true" ng-class="clickety || hovering ? 'magicalcolorchange' : ''" ng-mouseover="subnav='results'">RESULTS</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-class="clickety || hovering ? 'magicalcolorchange' : '' " ng-mouseover="subnav='lab'; hovering= true">LAB</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-class="clickety || hovering ? 'magicalcolorchange' : ''" ng-mouseover="hovering = true; subnav='practices'">POLICY</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/Model">MODELLING</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-class="clickety || hovering ? 'magicalcolorchange': ''" ng-mouseover="subnav='team'; hovering = true">TEAM</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 44: 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 52: 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">GENE RETENTION MODEL</a></li>
+
               <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS MODEL</a></li>
−
               <li><a class="paragraph-medium" href="/Team:Waterloo/Model">AGGREGATION MODEL</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>
 
               <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 61: 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">GENE RETENTION</a></li>
+
               <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 81: 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/Gender_Equity">GENDER EQUITY</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/Ethics">ETHICS</a></li>
−
       <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/Collaboration">COLLABORATIONS</a></li>
+
       <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/Access">ACCESS</a></li>
−
      <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/Openness">OPENNESS</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/Open_Science">OPEN SCIENCE</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>
 
       <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/Networks">NETWORKS</a></li>
 
              
 
              
Line 106: 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