Team:Fudan Lux/project introduction

<html class="csstransforms csstransforms3d csstransitions">


<style type="text/css">
	<!--
	#BODY { background-color:white;
                background-image:none;}
	#p-logo {height:0px;
						overflow:hidden;
						display:none;
					}
	
	#top-section{height:20px;
							margin-top: 0; 
              margin-left: auto; 
              margin-right: auto; 
              margin-bottom: 0!important;
              margin-bottom: 10px; 
              padding:0; 
              border:none;
              background:#CCCCCC;
							}
	#footer-box { display: none;}	
        #menu{background: 
hsl(200, 85%, 80%);}					
	#catlinks { display: none;}
	#search-controls {display: none;}	
	#siteSub {display:none;}	
	.firstHeading{display: none;}
	
border-left: 0px;
border-right: 0px;
}
	-->
</style>







<head>
		<meta charset="utf-8">
		<title>NOVA</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen">
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
		<![endif]-->
		<!-- ENDS CSS -->	
		
		<!-- GOOGLE FONTS 
		<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
		
		<!-- JS -->
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
		
		<!-- Isotope -->
		<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
		
		<!--[if IE]>
			<script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
			<script>
	      		/* EXAMPLE */
	      		//DD_belatedPNG.fix('*');
	    	</script>
		<![endif]-->
		<!-- ENDS JS -->
		
		
		<!-- Nivo slider -->
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
		<script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
		<!-- ENDS Nivo slider -->
		
		<!-- tabs -->
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
  		<!-- ENDS tabs -->
  		
  		<!-- prettyPhoto -->
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
		<!-- ENDS prettyPhoto -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css"> 
		<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css"> 
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script>
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css">
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css">
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css"> 
		<script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script> 
		<!-- ENDS Tweet -->
		
		<!-- Fancybox -->
		<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
		<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<!-- ENDS Fancybox -->
		
		

	<style id="poshytip-css-tip-twitter" type="text/css">div.tip-twitter{visibility:hidden;position:absolute;top:0;left:0;}div.tip-twitter table, div.tip-twitter td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-twitter td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-twitter td.tip-right{background-position:100% 0;}div.tip-twitter td.tip-bottom{background-position:100% 100%;}div.tip-twitter td.tip-left{background-position:0 100%;}div.tip-twitter div.tip-inner{background-position:-10px -10px;}div.tip-twitter div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style><style id="poshytip-css-tip-yellowsimple" type="text/css">div.tip-yellowsimple{visibility:hidden;position:absolute;top:0;left:0;}div.tip-yellowsimple table, div.tip-yellowsimple td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-yellowsimple td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-yellowsimple td.tip-right{background-position:100% 0;}div.tip-yellowsimple td.tip-bottom{background-position:100% 100%;}div.tip-yellowsimple td.tip-left{background-position:0 100%;}div.tip-yellowsimple div.tip-inner{background-position:-10px -10px;}div.tip-yellowsimple div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style></head>
	
	<body class="home">

			<!-- HEADER -->
			<div id="header">
				<!-- wrapper-header -->
				<div class="wrapper">
					<a href="https://2012.igem.org/Team:Fudan_Lux"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
					  <!-- search -->
    <div class="top-search">
      <form method="get" id="searchform" action="https://2012.igem.org/Special:Search">
        <div>
          <input type="text" value="Search..." name="search" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)">
          <input type="submit" id="searchsubmit" value=" ">
        </div>
      </form>
    </div>
    <!-- ENDS search --> 
				</div>
				<!-- ENDS wrapper-header -->					
			</div>
			<!-- ENDS HEADER -->
			
			
			<!-- Menu -->
			<div id="menu" style="background:#A1DAF7;">
			
			
			
				<!-- ENDS menu-holder -->
				<div id="menu-holder">
					<!-- wrapper-menu -->
					<div class="wrapper">
						<!-- Navigation -->
						<ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
							<li ><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
							<li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
								
							</li>
							<li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; ">
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>

<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>

<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">Project Bacto-Trafficking</a></li>

<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
</ul>
</li>
							<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts   <span class="subheader">Showcase</span></a></li>
							
							<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li>
						<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
<ul style="display: none; visibility: hidden; ">

