Difference between revisions of "Team:Fudan-TSI"

Revision as of 21:34, 21 October 2019

Construct your own mutation library

Mutation is the ever-powerful tool bringing diversity to the world and leading the way of evolution. Mutation library generation is critical for biological and medical research. Our system, R-Evolution, could easily establish the mutation library of a selected sequence, and allows for downstream high-throughput research applications such as directed evolution.

Take simple steps in vivo

Through the process of transcription, reverse transcription and recombination, the target sequence will be mutated in vivo.

Continuous evolution, consecutive selection

Iterative cycles of mutagenesis occur in one round of the system, allowing for high mutation rate. Selection couples with the system in one chassis.

Sequence specificity, host adaptability,
high mutation rate and orthogonality

R-Evolution mutates only the target sequence, greatly reduces false-positive rate, uses orthogonal parts that functions independent of host’s environment, enables simultaneous scanning process in different hosts, goes through iterative rounds of mutagenesis with high efficiency, and couples mutagenesis with downstream operations.

Highlights of our project

@@ Line 603: / Line 603: @@
 <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------    Content begins    --------------------------------------------------------------------------------------------------------------------------------->
 <!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-	<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&amp;action=raw&amp;ctype=text/css">
 	<style>
@@ Line 769: / Line 778: @@
 	</style>
@@ Line 780: / Line 787: @@
 		}
-		.row{
+		#projectIntro{
-			clear:both!important;
+			text-align:center;
-			width:100%!important;
+			margin:150px auto;
 		}
+		#animation_container{
+			clear:both;
+			display:block;
+			margin:0 auto;
+		}
+		#teamLogo{
+			display:none;
+			text-align:center;
+		}
+		#mobileCover{
+			display:block;
+			width:80%;
+			margin:0 auto;
+		}
-		.title1{
-			font-size:2.3rem;
+		#highlights{
+			margin:100px auto 50px auto;
+			width:70%;
 			text-align:center;
 			color:white;
-			display:block;
-			margin-top:10%;
-			margin-bottom:7%;
-			line-height:110%;
 		}
+		.highlightLinks{
+			width:23%;
+			display:inline-block;
+			margin:0.3% 0.1%;
+			background-color:rgba(255,255,255,0.27);
+		}
+		#highlightBox{
+			width:100%;
+			color:white;
+		}
+		.highlightA{
+			color:white;
+			text-decoration:none;
+		}
+		.highlightIcon{
+			font-size:3vw;
+			margin:20% auto 10% auto;
+		}
+		.highlightTitle{
+			font-size:1.5vw;
+			margin-bottom:15%;
+		}
+		.hightlightA:active, .highlightA:visited, .highlightA:focus{
+			color:white;
+		}
+		.highlightA:hover{
+			color:#7dded4;
+			text-decoration:none;
+		}
 		.title2{
 			color:white;
@@ Line 799: / Line 852: @@
 			font-size:2rem;
 			line-height:130%;
-			display:block;
+			white-space:nowrap;
-			width:100%;
-		}
-		.title3{
-			font-size:1.5rem;
-			color:white;
-			text-align:left !important;
-			display:block;
-			width:100%;
-			line-height:110%;
-			padding-left:2%;
 		}
 		.para1{
 			color:white;
-			text-align:justify !important;
+			text-align:justify;
-			align-items:flex-start;
 			line-height:140%;
-			font-size:1.3rem;
+			font-size:1.2rem;
-			margin-bottom:50px !important;
-			width:100%;
-			margin:auto 0;
-		}
-		.para1 a{
-			color:white;
-		}
-		.para1 a:visited, .para1 a:active{
-			color:white;
-		}
-		.para1 a:hover{
-			color:rgba(96,255,249,1.00)!important;
 		}
 		.content1{
@@ Line 839: / Line 869: @@
 			position:relative !important;
 			float:right !important;
-		}
-		.paraUl{
-			list-style-type:decimal !important;
-			list-style-position:outside;
-			padding-left:auto;
-			font-size:1.2rem;
-		}
-		.paraUl li{
-			padding-right:4% ;
-		}
-		#containerWithLeftNav{
-			display:block;
-			margin-left:25%;
-		}
-		.legend{
-			color:white;
-			text-align:center;
-		}
-		.legend>div{
-			width:100%;
-			text-align:justify!important;
-			font-size:1.1rem;
-		}
-		.legends{
-			margin:auto 15%;
 		}
