Difference between revisions of "Team:Oxford/Templates/Navi"

Line 1: Line 1:
 
<html>
 
<html>
−
<html lang="en">
 
−
  <head>
 
−
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
−
   
 
−
    <script type="text/javascript" src="swfobject.js"></script>
 
−
    <script type="text/javascript">
 
−
      swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
 
−
    </script>
 
−
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
    <meta name="description" content="A synthetic biology project called Toximop from the Dundee iGEM Team.">
 
−
    <meta name="author" content="Dundee iGEM Team 2013">
 
  
−
    <!-- CSS -->
 
−
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 
−
    <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
 
  
−
  <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
+
  <head>
  
−
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, target-densitydpi=medium-dpi" />
−
  <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
  
−
    <!--
+
<link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/fa?action=raw&ctype=text/css" type="text/css" />
−
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
     <link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/bs?action=raw&ctype=text/css" type="text/css" />
−
-->
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:Dundee/style?action=raw&ctype=text/css" type="text/css" />
−
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
−
    <!--[if lt IE 9]>
+
−
      <script src="http://www.kyleharrison.co.uk/igem/assets/js/html5shiv.js"></script>
+
−
    <![endif]-->
+
−
 
+
−
    <!-- Fav and touch icons -->
+
−
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+
−
     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+
−
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+
−
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+
−
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
+
  
 
<style>
 
<style>
 
#sideMenu, #top_title {
 
#sideMenu, #top_title {
−
display:none;
+
display: none;
 
}
 
}
−
</style>
+
 
 
   </head>
 
   </head>
−
  <body>
 
  
−
    <!-- Part 1: Wrap all page content here -->
 
−
    <div id="wrap">
 
  
−
      <!-- Fixed navbar -->
+
<div id="nav">
−
       <div class="navbar navbar-fixed-top">
+
    <nav class="navbar navbar-default navbar-fixed-top navbar-collapse" role="navigation">
−
         <div class="navbar-inner">
+
      <div class="container">
 +
       <div class="navbar-header">
 +
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
         </button>
 +
        <a href="http://www.dundee.ac.uk/" target="_blank">
 +
            <span class="navbar-logo"><img src="https://static.igem.org/mediawiki/2015/2/23/Dundee15-uod-crest.png"/></span>
 +
            <span class="navbar-brand">&nbsp;&nbsp;University of Dundee</span>
 +
        </a>
 +
      </div>
  
−
          <div class="container" style="width:1024px">
 
−
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 
−
              <span class="icon-bar"></span>
 
−
              <span class="icon-bar"></span>
 
−
              <span class="icon-bar"></span>
 
−
            </button>
 
−
<a class="brand" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
 
−
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
 
  
−
            <div class="nav-collapse collapse">
+
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
              <ul class="nav">
+
        <ul class="nav navbar-nav">
−
                <li class="active"><a href="/Team:Dundee">Home</a></li>
+
        </ul>
 +
        <ul class="nav navbar-nav navbar-right">
 +
          <li><a href="https://2015.igem.org/Team:Dundee"><span class="glyphicon glyphicon-home"></span>&nbsp;Home</a></li>
 +
          <!-- Team -->
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span>&nbsp;About Us</a>
 +
            <ul class="dropdown-menu" style="">
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Team">Meet the Team</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Attributions">Attributions</a></li>
 +
            </ul>
 +
          </li>
  
 +
          <!--- Project-->
 +
          <!--<li><a href="project.html">Project</a></li>-->
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-inbox"></span>&nbsp;Project</a>
 +
            <ul class="dropdown-menu" style="">
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Abstract">Abstract</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Forensic_Toolkit">Project Overview</a></li>
 +
              <li class="divider"/>
 +
              <li class="dropdown-header">Devices</li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Forensic_Toolkit/FluID">FluID</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Forensic_Toolkit/Fingerprints">Fingerprint Ageing</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Forensic_Toolkit/Chromate">Chromate Biosensor</a></li>
 +
              <li class="divider"></li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Part_Collection">Parts</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Medals">Medals</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Dundee/Future">Future Work</a></li>
 +
            </ul>
 +
          </li>
 +
          <!-- wetlab -->
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-tint"></span>&nbsp;Wet Lab</a>
 +
            <ul class="dropdown-menu" style="">
 +
              <li class="dropdown-header">Lab Book</li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Lab_Book/FluID">FluID</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Lab_Book/Fingerprints">Fingerprints</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Lab_Book/Chromate_Detector">Chromate Biosensor</a></li>
 +
              <li class="divider"/>
 +
              <li class="dropdown-header">Useful Information</li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Protocols">Protocols</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Sequences">Sequences</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Bacterial_Two_Hybrid">Bacterial Two Hybrid</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Safety">Safety</a></li>
  
  
−
                <li class="dropdown">
+
            </ul>
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Overviews <b class="caret"></b></a>
+
          </li>
−
                  <ul class="dropdown-menu">
+
          <!--- modelling -->
−
                      <li><a href="/Team:Dundee/Project"> ToxiMop Project </a></li>
+
          <li class="dropdown">
−
                      <!--<li><a href="/Team:Dundee/Project/LabOverview">Lab </a></li>-->
+
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-pencil"></span>&nbsp;Dry Lab</a>
−
                      <li><a href="/Team:Dundee/Project/MathOverview">Modelling </a></li>
+
            <ul class="dropdown-menu" style="">
−
                      <li><a href="/Team:Dundee/Project/NetlogoIntro">Mop Simulation</a></li>
+
                <li><a href="https://2015.igem.org/Team:Dundee/Modeling">Introduction</a></li>