<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
<li><a href=“https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
</ul>
</li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a>
								
							</li></ul>
						<!-- Navigation -->
					</div>
					<!-- wrapper-menu -->
				</div>
				<!-- ENDS menu-holder -->
			</div>
			<!-- ENDS Menu -->
			
			

			
			<!-- MAIN -->
			<div id="main">
				<!-- wrapper-main -->
				<div class="wrapper">
					
					
					<!-- content -->
					<div id="content">
						
						<!-- title -->
						<div id="page-title">
							<span class="title">Project</span>
							<span class="subtitle">We have some really cool staff to show you!</span>
						</div>
						<!-- ENDS title -->
						
						<!-- Posts -->
						<div id="posts">
						
							<!-- post -->
							<div class="post">
								<h1><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></h1>
								
								
								<!-- shadow -->
								<div class="thumb-shadow">
								
									<!-- post-thumb -->
									<div class="image">
										
										<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave" class="cover"><video src="https://static.igem.org/mediawiki/2012/3/33/Biowave_logo.mov" autoplay="autoplay"  ><img src="https://static.igem.org/mediawiki/2012/2/29/Biowave_logo.png" alt="image"></img></video></a>
									</div>
									<!-- ENDS post-thumb -->
									<p></p>
									<div class="the-excerpt">
										<p class="dropcap">As is known to all, negative feedback and time lag can cause oscillation in a pure physical system, such as sounds formed by oscillating air molecules and ripples produced via stirring water. What if the particles of wave are bacteria? In this project, we want to utilize a biological system with the properties of negative feedback and time-lapse to form a macroscopic wave-like pattern that could be visualized by the naked eye. Which the system is made by two parts: the light generator and the light sensor. When the light, which generated by the light generator, is strong enough that could be sensed by the light sensor. The sensor protein could repress the expression of light generator. This signal pathway, which based on light, makes the negative feedback. And the expression of light generator makes the time lag. We believe that with the limited spread of light on the colored plat medium, light output of the bacteria could make a biowave. This is the very first time that bacteria using light as an extracellular signal in synthetic biology. And the form of the oscillation pattern could help us explain a lot of biological problem, like the development of fingers and tones.</p>
									</div>		
									<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave" class="read-more link-button"><span>Read more</span></a>	
								
								</div>
								<!-- ENDS shadow -->
							</div>
							<!-- ENDS post -->
							
							<!-- post -->
							<div class="post">
								<h1><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">Nanotube</a></h1>
								
								
								<!-- shadow -->
								<div class="thumb-shadow">
								
									<!-- post-thumb -->
									<div class="post-thumbnail">
										<!-- meta -->
										<ul class="meta">
											<li><strong>Posted on</strong> Dec 27th 2011 </li>
											<li><strong>By</strong> <a href="#">Ansimuz</a></li> 
											<li> <strong>Posted in</strong> 
												<div class="meta-tags">
													<a href="#">Webdesign</a>
													<a href="#">Code</a>
													<a href="#">Photo</a>
												</div>
											</li>
										</ul>
										<!-- ENDS meta -->
										<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube" class="cover"><img src="img/dummies/596x270.gif"  alt="Feature image" /></a>
									</div>
									<!-- ENDS post-thumb -->
									
									<div class="the-excerpt">
										Project Bacto-Trafficking The second project of Team Fudan-Lux is about constructing a brand-new biological model using a recently discovered cellular structure termed Tunneling Nanotubes(TNT) and bacteria containing the green fluorescence protein. By inducing and stabilizing TNTs between certain types of malignant tumor cells, a cellular network could be obtained. Then the bacteria containing GFP is introduced into the tumor cells by microinjection. By doing so, a new type of biological system is created. More importantly, what we want to study here, is the behavior of the injected bacteria within the tumor cells. Since TNTs formed between cells act as super highways for material transportation, bacteria thus can move from one cell to another via TNTs. Given the condition that bacteria would tend to choose the most suitable place for them to live in, in the least energy-consuming way, a distribution pattern thus can be obtained which have the characteristic of the least increase of entropy. By building such a model, we want to simulate certain types of problems in the real life that can’t be solved by simple computation, e.g. traffic jams between cities, and provide solutions to them.
									</div>		
									<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube" class="read-more link-button"><span>Read more</span></a>	
								
								</div>
								<!-- ENDS shadow -->
							</div>
							<!-- ENDS post -->
		
						</div>
						<!-- ENDS Posts -->	
						
						
						<!-- sidebar -->
						<ul id="sidebar">
							<!-- init sidebar -->
							<li>
								<h6>Biowave</h6>		
								<ul>
									<li class="cat-item"><a href="#" title="View all posts">Background</a></li>
									<li class="cat-item"><a href="#" title="View all posts">Introduction</a></li>
									<li class="cat-item"><a href="#" title="View all posts">Model Design</a></li>
									<li class="cat-item"><a href="#" title="View all posts">Light sensor</a></li>
                                                                        <li class="cat-item"><a href="#" title="View all posts">Application</a></li>
								</ul>
							</li>	
							
							<li style="margin-top:480px">
								<h6>Bacto-Trafficking</h6>		
								<ul>
									<li class="cat-item"><a href="#" title="View all posts">Introduction</a></li>
									<li class="cat-item"><a href="#" title="View all posts">Methods</a></li>
									<li class="cat-item"><a href="#" title="View all posts">Results</a></li>
									<li class="cat-item"><a href="#" title="View all posts">Prospective</a></li>
								</ul>
							</li>
							<!-- ENDS init sidebar -->
						</ul>
						<!-- ENDS sidebar -->
		
						<!-- pagination -->	
						<div class="clear"></div>
						
						<!-- ENDS pagination -->
		
					</div>
					<!-- ENDS content -->

				</div>
				<!-- ENDS wrapper-main -->
			</div>
			<!-- ENDS MAIN -->
			
		<!-- Twitter -->
			<div id="twitter">
			
			</div>
			<!-- ENDS Twitter -->

			
			<!-- FOOTER -->
			<div id="footer">
				<!-- wrapper-footer -->
				<div class="wrapper">
					<!-- footer-cols -->
					<ul id="footer-cols">
						
						
						
						<li class="col">
							<h6>About the Team</h6>
							He he he he!
						</li>
						
					</ul>
					<!-- ENDS footer-cols -->
				</div>
				<!-- ENDS wrapper-footer -->
			</div>
			<!-- ENDS FOOTER -->
		
		
			<!-- Bottom -->
			<div id="bottom">
				<!-- wrapper-bottom -->
				<div class="wrapper">
					<div id="bottom-text">All rights reserved. Tempalate Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div>
					<!-- Social -->
					
					<!-- ENDS Social -->
					<div id="to-top" class="poshytip" title="To top"></div>
				</div>
				<!-- ENDS wrapper-bottom -->
			</div>
			<!-- ENDS Bottom -->