Difference between revisions of "Template:Waterloo"

 
(210 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Template:Waterloo/Bootstrap}}
 
{{Template:Waterloo/Bootstrap}}
 
{{Template:Waterloo/style.css}}
 
{{Template:Waterloo/style.css}}
 +
{{Template:Waterloo/sidenav.css}}
 
<html>
 
<html>
−
<script src="//2015.igem.org/Template:Waterloo/bootstrap.js?action=raw&ctype=text/javascript"></script>
+
<head>
−
<script src="//2015.igem.org/Template:Waterloo/angular?action=raw&ctype=text/javascript"></script>
+
−
<script src="//2016.igem.org/Template:Waterloo/jquery?action=raw&ctype=text/javascript"></script>
+
−
<script src="//2016.igem.org/Template:Waterloo/jquery-color?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://use.fontawesome.com/8aaf36ff36.js"></script>
+
−
<nav class="navbar navbar-fixed-top initial-bar">
+
−
  <div class="container-fluid">
+
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
−
    <div class="navbar-header">
+
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
−
        <span class="sr-only">Toggle navigation</span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
      </button>
+
−
      <a class="navbar-brand" href="/Team:Waterloo">WATERLOO iGEM</a>
+
−
    </div>
+
  
−
    <!-- Collect the nav links, forms, and other content for toggling -->
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
 
−
      <ul class="nav navbar-nav navbar-right">
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/angular?action=raw&ctype=text/javascript"></script>
−
        <!--Project-->
+
 
−
        <li class="dropdown">
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/app?action=raw&ctype=text/javascript"></script>
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/nav?action=raw&ctype=text/javascript"></script>
−
          <ul class="dropdown-menu" role="menu">
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/modernizr?action=raw&ctype=text/javascript"></script>
−
            <li><a href="/Team:Waterloo/Description">Description</a></li>
+
 
−
            <li><a href="/Team:Waterloo/Design">Design</a></li>
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/sidebar?action=raw&ctype=text/javascript"></script>
−
            <li><a href="/Team:Waterloo/Requirements">Requirements</a></li>
+
  <script type="text/javascript" src="https://2016.igem.org/Team:Waterloo/bootstrapmin?action=raw&ctype=text/javascript"></script>
−
          </ul>
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery?action=raw&ctype=text/javascript"></script>
−
        </li>
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery-color?action=raw&ctype=text/javascript"></script>
−
        <!--In Depth Design-->
+
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/svgquery?action=raw&ctype=text/javascript"></script>
−
        <li class="dropdown">
+
  <!-- this last link is actually loading fontawesome even though it's just called CSS -->
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">In Depth Design<span class="caret"></span></a>
+
  <!--<link rel="stylesheet" href="https://2016.igem.org/Team:Waterloo/CSS?action=raw&amp;ctype=text/css" type="text/css" />-->
−
          <ul class="dropdown-menu" role="menu">
+
  <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" />
−
              <li><a href="pages/InDepthDesign/howitworks.html">How It Works</a></li>
+
 
−
              <li><a href="/Team:Waterloo/InDepthDesign/PrematureStopCodon">Premature Stop Codon</a></li>
+
</head>
−
              <li><a href="/Team:Waterloo/InDepthDesign/PromoterSelection">Promoter Selection</a></li>
+
<header ng-app="waterloo">
−
              <li><a href="/Team:Waterloo/InDepthDesign/GeneRetentionModel">Gene Retention Model</a></li>
+
<div class="cd-auto-hide-header" ng-mouseleave="hider()" ng-controller="nav" ng-cloak>
−
              <li><a href="/Team:Waterloo/InDepthDesign/AggregationModel">Aggregation Model</a></li>
+
  <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>
−
          </ul>
+
  <nav class="cd-primary-nav">
−
        </li>
+
    <a href="#cd-navigation" class="nav-trigger">
−
        <!--Results-->
+
      <span>
−
        <li class="dropdown">
+
        <em aria-hidden="true"></em>
−
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Results<span class="caret"></span></a>
+
        Menu
−
            <ul class="dropdown-menu" role="menu">
+
      </span>
−
              <li><a href="/Team:Waterloo/Results/ProofOfConcept">Proof Of Concept</a></li>
+
    </a>
−
              <li><a href="/Team:Waterloo/Results/GeneRetention">Gene Retention</a></li>
+
    <!-- .nav-trigger -->
−
              <li><a href="/Team:Waterloo/Results/PromoterAnalysis">Promoter Analysis</a></li>
+
 
−
            </ul>
+
    <ul id="cd-navigation" class="mobile-menu">
−
        </li>
+
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='project'; ">PROJECT</a>
−
        <!--Lab-->
