Difference between revisions of "Team:Fudan-TSI"

m
Line 618: Line 618:
 
<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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
 
 
 
<div id="global_wrapper">
 
<div id="mobileNav">
 
 
<div id="mobileLogo"><img src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif" class="logo"></div>
 
<div id="mobileControl"><img src="https://static.igem.org/mediawiki/2019/thumb/a/ae/T--Fudan-TSI--mobileCtrl.gif/683px-T--Fudan-TSI--mobileCtrl.gif" id="mobileCtrl"></div>
 
 
</div>
 
 
<ul id="navUl">
 
 
<li id="navImg">
 
<img src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif" class="logo">
 
 
</li>
 
 
 
<ul id="navBar">
 
 
<li class="navLi"><a class="navA noSubmenu" href="https://2019.igem.org/Team:Fudan-TSI">Home</a></li>
 
 
<li class="navLi">
 
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Description">Project</a>
 
<div class="n2">
 
<ul class="ul2">
 
<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/Design" style="white-space:nowrap">Applied Design</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Experiment">Experiment</a></li>
 
</ul>
 
</div>
 
</li>
 
 
<li class="navLi">
 
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Results">Results</a>
 
<div class="n2">
 
<ul class="ul2">
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Reverse_Transcription">Reverse Transcription</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Recombination">Recombination</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Measurement">Measurement</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Notebook">Notebook</a></li>
 
</ul>
 
</div>
 
</li>
 
 
<li class="navLi">
 
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Model_Software">Model</a>
 
<div class="n2">
 
<ul class="ul2">
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Model">Modeling</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Software">Software</a></li>
 
</ul>
 
</div>
 
</li>
 
 
<li class="navLi">
 
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">Parts</a>
 
<div class="n2">
 
<ul class="ul2">
 
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">Basic Parts</a></li>
 
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">Composite Parts</a></li>
 
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Improve">Improved Parts</a></li>
 
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">Part Collection</a></li>
 
</ul>
 
</div>
 
</li>
 
 
<li class="navLi">
 
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">Human Practices</a>
 
<div class="n2">
 
<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/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>
 
</ul>
 
</div>
 
</li>
 
 
<li class="navLi">
 
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team</a>
 
<div class="n2">
 
<ul class="ul2">
 
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team Members</a></li>
 
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Team/Attribution">Attribution</a></li>
 
</ul>
 
</div>
 
</li>
 
 
<li class="navLi"><a class="navA noSubmenu" href="https://2019.igem.org/Team:Fudan-TSI/Awards">Awards</a></li>
 
 
</ul>
 
 
 
</ul>
 
 
 
<div id="pageContent">
 
 
<!----------------------------------------------------------------------------------------------------------------------------------------->
 
<!---- Left Navigator ---->
 
<!----------------------------------------------------------------------------------------------------------------------------------------->
 
 
 
 
 
 
<!----------------------------------------------------------------------------------------------------------------------------------------->
 
<!---- Content ---->
 
<!----------------------------------------------------------------------------------------------------------------------------------------->
 
 
<div id="projectIntro">
 
 
<div id="animation_container" style="background-color:rgba(8, 39, 58, 1.00); width:800px; height:450px">
 
<canvas id="canvas" width="800" height="450" style="position: absolute; display: block; background-color:rgba(8, 39, 58, 1.00);"></canvas>
 
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:800px; height:450px; position: absolute; left: 0px; top: 0px; display: block;">
 
</div>
 
</div>
 
 
<div id="teamLogo"><img id="mobileCover" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif"></div>
 
 
</div>
 
 
<div class="container">
 
<div class="row align-items-center content1">
 
<div class="col-md-4">
 
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/e/ed/T--Fudan-TSI--Mainpage01.gif" />
 
</div>
 
<div class="col-md-8">
 
<div class="row">
 
<div class="col title2">
 
Construct your own mutation library
 
</div>
 
</div>
 
<div class="row">
 
