Team:Dundee/Template/header

From 2014.igem.org

(Difference between revisions)
 
(178 intermediate revisions not shown)
Line 4: Line 4:
     <title>Dundee 2014</title>
     <title>Dundee 2014</title>
-
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      
   <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
   <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
-
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> 
 
      
      
-
   
 
-
    <!-- <link href = "css/bootstrap.css" rel = "stylesheet"> -->
 
-
<!-- <link href = "css/styles.css" rel = "stylesheet">  -->
 
     <!-- Fav and touch icons -->
     <!-- Fav and touch icons -->
Line 20: Line 16:
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
 +
<style>
 +
.scrollable-menu {
 +
    height: auto;
 +
    max-height: 500px;
 +
    overflow-x: hidden;
 +
}
 +
</style>
 +
 +
  <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
</head>
</head>
<body>
<body>
-
    <!-- Part 1: Wrap all page content here -->
+
<div class = "navbar navbar-custom navbar-fixed-top">
-
    <div id="wrap">
+
  <div class="container-fluid">
-
 
+
-
      <!-- Fixed navbar -->
+
-
      <div class="navbar navbar-fixed-top">
+
-
        <div class="navbar-inner">
+
-
 
+
-
          <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">
+
-
              <ul class="nav">
+
-
                <li class="active"><a href="/Team:Dundee">Home</a></li>
+
-
 
+
-
 
+
-
 
+
-
                <li class="dropdown">
+
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Overviews <b class="caret"></b></a>
+
-
                  <ul class="dropdown-menu">
+
-
                      <li><a href="/Team:Dundee/Project"> ToxiMop Project </a></li>
+
-
                      <!--<li><a href="/Team:Dundee/Project/LabOverview">Lab </a></li>-->
+
-
                      <li><a href="/Team:Dundee/Project/MathOverview">Modelling </a></li>
+
-
                      <li><a href="/Team:Dundee/Project/NetlogoIntro">Mop Simulation</a></li>
+
-
                    <li><a href="/Team:Dundee/HumanPractice">Human Practice </a></li>
+
-
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
+
-
                  </ul>
+
-
                </li>
+
-
 
+
-
 
+
-
             
+
-
                <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>-->
+
    <!-- Brand and toggle get grouped for better mobile display -->
-
<li><a href="/Team:Dundee/Project/MopMaking">Making the Mop</a></li>
+
    <!--button toggle-->
-
<li><a href="/Team:Dundee/Project/MopQuantifying">Quantifying the Mop</a></li>
+
    <div class="navbar-header">
-
<li><a href="/Team:Dundee/Project/MopTesting">Testing the Mop</a></li>
+
      <button class = "navbar-toggle" data-toggle = "collapse" data-target="#navBarContent">
-
                    <li><a href="/Team:Dundee/Project/Detector">Detector - EnvZ </a></li>
+
        <span class="sr-only">Toggle navigation</span>
-
                    <li><a href="/Team:Dundee/Project/ReporterOmpC">Reporter <i>ompC-GFP</i> </a></li>
+
        <span class="icon-bar"></span>
-
                    <li class="divider"></li>
+
        <span class="icon-bar"></span>
-
                    <li class="nav-header">Modelling </li>
+
        <span class="icon-bar"></span>
 +
      </button>
-
                    <!--<li><a href="/Team:Dundee/Project/MathTheory">Modelling Theoryy</a></li>-->
+
      <!-- Branding -->
-
                    <li><a href="/Team:Dundee/Project/DetectionComparison">Detection Time</a></li>
+
      <a class="navbar-brand" href="https://igem.org" style="padding:0px 15px;width:100px;height:50px;"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/2014/3/3a/CustLogo.png"></a>
-
                    <li><a href="/Team:Dundee/Project/PP1Capacities">PP1 Packing</a></li>
+
        <a href="/Team:Dundee" class="navbar-brand" style="padding-left:70px;">Dundee 2014</a>
-
                    <li><a href="/Team:Dundee/Project/ProductionExport">Production & Export </a></li>
+
    </div>
-
                    <li><a href="/Team:Dundee/Project/NetlogoDoc">Mop Simulation</a></li>
+
-
                    <li class="divider"></li>
+
    <!-- navHeaderCollapse  is an id, button above targets by name!-->
-
                    <li class="nav-header">Software & Hardware</li>
+
<div class="collapse navbar-collapse" id="navBarContent">
-
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Moptopus</a></li>
+
<ul class = "nav navbar-nav">
-
                  <li><a href="/Team:Dundee/Project/NetlogoSec">Sec Simulation Applet</a></li>
+
 
-
                  <li><a href="/Team:Dundee/Project/NetlogoTat">Tat Simulation Applet </a></li>
+
<li> <a href="#" id="info">Site Information</a></li>
-
                  </ul>
+
-
                </li>
+
-
                <li class="dropdown">
+
<li class = "dropdown">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
+
<a href="'#" class="dropdown-toggle" data-toggle = "dropdown">Policy & Practice<b class="caret"></b></a>
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Parts/Ourbiobricks">Our Biobricks</a></li>
+
<ul class="dropdown-menu">
-
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
+
<li class="nav-header "><i><u>Bulletin Board</u></i></li>
-
                  </ul>
+
-
                </li>
+
-
                <li><a href="/Team:Dundee/Safety">Safety</a></li>
+
        <li><a href="/Team:Dundee/policypractice/experts">Policy & Practice</a></li>
 +
