Difference between revisions of "Team:Exeter/revised"

 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
 +
</head>
  
<!-- Bootstrap Core CSS -->
+
    <!-- Bootstrap Core CSS -->
 
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
Line 16: Line 19:
  
 
     <link href="https://2015.igem.org/Team:Exeter/lib/jquery.bxslider.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2015.igem.org/Team:Exeter/lib/jquery.bxslider.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<script>
 
// Hide Header on on scroll down
 
var didScroll;
 
var lastScrollTop = 0;
 
var navbarHeight = $('nav').outerHeight();
 
 
$(window).scroll(function(event){
 
    didScroll = true;
 
});
 
 
setInterval(function() {
 
    if (didScroll) {
 
        hasScrolled();
 
        didScroll = false;
 
    }
 
}, 250);
 
 
function hasScrolled() {
 
    var st = $(this).scrollTop();
 
   
 
    // If they scrolled down and are past the navbar, add class .nav-up.
 
    // This is necessary so you never see what is "behind" the navbar.
 
    if (st > lastScrollTop && st > navbarHeight){
 
        // Scroll Down
 
        $('.navbar-collapse').addClass('navbar-fixed-top').addClass('nav-up');
 
    } else {
 
        // Scroll Up
 
        if(st + $(window).height() < $(document).height()) {
 
            $('.navbar-collapse').addClass('navbar-fixed-top').removeClass('nav-up');
 
        }
 
    }
 
   
 
    lastScrollTop = st;
 
}
 
</script>
 
  
 
<style type="text/css">
 
<style type="text/css">
 
#bodycontent {
 
    padding-top: 100px;
 
}
 
.navbar-fixed-top {
 
    height: 100px;
 
    position: fixed;
 
    top: 0;
 
}
 
.nav-up {
 
top:-100px;
 
}
 
 
 
 
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
 
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
 
#content {width:100%; border:none;}
 
#content {width:100%; border:none;}
Line 161: Line 114:
 
   margin-top:105px;
 
   margin-top:105px;
 
   background-color:#FFFFFF;
 
   background-color:#FFFFFF;
 +
  top:500px;
 +
  position:relative;
 
}
 
}
 
.navbar-default {
 
.navbar-default {
Line 172: Line 127:
 
   box-shadow:0px 10px 10px #888888;
 
   box-shadow:0px 10px 10px #888888;
 
   border-radius:0px;
 
   border-radius:0px;
 +
  /*opacity:0.9;*/
 
}
 
}
 
/* Nav Button Style */
 
/* Nav Button Style */
Line 302: Line 258:
 
}
 
}
 
.navbar-header {
 
.navbar-header {
     height:100px;
+
     height:150px;
 
}
 
}
 
}
 
}
Line 439: Line 395:
 
     -webkit-padding-start: 0;}
 
     -webkit-padding-start: 0;}
  
 +
 +
/*ScrollUp*/
 +
#bodycontent {
 +
    padding-top: 100px;
 +
}
 +
 +
.navbar-fixed-top {
 +
    height: 100px;
 +
    position: fixed;
 +
    top: 0px;
 +
    transition: top 0.2s ease-in-out;
 +
}
 +
 +
.nav-up {
 +
top:-100px;
 +
}
 
</style>
 
</style>
 +
 +
<script>
 +
$(document).ready(function() {
 +
 
 +
  $(window).scroll(function () {
 +
      //if you hard code, then use console
 +
      //.log to determine when you want the
 +
      //nav bar to stick. 
 +
      console.log($(window).scrollTop())
 +
    if ($(window).scrollTop() > 182) {
 +
      $('.navbar-collapse').addClass('navbar-fixed-top');
 +
    }
 +
    if ($(window).scrollTop() < 183) {
 +
      $('.navbar-collapse').removeClass('navbar-fixed-top');
 +
    }
 +
  });
 +
});
 +
</script>
  
 
<div id="wrapper">
 
<div id="wrapper">
<nav class="navbar navbar-default">
 
  <div class="container-fluid">
 
    <!-- Brand and toggle get grouped for better mobile display -->
 
 
     <div class="navbar-header">
 
     <div class="navbar-header">
 
       <button id="collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 
       <button id="collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
Line 550: Line 537:
 
     </li>
 
     </li>
 
       </ul><!-- /.navbar-nav -->
 
       </ul><!-- /.navbar-nav -->
     </div><!-- /.navbar-collapse -->
+
     </div><!-- /.navbar-collapse -->      
  </div><!-- /.container-fluid -->
+
</nav>       
+
  
 
                 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
                 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
Line 838: Line 823:
 
</div>
 
</div>
 
</html>
 
</html>
{{Exeterfooter}}
 

Latest revision as of 12:59, 28 August 2015

Welcome to Exeter iGEM 2015!

Project Description

The primary aim of our project is to design a toehold switch (a type of riboregulator) with the potential to detect any given RNA sequence, and to standardise it into a BioBrick for the future use by other iGEM teams.

Tuberculosis in cattle is a problem local to our region, Devon, causing devastating economic and personal losses to farmers in the dairy and beef industries. Therefore, the immediate application of our project is the detection of Mycobacterium bovis, the causative agent of tuberculosis in cattle, in a safe, low-tech and cost-effective manner.

In order to make this a simple test which can be used in the field, we are aiming to express it as a cell-free system. We hope to use a chromoprotein as an indicator, and subsequently characterise it for use in cell-free systems.

Keep updated on our progress on our diary

Contact us at exeterigem@gmail.com

TOP ^