<div class="col para1">
 
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.
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
 
 
<div class="row align-items-center content1">
 
 
<div class="col-md-4 col-sm-push-8">
 
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/b/bd/T--Fudan-TSI--Mainpage02.gif" />
 
</div>
 
 
<div class="col-md-8 col-sm-pull-4">
 
<div class="row">
 
<div class="col title2">
 
Take simple steps <i>in vivo</i>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col para1">
 
Through the process of transcription, reverse transcription and recombination, the target sequence will be mutated <i>in vivo</i>.
 
</div>
 
 
 
</div>
 
</div>
 
 
</div>
 
 
<div class="row align-items-center content1">
 
<div class="col-md-4">
 
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/c/ca/T--Fudan-TSI--Mainpage03.gif" />
 
</div>
 
<div class="col-md-8">
 
<div class="row">
 
<div class="col title2">
 
Continuous evolution, consecutive selection
 
</div>
 
</div>
 
<div class="row">
 
<div class="col para1">
 
Iterative cycles of mutagenesis occur in one round of the system, allowing for high mutation rate. Selection couples with the system in one chassis.
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
 
<div class="row align-items-center content1">
 
<div class="col-md-4  col-sm-push-8">
 
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif" />
 
</div>
 
<div class="col-md-8 col-sm-pull-4">
 
<div class="row">
 
<div class="col title2">
 
Sequence specificity, host adaptability, <br />high mutation rate and orthogonality
 
</div>
 
</div>
 
<div class="row">
 
<div class="col para1">
 
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.
 
</div>
 
 
</div>
 
</div>
 
</div>
 
 
</div>
 
 
 
 
 
</div>
 
 
 
<div id="highlights">
 
<h3 style="color:white; text-decoration:none; margin-bottom:30px;">Highlights of our project</h3>
 
<div id="highlightBox">
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Description">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-tags"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">Description</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Design">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-cogs"></i></div>
 
<div style="text-decoration:none;"  class="highlightTitle">Design</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-check-circle-o"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">Demonstration</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Design">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-flask"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">Application</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Model">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-area-chart"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">Model</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Software">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-code"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">Software</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-users"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">HP</div>
 
</a>
 
</div>
 
<div class="highlightLinks">
 
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">
 
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-th"></i></div>
 
<div style="text-decoration:none;" class="highlightTitle">Parts</div>
 
</a>
 
</div>
 
</div>
 
 
</div>
 
 
<!----------------------------------------------------------------------------------------------------------------------------------------->
 
<!---- Foot ---->
 
<!----------------------------------------------------------------------------------------------------------------------------------------->
 
 
<footer id="FudanFooter" class="page-footer grey">
 
 
<div class="container" id="footContainer">
 
<div class="row">
 
<div class="col-md-4" id="sponser" style="padding-top:3%;">
 
<div class="row">
 
<div class="col-sm-6" style="padding:0;">
 
<div class="row align-items-center">
 
<div class="col">
 
<img class="img-fluid" alt="Team Fudan-TSI" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif" />
 
</div>
 
<div class="col">
 
<img class="img-fluid" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png" />
 
</div>
 
</div>
 
</div>
 
<div class="col-sm-6" style="padding:0;">
 
<div class="row align-items-center">
 
<div class="col">
 
<img class="img-fluid" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png" />
 
</div>
 
<div class="col">
 
<img class="img-fluid" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png" />
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="row">
 
<h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size:12.5px; margin-top:5px;">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3>
 
</div>
 
</div>
 
 
<div class="col-md-8" id="usefulLinks">
 
<div class="row">
 
<div class="col-lg-6" style="padding:0;">
 
<div class="row">
 
 
<div class="col-sm-4">
 
<div class="footerUl align-items-center active">
 
<span><a href="/Team:Fudan-TSI/Description" style="text-decoration:none;">Project</a></span>
 
<ul>
 
<li><a href="/Team:Fudan-TSI/Description">Background</a></li>
 
<li><a href="/Team:Fudan-TSI/Design">Design</a></li>
 
<li><a href="/Team:Fudan-TSI/Applied_Design">Applied Design</a></li>
 
