Team:BUCT-China/small-dialogpj3

<html>
<style type="text/css">
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
{ display:none; }
#globalWrapper {
 padding:0; top:0px;
margin:0px;
font-size:100%;
position:absolute;
top:0px;
left:0px;
 }

#top-section{
height:0px;
border:none;
width:100%; }

#content{
width:100%!important;
border-left:none; border-right: none;
padding:1px 0px 0px 0px!important;
background-color:#f7f7f5;
height:0px;
}

#contentSub {
    position:absolute;
}

#menubar {
position:absolute;
top: -30px;
line-height: 1em; 
font-family: sans-serif; 
font-size: 95%; 
white-space: nowrap;
z-index: 200;

}
#menubar:hover{
background-color: #555;
top:0px;
}
.right-menu {
position:absolute;
width:1500px;
right:100px;
height:30px;
font-size:14px;
color:#999;
text-align: right; 
text-transform: lowercase;
}

.right-menu:hover {
color: white;
background-color: #555;
}
.right-menu li{
	float:left;
}
.right-menu li a{
color:#ccc;
background-color: transparent;
text-decoration:none;
}

.right-menu li a:hover{
text-decoration:none;
color:white;
}

.left-menu {
height:30px;
left: 0px;
text-align: left; 
color: transparent; 
text-transform: lowercase;
padding-left:20px;
}

.left-menu a {
	left: 0px; text-align: left; color: transparent; text-transform: lowercase; font-size:14px;
}
.left-menu:hover {
	color: white; background-color: rgb(85, 85, 85);
}

.left-menu li a{
color:#FFF;

text-decoration:none;
}

.left-menu li {
color: transparent;float:left; margin-right:10px;
}

.left-menu li a:hover{
text-decoration:none;
}

.menubar ul,li{ list-style:none; margin-bottom:0 !important;}


</style>

</html>