@@ Line 975: / Line 976: @@
 				font-size:1.8rem;
 				line-height:140%;
+				white-space: nowrap;
 			}
 			.para1{
-				font-size:1.3rem;
+				font-size:1.1rem;
 			}
 			.pic2{
@@ Line 1,079: / Line 1,081: @@
 			}
 			.para1{
-				font-size:1.2rem;
+				font-size:1rem;
-			}
-			.paraUl{
-				font-size:1.1rem;
 			}
 			.pic2{
@@ Line 1,104: / Line 1,103: @@
 			}
 			.title2{
-				font-size:1.2rem;
+				font-size:1rem;
 			}
 			.para1{
-				font-size:1.1rem;
+				font-size:0.8rem;
-			}
-			.paraUl{
-				font-size:1rem;
 			}
 			.pic2{
@@ Line 1,118: / Line 1,114: @@
 				width:60%;
 			}
-			#containerWithLeftNav{
-				margin-left:auto;
-			}
 		}
 	</style>
+	<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&amp;action=raw&amp;ctype=text/css">
 	<style>
@@ Line 1,199: / Line 1,193: @@
 		}
 	</style>
-	<script>
-		$(document).ready(function(){
-			var winWidth=$(window).width();
-			if (winWidth>1100){
-				$(".navA").mouseenter(function(){
-					$(this).parent().find(".ul2").stop().fadeIn(400);
-				});
-				$(".navLi").mouseleave(function(){
-					$(this).find(".ul2").stop().fadeOut(400);
-				});
-			}
-			else{
-				$(".navA:not(.noSubmenu)").removeAttr("href");
-				$("#mobileNav").click(function(){
-					$("#navBar").toggle();
-				});
-				$(document).click(function(event){
-					var m = $("#mobileNav,#navBar");
-					if (!m.is(event.target)){
-						if (m.has(event.target).length===0){
-							$("#navBar").hide();
-							$(".open").parent().find(".navA").css("color","white");
-							$(".open").removeClass("open");
-						}
-					}
-				});
-				$(".navLi").click(function(){
-					if ($(this).find(".n2").hasClass("open")){
-						$(".open").parent().find(".navA").css("color","white");
-						$(this).find(".n2").removeClass("open");
-					}
-					else{
-						$(".open").parent().find(".navA").css("color","white");
-						$(".open").removeClass("open");
-						$(this).find(".n2").addClass("open");
-						$(this).find(".navA").css("color","#7dded4");
-					}
-				});
-			}
-		});
-	</script>
 	<div id="global_wrapper">
@@ Line 1,285: / Line 1,220: @@
 							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Description">Description</a></li>
 							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Design">Design</a></li>
-							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Applied_Design" style="white-space:nowrap">Applied Design</a></li>
+							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Design" style="white-space:nowrap">Applied Design</a></li>
 							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Experiments">Experiment</a></li>
 						</ul>
@@ Line 1,332: / Line 1,267: @@
 						<ul class="ul2">
 							<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Public_Engagement">Education &amp; <br />Public Engagement</a></li>
-							<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practice">Integrated <br />Human Practice</a></li>
+							<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Integrated_Human_Practice">Integrated <br />Human Practice</a></li>
 							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Collaborations">Collaboration</a></li>
 							<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Safety">Safety</a></li>
@@ Line 1,356: / Line 1,291: @@
 			</ul>
 		<div id="pageContent">