<li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li>
 
<li><a href="/Team:Fudan-TSI/Judging">Judging</a></li>
 
</ul>
 
</div>
 
</div>
 
 
<div class="col-sm-4">
 
<div class="footerUl align-items-center">
 
<span><a href="/Team:Fudan-TSI/Results" style="text-decoration:none;">Results</a></span>
 
<ul>
 
<li><a href="/Team:Fudan-TSI/Results#ReverseTranscription">Reverse Transcription</a></li>
 
<li><a href="/Team:Fudan-TSI/Results#Recombination">Recombination</a></li>
 
<li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 
<li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li>
 
<li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li>
 
</ul>
 
</div>
 
</div>
 
 
<div class="col-sm-4">
 
<div class="footerUl align-items-center">
 
<span style="text-decoration:none;">Model</span>
 
<ul>
 
<li><a href="/Team:Fudan-TSI/Model">Modeling</a></li>
 
<li><a href="/Team:Fudan-TSI/Software">Software</a></li>
 
<li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li>
 
</ul>
 
</div>
 
</div>
 
 
</div>
 
</div>
 
<div class="col-lg-6" style="padding:0;">
 
<div class="row">
 
 
<div class="col-sm-4">
 
<div class="footerUl align-items-center">
 
  <span><a href="/Team:Fudan-TSI/Parts" style="text-decoration:none;">Parts</a></span>
 
<ul>
 
<li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li>
 
<li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li>
 
<li><a href="/Team:Fudan-TSI/Improve">Improved parts</a></li>
 
<li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li>
 
</ul>
 
</div>
 
</div>
 
 
<div class="col-sm-4">
 
<div class="footerUl align-items-center">
 
  <span><a href="/Team:Fudan-TSI/Human_Practices" style="text-decoration:none;">Outreach</a></span>
 
<ul>
 
<li><a href="/Team:Fudan-TSI/Public_Engagement">Education &amp; Public engagement</a></li>
 
<li><a href="/Team:Fudan-TSI/Integrated_Human_Practice">Integrated human practice</a></li>
 
<li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li>
 
<li><a href="/Team:Fudan-TSI/Safety">Safety</a></li>
 
</ul>
 
</div>
 
</div>
 
 
<div class="col-sm-4">
 
<div class="footerUl align-items-center">
 
  <span><a href="/Team:Fudan-TSI/Team" style="text-decoration:none;">Team</a></span>
 
<ul>
 
<li><a href="/Team:Fudan-TSI/Team">Members</a></li>
 
<li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li>
 
<li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li>
 
<li><a href="/Team:Fudan-TSI">&#169; 2019</a></li>
 
</ul>
 
</div>
 
</div>
 
 
</div>
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<div class="footer-copyright">
 
<div class="container" style="width:90%;">
 
<div class="contactUS row">
 
  <div class="col s12 m6 l6"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai
 
  </div>
 
<div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727
 
  </div>
 
<div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn
 
  </div>
 
<div class="col s12 m6 l2"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM
 
  </div>
 
</div>
 
</div>
 
</div>
 
</footer>
 
 
 
 
</div>
 
 
 
 
 
 
<style>
 
<style>
Line 1,201: Line 789:
 
#projectIntro{
 
#projectIntro{
 
text-align:center;
 
text-align:center;
margin:130px auto;
+
margin:150px auto;
 
}
 
}
 
#animation_container{
 
