Difference between revisions of "Template:Waterloo"

 
(92 intermediate revisions by 5 users not shown)
Line 2: Line 2:
 
{{Template:Waterloo/style.css}}
 
{{Template:Waterloo/style.css}}
 
{{Template:Waterloo/sidenav.css}}
 
{{Template:Waterloo/sidenav.css}}
−
 
 
<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 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>
 +
  <!--  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-controller="nav" ng-app="waterloo">
+
<header ng-app="waterloo">
−
<div class="cd-auto-hide-header"   ng-mouseleave="hider(); toggleclicked()">
+
<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 28: Line 35:
 
     <!-- .nav-trigger -->
 
     <!-- .nav-trigger -->
  
−
     <ul id="cd-navigation">
+
     <ul id="cd-navigation" class="mobile-menu">
−
       <li><a href="#" ng-click="clickety=true"
+
       <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-mouseover="subnav='project'">{{clickety}}</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='design'">BLUEPRINT</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='results'">RESULTS</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='lab'">LAB</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Model">MODELLING</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='practices'">POLICY</a></li>
+
        </ul>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='team'">TEAM</a></li>
+
       </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 43: Line 97:
 
   <nav class="cd-secondary-nav" id="projecttab" ng-show="subnav=='project'">
 
   <nav class="cd-secondary-nav" id="projecttab" ng-show="subnav=='project'">
 
     <ul>
 
     <ul>
−
       <li><a href="/Team:Waterloo/Description">Description</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</a></li>
−
       <li><a href="/Team:Waterloo/Design">Design</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li>
−
       <li><a 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 51: Line 106:
 
   <nav class="cd-secondary-nav" id="designtab" ng-show="subnav == 'design'">
 
   <nav class="cd-secondary-nav" id="designtab" ng-show="subnav == 'design'">
 
     <ul>
 
     <ul>
−
      <li><a href="/Team:Waterloo/InDepthDesign/HowItWorks">How It Works</a></li>
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/HowItWorks">HOW IT WORKS</a></li>
−
               <li><a 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 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 href="/Team:Waterloo/InDepthDesign/PromoterSelection">Gene Retention Model</a></li>
+
               <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS MODEL</a></li>
−
               <li><a href="/Team:Waterloo/Model">Aggregation Model</a></li>
+
               <li><a class="paragraph-medium" href="/Team:Waterloo/Aggregation">AGGREGATION MODEL</a></li>
−
               <li><a href="/Team:Waterloo/InDepthDesign/Crispr">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/NetworkModelling">NETWORK MODELLING</a></li>
 
     </ul>
 
     </ul>
 
   </nav>
 
   </nav>
Line 62: Line 118:
 
   <nav class="cd-secondary-nav" id="resultstab" ng-show="subnav == 'results'">
 
   <nav class="cd-secondary-nav" id="resultstab" ng-show="subnav == 'results'">
 
     <ul>
 
     <ul>
−
<li><a 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 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 href="/Team:Waterloo/Results/PromoterAnalysis">Promoter Analysis</a></li>
+
               <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li>
  
 
     </ul>
 
     </ul>
Line 71: Line 127:
 
   <nav class="cd-secondary-nav" id="labtab" ng-show="subnav == 'lab'">
 
   <nav class="cd-secondary-nav" id="labtab" ng-show="subnav == 'lab'">
 
     <ul>
 
     <ul>
−
      <li><a href="/Team:Waterloo/Parts">Parts</a></li>
+
                <li><a class="paragraph-medium" href="/Team:Waterloo/Parts">PARTS</a></li>
−
                 <li><a href="/Team:Waterloo/Experiments">Protocols</a></li>
+
                 <li><a class="paragraph-medium" href="/Team:Waterloo/Experiments">PROTOCOLS</a></li>
−
                 <li><a href="/Team:Waterloo/Notebook">Notebook</a></li>
+
                 <li><a class="paragraph-medium" href="/Team:Waterloo/Notebook">NOTEBOOK</a></li>
−
                 <li><a href="/Team:Waterloo/Safety">Safety</a></li>
+
                 <li><a class="paragraph-medium" href="/Team:Waterloo/Safety">SAFETY</a></li>
 
     </ul>
 
     </ul>
 
   </nav>
 
   </nav>
Line 80: Line 136:
 
   <nav class="cd-secondary-nav" id="practices" ng-show="subnav == 'practices'">
 
   <nav class="cd-secondary-nav" id="practices" ng-show="subnav == 'practices'">
 
     <ul>
 
     <ul>
−
       <li><a href="/Team:Waterloo/HP/Silver">Silver</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Silver">SILVER</a></li>
−
       <li><a href="/Team:Waterloo/HP/Gold">Gold</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Gold">GOLD</a></li>
−
       <li><a href="/Team:Waterloo/Engagement">Overview</a></li>
+
       <li><a class="paragraph-medium"  style="font-weight: bold; color: #cd5f94" href="/Team:Waterloo/Engagement">ENGAGEMENT</a></li>
−
       <li><a 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 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 href="/Team:Waterloo/Engagement/Collaboration">Collaboration</a></li>
+
       <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/Access">ACCESS</a></li>
−
      <li><a href="/Team:Waterloo/Engagement/Openness">Openness</a></li>
+
 
−
       <li><a href="/Team:Waterloo/Integrated_Practices">Overview</a></li>
+
 
−
       <li><a href="/Team:Waterloo/Integrated_Practices/Open_Science">Open Science</a></li>
+
       <li><a class="paragraph-medium" style="font-weight:bold; color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices">INTEGRATED PRACTICES</a></li>
−
       <li><a href="/Team:Waterloo/Integrated_Practices/Networks">Networks</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>
 
     </ul>
 
   </nav>
 
   </nav>
Line 96: Line 153:
 
   <nav class="cd-secondary-nav" id="teamtab" ng-show="subnav == 'team'">
 
   <nav class="cd-secondary-nav" id="teamtab" ng-show="subnav == 'team'">
 
     <ul>
 
     <ul>
−
      <li><a href="/Team:Waterloo/Team">Our Team</a></li>
+
            <li><a class="paragraph-medium" href="/Team:Waterloo/Team">THE TEAM</a></li>
−
             <li><a href="/Team:Waterloo/Attributions">Attributions</a></li>
+
             <li><a class="paragraph-medium" href="/Team:Waterloo/Attributions">ATTRIBUTIONS</a></li>
−
             <li><a href="/Team:Waterloo/Sponsors">Sponsors</a></li>
+
             <li><a class="paragraph-medium" href="/Team:Waterloo/Sponsors">SPONSORS</a></li>
−
             <li><a href="/Team:Waterloo/Collaboration">Collaboration</a></li>
+
             <li><a class="paragraph-medium" href="/Team:Waterloo/Collaborations">COLLABORATION</a></li>
 
     </ul>
 
     </ul>
 
   </nav>
 
   </nav>
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