−
                    <li><a href="/Team:Dundee/HumanPractice">Human Practice </a></li>
+
                <li><a href="https://2015.igem.org/Team:Dundee/Modeling/FluID">FluID</a></li>
−
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
+
                <li><a href="https://2015.igem.org/Team:Dundee/Modeling/Fingerprints">Fingerprint Ageing</a></li>
−
                  </ul>
+
                <li><a href="https://2015.igem.org/Team:Dundee/Modeling/Chromate">Chromate Biosensor</a></li>
−
                </li>
+
            <li class="divider"></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Modeling/Appendix1">Appendix : Code</a></li>
 +
            </ul>
 +
          </li>
 +
          <!-- outreach -->
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-globe"></span>&nbsp;Outreach</a>
 +
            <ul class="dropdown-menu" style="">
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Practices">Practices</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Ethics">Ethics</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Dundee/Collaborations">Collaborations</a></li>
 +
            </ul>
 +
          </li>
 +
          <li><img src="https://static.igem.org/mediawiki/2015/4/4f/Dundee15-igem-navbar.png" class="igem-navbar"/></li>         
 +
            </ul>
 +
          </li>
 +
        </ul>
 +
      </div><!-- /.navbar-collapse -->
 +
    </div>
 +
    </nav>
 +
  </div>
  
 +
<script type="text/javascript">
  
−
             
 
−
                <li class="dropdown">
 
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu">
 
−
                    <li class="nav-header">Lab</li>
 
  
−
                  <!-- <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>-->
 
−
<li><a href="/Team:Dundee/Project/MopMaking">Making the Mop</a></li>
 
−
<li><a href="/Team:Dundee/Project/MopQuantifying">Quantifying the Mop</a></li>
 
−
<li><a href="/Team:Dundee/Project/MopTesting">Testing the Mop</a></li>
 
−
                    <li><a href="/Team:Dundee/Project/Detector">Detector - EnvZ </a></li>
 
−
                    <li><a href="/Team:Dundee/Project/ReporterOmpC">Reporter <i>ompC-GFP</i> </a></li>
 
−
                    <li class="divider"></li>
 
−
                    <li class="nav-header">Modelling </li>
 
  
−
                    <!--<li><a href="/Team:Dundee/Project/MathTheory">Modelling Theoryy</a></li>-->
+
      $('#nav .navbar-nav li>a').click(function(){
−
                    <li><a href="/Team:Dundee/Project/DetectionComparison">Detection Time</a></li>
+
  var link = $(this).attr('href');
−
                    <li><a href="/Team:Dundee/Project/PP1Capacities">PP1 Packing</a></li>
+
  var posi = $(link).offset().top+20;
−
                    <li><a href="/Team:Dundee/Project/ProductionExport">Production & Export </a></li>
+
  $('body,html').animate({scrollTop:posi},700);
−
                    <li><a href="/Team:Dundee/Project/NetlogoDoc">Mop Simulation</a></li>
+
})
  
−
                    <li class="divider"></li>
+
     </script>
−
                    <li class="nav-header">Software & Hardware</li>
+
−
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Moptopus</a></li>
+
−
                  <li><a href="/Team:Dundee/Project/NetlogoSec">Sec Simulation Applet</a></li>
+
−
                  <li><a href="/Team:Dundee/Project/NetlogoTat">Tat Simulation Applet </a></li>
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li><a href="/Team:Dundee/Parts/Ourbiobricks">Our Biobricks</a></li>
+
−
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
                <li><a href="/Team:Dundee/Safety">Safety</a></li>
+
−
 
+
−
<li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
+
−
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
+
−
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
+
−
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
−
                    <li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Social Media</li>
+
−
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
+
−
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
+
−
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</a></li>
+
−
                    <li><a href="https://github.com/iGEMTeamDundee/ToxiMop">GitHub</a></li>
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <!--<sup>*new</sup>--><b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
 
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Commercialisation ">
+
−
 
+
−
Commercialisation
+
−
<div style=" 
+
−
     font-size: 100%;
+
−
    font-weight: bold;
+
−
    line-height: 1;
+
−
    color: rgb(66, 139, 202);
+
−
    text-align: center;
+
−
    white-space: nowrap;
+
−
    vertical-align: baseline;
+
−
    display: inline;">
+
−
  <sup>*New</sup></div>
+
−
 
+
−
</a></li>
+
−
 
+
−
                    <li><a href="/Team:Dundee/HumanPractice/MoptopusCommercialisation ">
+
−
Moptopus
+
−
<div style="   
+
−
    font-size: 75%;
+
−
    font-size: 100%;
+
−
    font-weight: bold;
+
−
    line-height: 1;
+
−
    color: rgb(66, 139, 202);
+
−
    text-align: center;
+
−
    white-space: nowrap;
+
−
    vertical-align: baseline;
+
−
    display: inline;">
+
−
  <sup>*New</sup></div>
+
−
 
+
−
</a></li>
+
−
 
+
−
<li><a href="/Team:Dundee/HumanPractice/MediaCoverage">Media Coverage</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</a></li>
+
−
<li><a href="/Team:Dundee/HumanPractice/MediaCoverage">Media Coverage</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
+
−
                    <!--<li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>-->
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
+
−
 
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Media</li>
+
−
                    <li><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
+
−
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Comic">Comic</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Game">Video Game</a></li>
+
−
<li><a href="/Team:Dundee/Digi-Poster">Digital Poster</a></li>
+
−
 
+
−
                   
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
               
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attributions <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
+
−
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
             
+
−
 
+
−
              </ul>
+
−
            </div><!--/.nav-collapse -->
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
  
 
</html>
 
</html>

Revision as of 15:11, 20 July 2016