#animation_container{
Line 1,531: Line 1,119:
 
 
  
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/CreatJS&amp;action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/AnimationProject&amp;action=raw&amp;ctype=text/javascript"></script>
 
  
<script>
+
 
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
+
function init() {
+
canvas = document.getElementById("canvas");
+
anim_container = document.getElementById("animation_container");
+
dom_overlay_container = document.getElementById("dom_overlay_container");
+
var comp=AdobeAn.getComposition("59A1DD61F7F294448CE610842DD5118B");
+
var lib=comp.getLibrary();
+
var loader = new createjs.LoadQueue(false);
+
loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
+
loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
+
var lib=comp.getLibrary();
+
loader.loadManifest(lib.properties.manifest);
+
}
+
function handleFileLoad(evt, comp) {
+
var images=comp.getImages();
+
if (evt &amp;&amp; (evt.item.type == "image")) { images[evt.item.id] = evt.result; }
+
}
+
function handleComplete(evt,comp) {
+
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
+
var lib=comp.getLibrary();
+
var ss=comp.getSpriteSheet();
+
var queue = evt.target;
+
var ssMetadata = lib.ssMetadata;
+
for(i=0; i<ssMetadata.length; i++) {
+
ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
+
}
+
exportRoot = new lib.Project();
+
stage = new lib.Stage(canvas);
+
//Registers the "tick" event listener.
+
fnStartAnimation = function() {
+
stage.addChild(exportRoot);
+
createjs.Ticker.setFPS(lib.properties.fps);
+
createjs.Ticker.addEventListener("tick", stage);
+
}    
+
//Code to support hidpi screens and responsive scaling.
+
function makeResponsive(isResp, respDim, isScale, scaleType) {
+
var lastW, lastH, lastS=1;
+
window.addEventListener('resize', resizeCanvas);
+
resizeCanvas();
+
function resizeCanvas() {
+
var w = lib.properties.width, h = lib.properties.height;
+
var iw = window.innerWidth, ih=window.innerHeight;
+
var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;
+
if(isResp) {               
+
if((respDim=='width'&amp;&amp;lastW==iw) || (respDim=='height'&amp;&amp;lastH==ih)) {                   
+
sRatio = lastS;               
+
}
+
else if(!isScale) {
+
if(iw<w || ih<h)
+
sRatio = Math.min(xRatio, yRatio);
+
}
+
else if(scaleType==1) {
+
sRatio = Math.min(xRatio, yRatio);
+
}
+
else if(scaleType==2) {
+
sRatio = Math.max(xRatio, yRatio);
+
}
+
}
+
canvas.width = w*pRatio*sRatio;
+
canvas.height = h*pRatio*sRatio;
+
canvas.style.width = dom_overlay_container.style.width = anim_container.style.width =  w*sRatio+'px';
+
canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px';
+
stage.scaleX = pRatio*sRatio;
+
stage.scaleY = pRatio*sRatio;
+
lastW = iw; lastH = ih; lastS = sRatio;           
+
stage.tickOnUpdate = false;           
+
stage.update();           
+
stage.tickOnUpdate = true;
+
}
+
}
+
makeResponsive(true,'both',false,1);
+
AdobeAn.compositionLoaded(lib.properties.id);
+
fnStartAnimation();
+
}
+
</script>
+
  
 
 
Line 1,681: Line 1,193:
 
}
 
}
 
</style>
 
</style>
 +
 +
<div id="global_wrapper">
 +
<div id="mobileNav">
 +
 +
<div id="mobileLogo"><img src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif" class="logo"></div>
 +
<div id="mobileControl"><img src="https://static.igem.org/mediawiki/2019/thumb/a/ae/T--Fudan-TSI--mobileCtrl.gif/683px-T--Fudan-TSI--mobileCtrl.gif" id="mobileCtrl"></div>
 +
 +
</div>
 +
 +
<ul id="navUl">
 +
 +
<li id="navImg">
 +
<img src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif" class="logo">
 +
 +
</li>
 +
 +
 +
<ul id="navBar">
 +
 +
<li class="navLi"><a class="navA noSubmenu" href="https://2019.igem.org/Team:Fudan-TSI">Home</a></li>
 +
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Description">Project</a>
 +
<div class="n2">
 +
<ul class="ul2">
 +
<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/Design" style="white-space:nowrap">Applied Design</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Experiment">Experiment</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Results">Results</a>
 +
<div class="n2">
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Reverse_Transcription">Reverse Transcription</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Recombination">Recombination</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Measurement">Measurement</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Notebook">Notebook</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Model_Software">Model</a>
 +
<div class="n2">
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Model">Modeling</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Software">Software</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">Parts</a>
 +