<li><a href="/Team:Dundee/policypractice/clinic">Cystic Fibrosis Stories</a></li>
 +
<li><a href="/Team:Dundee/policypractice/mt">Media and Talks</a></li>
 +
<li><a href="/Team:Dundee/policypractice/fundraising">Fundraising</a></li>
 +
 +
</ul>
 +
</li>  
-
<li class="dropdown">
+
<li class = "dropdown">
-
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
+
<a href="'#" class="dropdown-toggle" data-toggle = "dropdown">Project<b class="caret"></b></a>
-
                  <ul class="dropdown-menu">
+
-
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
+
<ul class="dropdown-menu scrollable-menu" role="menu">
-
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
+
<!--Project pages-->
-
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
+
<li class="nav-header "><i><u>School</u></i></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 ">
+
<li class="nav-header ">Project</li>
 +
<li><a href="/Team:Dundee/Project/CF">Cystic Fibrosis</a></li>
 +
<li><a href="/Team:Dundee/Project/lungRanger">Polymicrobial Infection in the CF lung</a></li>
 +
<li><a href="/Team:Dundee/Project/Aims">The Lung Ranger</a></li>
 +
<li><a href="/Team:Dundee/Project/pqs">PQS Sensor</a></li>
 +
<li><a href="/Team:Dundee/Project/PAI-1">PAI-1 Sensor</a></li>
 +
<li><a href="/Team:Dundee/Project/bdsf">BDSF Sensor</a></li>
 +
<li><a href="/Team:Dundee/Project/dsf">DSF Sensor</a></li>
-
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 class="nav-header">Modelling</li>
 +
<li><a href="/Team:Dundee/Modeling/introduction">Introduction</a></li>
 +
<li><a href="/Team:Dundee/Modeling/pqs">Modelling: PQS</a></li>
 +
<li><a href="/Team:Dundee/Modeling/bdsf">Modelling: BDSF</a></li>
 +
<li><a href="/Team:Dundee/Modeling/dsf">Modelling: DSF</a></li>
 +
<li><a href="/Team:Dundee/Modeling/netlogo">NetLogo</a></li>
-
                    <li><a href="/Team:Dundee/HumanPractice/MoptopusCommercialisation ">
+
<li class="nav-header">Implementation</li>
-
Moptopus
+
<li><a href="/Team:Dundee/Implementation/introduction">L.A.S.S.O.</a></li>
-
<div style="  
+
<li><a href="/Team:Dundee/Implementation/methodology">Methodology</a></li>
-
    font-size: 75%;
+
<li><a href="/Team:Dundee/Implementation/lasso">Hardware</a></li>
-
    font-size: 100%;
+
<li><a href="/Team:Dundee/Implementation/lassoInterface">Software</a></li>
-
    font-weight: bold;
+
<li><a href="/Team:Dundee/Implementation/realWorld">Out in the real world</a></li>
-
    line-height: 1;
+
<li><a href="/Team:Dundee/Implementation/financial">Quantified Impact</a></li>
-
    color: rgb(66, 139, 202);
+
<li><a href="/Team:Dundee/Implementation/future">Future</a></li>
-
    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>
+
</ul>
-
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</a></li>
+
</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 class = "dropdown">
-
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
+
<a href="'#" class="dropdown-toggle" data-toggle = "dropdown">Log Book<b class="caret"></b></a>
-
                    <!--<li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>-->
+
-
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
+
<ul class="dropdown-menu">
 +
<li class="nav-header "><i><u>Library</u></i></li>
 +
<li><a href="/Team:Dundee/Safety">Safety & Protocols</a></li>
 +
<li><a href="/Team:Dundee/Notebook">Notebook</a></li>
 +
<li><a href="/Team:Dundee/famAlbum">Family Album</a></li>
 +
       
 +
</ul>
 +
</li>
 +
<li class = "dropdown">
 +
<a href="'#" class="dropdown-toggle" data-toggle = "dropdown">iGEM Community<b class="caret"></b></a>
 +
 +
<ul class="dropdown-menu">
 +
<li class="nav-header "><i><u>Saloon</u></i></li>
 +
<li><a href="/Team:Dundee/Team">Team</a></li>
 +
<li><a href="/Team:Dundee/Attributions">Attributions</a></li>
 +
<li><a href="/Team:Dundee/collaborations">Collaboration</a></li>
 +
                        <li><a href="/Team:Dundee/medals">Medal Fulfillment</a></li>
 +
 +
 +
</ul>
 +
</li> 
 +
   
 +
  <li><a href="https://2014.igem.org/Team:Dundee/Parts">Parts</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>
 
-
                   
+
<li class = "dropdown">
-
                  </ul>
+
<a href="'#" class="dropdown-toggle" data-toggle = "dropdown">Contact the team<b class="caret"></b></a>
-
                </li>
+
-
               
+
<ul class="dropdown-menu">
-
                <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>
+
 +
<li> <a href="https://igem.org/Team.cgi?year=2014&team_name=Dundee">Team Page</a></li>
 +
<li><a href="https://www.facebook.com/igemdundee2014">Facebook</a></li>
 +
<li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
-
             
+
</ul>
 +
</li>
 +
</ul>
 +
</div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</div>
-
              </ul>
 
-
            </div><!--/.nav-collapse -->
 
-
          </div>
 
-
        </div>
 
-
      </div>
 
</body>
</body>
</html>
</html>

Latest revision as of 01:18, 18 October 2014

Dundee 2014