+
        <ul class="secondary-nav">
−
        <li class="dropdown">
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</a></li>
−
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Lab<span class="caret"></span></a>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li>
−
            <ul class="dropdown-menu" role="menu">
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li>
−
                <li><a href="/Team:Waterloo/Lab/Parts">Parts</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Model">MODELLING</a></li>
−
                <li><a href="/Team:Waterloo/Lab/Protocols">Protocols</a></li>
+
        </ul>
−
                <li><a href="/Team:Waterloo/Lab/Notebook">Notebook</a></li>
+
      </li>
−
                <li><a href="/Team:Waterloo/Lab/Safety">Safety</a></li>
+
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='design';">BLUEPRINT</a>
−
            </ul>
+
        <ul class="secondary-nav">
−
        </li>
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/HowItWorks">HOW IT WORKS</a></li>
−
        <!--Policy-->
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/Software">PREMATURE STOP CODON</a></li>
−
        <li class="dropdown">
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PromoterSelection">PROMOTER SELECTION</a></li>
−
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Practices<span class="caret"></span></a>
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS</a></li>
−
            <ul class="dropdown-menu" role="menu">
+
              <li> <a class="paragraph-medium" href="/Team:Waterloo/NetworkModelling">NETWORK MODELLING</a></li>
−
                <li><a href="/Team:Waterloo/Practices/GenderEquity">Gender Equity</a></li>
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/Aggregation">AGGREGATION MODEL</a></li>
−
                <li><a href="/Team:Waterloo/Practices/Ethics">Ethics</a></li>
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/Crispr">CRISPR</a></li>
−
                <li><a href="/Team:Waterloo/Practices/Networks">Networks</a></li>
+
        </ul>
−
                <li><a href="/Team:Waterloo/Practices/Dialogue">Dialogue</a></li>
+
      </li>
−
            </ul>
+
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='results';">RESULTS</a>
−
        </li>
+
      <ul class="secondary-nav">
−
        <!--Team-->
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li>
−
        <li class="dropdown">
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS</a></li>
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team<span class="caret"></span></a>
+
              <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li>
−
          <ul class="dropdown-menu" role="menu">
+
−
            <li><a href="/Team:Waterloo/Team">Our Team</a></li>
+
−
            <li><a href="/Team:Waterloo/Attributions">Attributions</a></li>
+
−
            <li><a href="/Team:Waterloo/Sponsors">Sponsors</a></li>
+
−
            <li><a href="/Team:Waterloo/Collaboration">Collaboration</a></li>
+
−
          </ul>
+
−
        </li>
+
 
       </ul>
 
       </ul>
−
     </div><!-- /.navbar-collapse -->
+
      </li>
−
   </div><!-- /.container-fluid -->
+
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='lab'">LAB</a>
−
</nav>
+
      <ul class="secondary-nav">
−
<html>
+
                <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>
 +
  </nav>
 +
  <!-- .cd-primary-nav -->
 +
 
 +
  <nav class="cd-secondary-nav" id="projecttab" ng-show="subnav=='project'">
 +
    <ul>
 +
      <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</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/Model">MODELLING</a></li>
 +
    </ul>
 +
  </nav>
 +
  <!-- .cd-secondary-nav -->
 +
   <nav class="cd-secondary-nav" id="designtab" ng-show="subnav == 'design'">
 +
    <ul>
 +
              <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 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/NetworkModelling">NETWORK MODELLING</a></li>
 +
    </ul>
 +
  </nav>
 +
  <!-- .cd-secondary-nav -->
 +
  <nav class="cd-secondary-nav" id="resultstab" ng-show="subnav == 'results'">
 +
    <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="/Team:Waterloo/Results/PlasmidLoss">PLASMID LOSS</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li>
 +
 
 +
    </ul>
 +
  </nav>
 +
  <!-- .cd-secondary-nav -->
 +
  <nav class="cd-secondary-nav" id="labtab" ng-show="subnav == 'lab'">
 +
    <ul>
 +
                <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>
 +
  </nav>
 +
  <!-- .cd-secondary-nav -->
 +
  <nav class="cd-secondary-nav" id="practices" ng-show="subnav == 'practices'">
 +
    <ul>
 +
      <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>
 +
  </nav>
 +
  <!-- .cd-secondary-nav -->
 +
  <nav class="cd-secondary-nav" id="teamtab" ng-show="subnav == 'team'">
 +
    <ul>
 +
            <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>
 +
  </nav>
 +
  <!-- .cd-secondary-nav -->
 +
 
 +
</div>
 +
<!-- .cd-auto-hide-header -->
 +
 
 +
</header>
 +
 
 +
</html>

Latest revision as of 03:39, 20 October 2016