<div class="n2">
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">Basic Parts</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">Composite Parts</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Improve">Improved Parts</a></li>
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">Human Practices</a>
 +
<div class="n2">
 +
<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/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>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="navLi">
 +
<a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team</a>
 +
<div class="n2">
 +
<ul class="ul2">
 +
<li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team Members</a></li>
 +
<li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Team/Attribution">Attribution</a></li>
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="navLi"><a class="navA noSubmenu" href="https://2019.igem.org/Team:Fudan-TSI/Awards">Awards</a></li>
 +
 +
</ul>
 +
 +
 +
</ul>
 +
 +
 +
<div id="pageContent">
 +
 +
<!----------------------------------------------------------------------------------------------------------------------------------------->
 +
<!---- Left Navigator ---->
 +
<!----------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
 +
<!----------------------------------------------------------------------------------------------------------------------------------------->
 +
<!---- Content ---->
 +
<!----------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<div id="projectIntro">
 +
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta name="authoring-tool" content="Adobe_Animate_CC">
 +
<title>Project</title>
 +
<!-- write your code here -->
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/CreatJS&amp;action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/AnimationProject&amp;action=raw&amp;ctype=text/javascript"></script>
 +
<script>
 +
var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;
 +
function init() {
 +
canvas = document.getElementById("canvas");
 +
anim_container = document.getElementById("animation_container");
 +
dom_overlay_container = document.getElementById("dom_overlay_container");
 +
var comp=AdobeAn.getComposition("59A1DD61F7F294448CE610842DD5118B");
 +
var lib=comp.getLibrary();
 +
var loader = new createjs.LoadQueue(false);
 +
loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});
 +
loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});
 +
var lib=comp.getLibrary();
 +
loader.loadManifest(lib.properties.manifest);
 +
}
 +
function handleFileLoad(evt, comp) {
 +
var images=comp.getImages();
 +
if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }
 +
}
 +
function handleComplete(evt,comp) {
 +
//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.
 +
var lib=comp.getLibrary();
 +
var ss=comp.getSpriteSheet();
 +
var queue = evt.target;
 +
var ssMetadata = lib.ssMetadata;
 +
for(i=0; i<ssMetadata.length; i++) {
 +
ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} )
 +
}
 +
exportRoot = new lib.Project();
 +
stage = new lib.Stage(canvas);
 +
//Registers the "tick" event listener.
 +
fnStartAnimation = function() {
 +
stage.addChild(exportRoot);
 +
createjs.Ticker.setFPS(lib.properties.fps);
 +
createjs.Ticker.addEventListener("tick", stage);
 +
}    
 +
//Code to support hidpi screens and responsive scaling.
 +
function makeResponsive(isResp, respDim, isScale, scaleType) {
 +
var lastW, lastH, lastS=1;
 +
window.addEventListener('resize', resizeCanvas);
 +
resizeCanvas();
 +
function resizeCanvas() {
 +
var w = lib.properties.width, h = lib.properties.height;
 +
var iw = window.innerWidth, ih=window.innerHeight;
 +
var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;
 +
if(isResp) {               
 +
if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {                   
 +
sRatio = lastS;               
 +
}
 +
else if(!isScale) {
 +
if(iw<w || ih<h)
 +
sRatio = Math.min(xRatio, yRatio);
 +
}
 +
else if(scaleType==1) {
 +
sRatio = Math.min(xRatio, yRatio);
 +
}
 +
else if(scaleType==2) {
 +
sRatio = Math.max(xRatio, yRatio);
 +
}
 +
}
 +
canvas.width = w*pRatio*sRatio;
 +
canvas.height = h*pRatio*sRatio;
 +
canvas.style.width = dom_overlay_container.style.width = anim_container.style.width =  w*sRatio+'px';
 +
canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px';
 +
stage.scaleX = pRatio*sRatio;
 +
stage.scaleY = pRatio*sRatio;
 +
lastW = iw; lastH = ih; lastS = sRatio;           
 +
stage.tickOnUpdate = false;           
 +
stage.update();           
 +
stage.tickOnUpdate = true;
 +
}
 +
}
 +