<html>
<head>
<title>BUCT-CHINA</title>
<link href="https://2014.igem.org/Wiki/buct/style.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
<!--<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.min.js?action=raw"></script>
<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.magnific-popup.js?action=raw"></script>
	 	<!---strat-slider---->
	    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/slider.css?action=raw&amp;ctype=text/css" />
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/modernizr.custom.28468.js?action=raw"></script>
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.cslider.js?action=raw"></script>
			<script type="text/javascript">
				$(function() {
				$('#da-slider').cslider({
						autoplay	: true,
						bgincrement	: 450
				});
				
				});
			</script>
		<!---//strat-slider---->
		 <!-- scroll -->
		 <script type="text/javascript">
			$(document).ready(function() {
			
				var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
		 		};
				
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		 <!-- //scroll -->	
			<!-- start portfolios -->
 <!--<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all" />-->
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/fliplightbox.min.js?action=raw"></script>
		<script type="text/javascript">
			$('body').flipLightBox()
		</script>
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.easing.min.js?action=raw"></script>
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.mixitup.min.js?action=raw"></script>
		<script type="text/javascript">
			$(function() {

				var filterList = {

					init : function() {

						// MixItUp plugin
						// http://mixitup.io
						$('#portfoliolist').mixitup({
							targetSelector : '.portfolio',
							filterSelector : '.filter',
							effects : ['fade'],
							easing : 'snap',
							// call the hover effect
							onMixEnd : filterList.hoverEffect()
						});

					},

					hoverEffect : function() {

						// Simple parallax effect
						$('#portfoliolist .portfolio').hover(function() {
							$(this).find('.label').stop().animate({
								bottom : 0
							}, 200, 'easeOutQuad');
							$(this).find('img').stop().animate({
								top : -40
							}, 500, 'easeOutQuad');
						}, function() {
							$(this).find('.label').stop().animate({
								bottom : -40
							}, 200, 'easeInQuad');
							$(this).find('img').stop().animate({
								top : 0
							}, 300, 'easeOutQuad');
						});
					}
				};

				// Run the show!
				filterList.init();

			});
		</script>
	<!-- popup -->
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/magnific-popup1.css?action=raw&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/magnific-popup.css?action=raw&amp;ctype=text/css">
<script src="" type="text/javascript"></script>
				
<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.lightbox.js?action=raw"></script>
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/lightbox.css?action=raw&amp;ctype=text/css" media="screen" />
  <script type="text/javascript">
    $(function() {
        $('#portfoliolist a').lightBox();
    });
   </script>
 <!-- nav -->  
<script type="text/javascript" 	src="https://2014.igem.org/Wiki/buct/jquery.smint.js?action=raw"></script>
<script type="text/javascript">
$(document).ready( function() {
    $('.subMenu').smint({
    	'scrollSpeed' : 1000
    });
});
</script>
<script>
window.addEventListener("load",function() {
  setTimeout(function(){
    window.scrollTo(0, 1);
  }, 0);
});</script>
</head>
<body>


     <div class="services sTop" id="services">
<div>
                      <img src="https://static.igem.org/mediawiki/2014/a/a6/ProjectComments.png" alt="" align="absmiddle" /><p></p></div>
		  	<div class="wrap">

		  		<h3>PROJECT</h3>
				
  <div id="small-dialogpj1" name="small-dialogpj1" class="" >
						<div style="background-color:#FFF">
							<div class="payment-online-form-left">
                                 <h1 style="font-size:44px; top:30px; text-align: center;"><b>Device</b></h1>
							</div>
                                 
                                  <hr>
								<p></p>
                             
                              <p style="text-align:center; color:#333; font-size:20px"><img src="https://static.igem.org/mediawiki/2014/4/4f/All.png" alt="" align="absmiddle" /></p>
                               
                                <p style="text-align:left; color:#333; font-size:20px">This device includes two parts, one of them is physical instrument and the other is matched software.</p>
 <p style="text-align:left; color:#333; font-size:20px">Our device matched experimental detection is consists of fourteen parts, including bottom plat, guide rail, chip slot, motor cabinet, toothed belt, driving wheel, driven wheel, testing scaffold, LED support, control, light barrier, hemispheroid, miniature photoelectric switch, article shading, etc. </p>
<p style="text-align:left; color:#333; font-size:20px">The graphical representation will clarify the principle of how this device works. </p>
<p style="text-align:center; color:#333; font-size:20px"><img src="https://static.igem.org/mediawiki/2014/a/a4/Device.png" alt="" align="absmiddle" /></p>
<p style="text-align:left; color:#333; font-size:20px">Step1: Bioluminescence, mostly depends on the reporter genes varies as gfp, rfp, yfp etc;</p>
<p style="text-align:left; color:#333; font-size:20px">Step2:Collecting lights: in this part, we use a photo dyed(PD) to collect light intensity data then transform it into electricity (nA). Here we need a illuminant to motivate the chassis bacteria to produce bioluminescence in our comprehensive detection in E.coli; because our recombinant bioluminescent E.coli is transmitted into a plasmid with luxAB to produce blue-green light itself so there is no need to add an outer illuminant. On the contrary, as for another specific detection, an additional illuminant is necessary. It is worth noting that we use LED (385nm) as stimulant. Consequently, the following circuits will transform electricity into voltage for the range of 0-10V. </p>
<p style="text-align:left; color:#333; font-size:20px">Step3：Operational amplifier. It is an OP-AMP precision and the model is OPA602AU.</p>
<p style="text-align:left; color:#333; font-size:20px">Step4: Second-order active low-pass filter. It will complete signal processing .</p>
<p style="text-align:left; color:#333; font-size:20px">Step5: Analog digital conversion(ADC),type is AD7707. Through this process, the analog signal will exist in a digital way.</p>
<p style="text-align:left; color:#333; font-size:20px">Step6: Single Chip Microcomputer. Digital signal will come into play. It will be linked to a computer by serial ports. </p>
<p style="text-align:center; color:#333; font-size:20px"><img src="https://static.igem.org/mediawiki/2014/8/84/Xinp.jpg" alt="" align="absmiddle" /></p>
<p style="color:#333; font-size:15px; italic">Figure: The structure of matched chips which are used in our device.   </p>
<p style="text-align:center; color:#333; font-size:20px"><img src="https://static.igem.org/mediawiki/2014/1/14/Softw.jpg" alt="" align="absmiddle" /></p>
<p style="color:#333; font-size:15px; italic">Figure:The software we designed to match with our device .        </p>
<p style="text-align:left; color:#333; font-size:20px">The device has been tested using rhodamine B. Following figure is the sensitivity curve. The detection limit is lower than 1ng/ml. 
</p>
<p style="text-align:center; color:#333; font-size:20px"><img src="https://static.igem.org/mediawiki/2014/3/37/Shiyan.jpg" alt="" align="absmiddle" /></p>
<p style="text-align:center; color:#333; font-size:20px"><img src="https://static.igem.org/mediawiki/2014/1/11/Xiaxian.JPG" alt="" align="absmiddle" /></p>
<p style="color:#333; font-size:15px; italic">Figure:Sensitivity curve </p>
                <div class="cart1">
											<div class="span3"><a href="https://2014.igem.org/Team:BUCT-China">
											<k>RETURN</k></a>
										</div>	
										</div>                
                      </div>
 
</div>

</div>