makeResponsive(false,'both',false,1);
 +
AdobeAn.compositionLoaded(lib.properties.id);
 +
fnStartAnimation();
 +
}
 +
</script>
 +
<!-- write your code here -->
 +
</head>
 +
<body onload="init();" style="margin:0px;">
 +
<div id="animation_container" style="background-color:rgba(8, 39, 58, 1.00); width:800px; height:450px">
 +
<canvas id="canvas" width="800" height="450" style="position: absolute; display: block; background-color:rgba(8, 39, 58, 1.00);"></canvas>
 +
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:800px; height:450px; position: absolute; left: 0px; top: 0px; display: block;">
 +
</div>
 +
</div>
 +
<div id="teamLogo"><img id="mobileCover" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif"></div>
 +
</body>
 +
 +
 +
</div>
 +
 +
<div class="container">
 +
<div class="row align-items-center content1">
 +
<div class="col-md-4">
 +
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/e/ed/T--Fudan-TSI--Mainpage01.gif" />
 +
</div>
 +
<div class="col-md-8">
 +
<div class="row">
 +
<div class="col title2">
 +
Construct your own mutation library
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col para1">
 +
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.
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
<div class="row align-items-center content1">
 +
 +
<div class="col-md-4 col-sm-push-8">
 +
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/b/bd/T--Fudan-TSI--Mainpage02.gif" />
 +
</div>
 +
 +
<div class="col-md-8 col-sm-pull-4">
 +
<div class="row">
 +
<div class="col title2">
 +
Take simple steps <i>in vivo</i>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col para1">
 +
Through the process of transcription, reverse transcription and recombination, the target sequence will be mutated <i>in vivo</i>.
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
<div class="row align-items-center content1">
 +
<div class="col-md-4">
 +
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/c/ca/T--Fudan-TSI--Mainpage03.gif" />
 +
</div>
 +
<div class="col-md-8">
 +
<div class="row">
 +
<div class="col title2">
 +
Continuous evolution, consecutive selection
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col para1">
 +
Iterative cycles of mutagenesis occur in one round of the system, allowing for high mutation rate. Selection couples with the system in one chassis.
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="row align-items-center content1">
 +
<div class="col-md-4  col-sm-push-8">
 +
<img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif" />
 +
</div>
 +
<div class="col-md-8 col-sm-pull-4">
 +
<div class="row">
 +
<div class="col title2">
 +
Sequence specificity, host adaptability, <br />high mutation rate and orthogonality
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col para1">
 +
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.
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
</div>
 +
 +
 +
<div id="highlights">
 +
<h3 style="color:white; text-decoration:none; margin-bottom:30px;">Highlights of our project</h3>
 +
<div id="highlightBox">
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Description">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-tags"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">Description</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Design">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-cogs"></i></div>
 +
<div style="text-decoration:none;"  class="highlightTitle">Design</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-check-circle-o"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">Demonstration</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Design">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-flask"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">Application</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Model">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-area-chart"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">Model</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Software">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-code"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">Software</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-users"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">HP</div>
 +
</a>
 +
</div>
 +
<div class="highlightLinks">
 +
<a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">
 +
<div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-th"></i></div>
 +
<div style="text-decoration:none;" class="highlightTitle">Parts</div>
 +
</a>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 +
<!----------------------------------------------------------------------------------------------------------------------------------------->
 +
<!---- Foot ---->
 +
<!----------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<footer id="FudanFooter" class="page-footer grey">
 +
 +
<div class="container" id="footContainer">
 +
<div class="row">
 +
<div class="col-md-4" id="sponser" style="padding-top:3%;">
 +
<div class="row">
 +
<div class="col-sm-6" style="padding:0;">
 +
<div class="row align-items-center">
 +
<div class="col">
 +
<img class="img-fluid" alt="Team Fudan-TSI" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif" />
 +
</div>
 +
<div class="col">
 +
<img class="img-fluid" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png" />
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-sm-6" style="padding:0;">
 +
<div class="row align-items-center">
 +
<div class="col">
 +
<img class="img-fluid" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png" />
 +
</div>
 +
<div class="col">
 +
<img class="img-fluid" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png" />
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size:12.5px; margin-top:5px;">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3>
 +
</div>
 +
</div>
 +
 +
<div class="col-md-8" id="usefulLinks">
 +
<div class="row">
 +
<div class="col-lg-6" style="padding:0;">
 +
<div class="row">
 +
 +
<div class="col-sm-4">
 +
<div class="footerUl align-items-center active">
 +
<span><a href="/Team:Fudan-TSI/Description" style="text-decoration:none;">Project</a></span>
 +
<ul>
 +
<li><a href="/Team:Fudan-TSI/Description">Background</a></li>
 +
<li><a href="/Team:Fudan-TSI/Design">Design</a></li>
 +
<li><a href="/Team:Fudan-TSI/Applied_Design">Applied Design</a></li>
 +
<li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li>
 +
<li><a href="/Team:Fudan-TSI/Judging">Judging</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<div class="col-sm-4">
 +
<div class="footerUl align-items-center">
 +
<span><a href="/Team:Fudan-TSI/Results" style="text-decoration:none;">Results</a></span>
 +
<ul>
 +
<li><a href="/Team:Fudan-TSI/Results#ReverseTranscription">Reverse Transcription</a></li>
 +
<li><a href="/Team:Fudan-TSI/Results#Recombination">Recombination</a></li>
 +
<li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
 +
<li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li>
 +
<li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<div class="col-sm-4">
 +
<div class="footerUl align-items-center">
 +
<span style="text-decoration:none;">Model</span>
 +
<ul>
 +
<li><a href="/Team:Fudan-TSI/Model">Modeling</a></li>
 +
<li><a href="/Team:Fudan-TSI/Software">Software</a></li>
 +
<li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<div class="col-lg-6" style="padding:0;">
 +
<div class="row">
 +
 +
<div class="col-sm-4">
 +
<div class="footerUl align-items-center">
 +
  <span><a href="/Team:Fudan-TSI/Parts" style="text-decoration:none;">Parts</a></span>
 +
<ul>
 +
<li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li>
 +
<li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li>
 +
<li><a href="/Team:Fudan-TSI/Improve">Improved parts</a></li>
 +
<li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<div class="col-sm-4">
 +
<div class="footerUl align-items-center">
 +
  <span><a href="/Team:Fudan-TSI/Human_Practices" style="text-decoration:none;">Outreach</a></span>
 +
<ul>
 +
<li><a href="/Team:Fudan-TSI/Public_Engagement">Education &amp; Public engagement</a></li>
 +
<li><a href="/Team:Fudan-TSI/Integrated_Human_Practice">Integrated human practice</a></li>
 +
<li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li>
 +
<li><a href="/Team:Fudan-TSI/Safety">Safety</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
<div class="col-sm-4">
 +
<div class="footerUl align-items-center">
 +
  <span><a href="/Team:Fudan-TSI/Team" style="text-decoration:none;">Team</a></span>
 +
<ul>
 +
<li><a href="/Team:Fudan-TSI/Team">Members</a></li>
 +
<li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li>
 +
<li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li>
 +
<li><a href="/Team:Fudan-TSI">&#169; 2019</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="footer-copyright">
 +
<div class="container" style="width:90%;">
 +
<div class="contactUS row">
 +
  <div class="col s12 m6 l6"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai
 +
  </div>
 +
<div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727
 +
  </div>
 +
<div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn
 +
  </div>
 +
<div class="col s12 m6 l2"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
 +
 +
 +
</div>
 +
 +
  
 
<script>
 
<script>
Line 1,686: Line 1,701:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
 
$(document.body).attr("onload","init();")
+
+
 
var winWidth=$(window).width();
 
var winWidth=$(window).width();
 
 

Revision as of 09:21, 13 October 2019

Project
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.