Team:NJU NJUT China

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta name="keywords" content="IGEM" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
<meta name="description" content="NJU_NJUT" />
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<title>NJU_NJUT_CHINA</title>
 +
<link href="http://igem.3vfree.us/style.css" rel="stylesheet" type="text/css" media="screen" />
 +
<link rel="stylesheet" type="text/css" href="http://igem.3vfree.us/css/style1.css" />
 +
    <script type="text/javascript" src="http://igem.3vfree.us/js/spjquery.js"></script>
 +
<script type="text/javascript" src="http://igem.3vfree.us/js/spslider.js"></script> 
 +
<script src="http://igem.3vfree.us/js/cufon-yui.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
Cufon.replace('h1',{ textShadow: '1px 1px #000'});
 +
Cufon.replace('h2',{ textShadow: '1px 1px #000'});
 +
Cufon.replace('.footer',{ textShadow: '1px 1px #000'});
 +
Cufon.replace('.pxs_loading',{ textShadow: '1px 1px #000'});
 +
</script>
 +
<style>
 +
body{
 +
            font-family:Arial;
 +
        }
 +
        .header
 +
        {
 +
            width:600px;
 +
            height:56px;
 +
            position:absolute;
 +
            top:50%;
 +
            left:10px;
 +
            background:#fff url(title.png) no-repeat top left;
 +
        }
 +
 
 +
        a.back{
 +
            width:256px;
 +
            height:73px;
 +
            position:absolute;
 +
            bottom:15px;
 +
            right:15px;
 +
            background:#fff url(codrops_back.png) no-repeat top left;
 +
        }
 +
        a.dry{
 +
            position:absolute;
 +
            bottom:15px;
 +
            left:15px;
 +
            text-align:left;
 +
            font-size:12px;
 +
            color:#ccc;
 +
            text-transform:uppercase;
 +
            text-decoration:none;
 +
        }
 +
.aa {height:105px; overflow:hidden;}
 +
.bb {}
 +
    </style>
 +
</head>
 +
<body>
 +
<div id="wrapper">
 +
<div id="header">
 +
      <div id="logo">
 +
  </div>
 +
</div>
 +
 
 +
<!-- end #header -->
 +
        <ul id="navigation">
 +
            <li class="home" style="width: 100px;"><a href=""><span>Home</span></a></li>
 +
            <li class="about" style="width: 115px;"><a href="" style="width:115px;"><span>TEAM</span></a></li>
 +
            <li class="search" style="width: 135px;"><a href="" style="width:135px;"><span>PROJECT</span></a></li>
 +
            <li class="photos" style="width: 150px;"><a href="" style="width:150px;"><span>MODELING</span></a></li>
 +
            <li class="rssfeed" style="width: 115px;"><a href="" style="width:115px;"><span>DATA</span></a></li>
 +
            <li class="podcasts" style="width: 125px;"><a href=""style="width:125px;"><span>SAFETY</span></a></li>
 +
            <li class="contact" style="width: 205px;"><a href=""style="width:205px;"><span>HUMANPRACTICE</span></a></li>
 +
  </ul>
 +
<div id="pxs_container" class="pxs_container">
 +
<div class="pxs_bg">
 +
<div class="pxs_bg1"></div>
 +
<div class="pxs_bg2"></div>
 +
<div class="pxs_bg3"></div>
 +
</div>
 +
<div class="pxs_loading">Loading images...</div>
 +
<div class="pxs_slider_wrapper">
 +
<ul class="pxs_slider">
 +
<li><img src="http://igem.3vfree.us/images/1.jpg" alt="First Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/2.jpg" alt="Second Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/3.jpg" alt="Third Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/4.jpg" alt="Forth Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/5.jpg" alt="Fifth Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/6.jpg" alt="Sixth Image" /></li>
 +
</ul>
 +
<div class="pxs_navigation">
 +
<span class="pxs_next"></span>
 +
<span class="pxs_prev"></span>
 +
                </div>
 +
<ul class="pxs_thumbnails">
 +
<li><img src="http://igem.3vfree.us/images/thumbs/1.jpg" alt="First Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/thumbs/2.jpg" alt="Second Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/thumbs/3.jpg" alt="Third Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/thumbs/4.jpg" alt="Forth Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/thumbs/5.jpg" alt="Fifth Image" /></li>
 +
<li><img src="http://igem.3vfree.us/images/thumbs/6.jpg" alt="Sixth Image" /></li>
 +
</ul>
 +
</div>
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <div style="clear: both;">&nbsp;</div>
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
<!-- end #menu -->
 +
<div id="page">
 +
<div id="page-bgtop">
 +
<div id="page-bgbtm">
 +
  <div id="content">
 +
<div class="post">
 +
  <h2 class="title"><a href="#" >Project  </a></h2>
 +
<p class="meta">Basic Information</p>
 +
  <div class="entry">
 +
<p> &nbsp;&nbsp;&nbsp;&nbsp;Most of the bacteria and archaea acquire virus resistance by integrating short viral nucleotide acid fragments into the clusters of regularly interspaced short palindromic repeats (CRISPRs). <img src="http://igem.3vfree.us/images/ind1.jpg" width="212" height="164"  width="237" align='right'/> And CRISPR-based defense system can also protects them against the invading DNA and/or RNA elements. It is believed that the integrated CRISPR sequences have the ability to form a genetic memory which prevents the host from being infected. The CRISPRs and Cas (CRISPR-associated) interact and form this prokaryotic adaptive immune system....</p>
 +
<p>&nbsp;</p>
 +
<hr />
 +
  </div>
 +
</div>
 +
<div class="post">
 +
  <h2 class="title"><a href="#">Introduction to our experiment</a></h2>
 +
<p class="meta">information<a href="#" class="permalink"></a></p>
 +
<div class="entry">
 +
<div class="aa" id="change">
 +
<p>Based on the fundamental synthetic biology methods, include the molecular cloning, long PCR, recombinant construction, restriction digestion and yeast transformation, our project aims to enable  Saccharomyces cerevisiae to resist viruses utilizing the CRISPR system found in most bacteria and archaea lately. </p>
 +
<p>To ensure the accurate output, we divide the original linear gene into several elements , and also purify and propagate the complete target sequence to make the both two models work in the host cell. To present the actual effect of CRISPR in yeast, we design our own mimic virus construction based on the homologous sequences shown in the specific viral genome database, which can be recognized, and control the baseline both for anti-virus ability and CRISPR's effect in its original form.</p>
 +
                    <p>More specifically, we first obtain our CRISPR system by genome-extraction from E.coli str W3110, and clone the respective target genes as modules. The construction, as well as the mimic virus construction, IS made by restriction-ligase way. We transform the mimic virus plasmid first by lithium acetate method and verify the availability by several antibiotics. We then import CRISPR system in the same way, utilizing the Ochre mutation and GFP switch-off to evaluate the anti-virus feasibility.</p>
 +
                    </div>
 +
                    <p class="links" onclick="unfold('change')">Read More </p>
 +
</hr >
 +
 +
</div>
 +
</div>
 +
            <hr />
 +
            </div>
 +
</div>
 +
<!-- end #content -->
 +
<div id="sidebar">
 +
<h3 style="left:100px">What's new about CRISPR/Cas</h3>
 +
  <iframe width=350 height=600 frameborder=0 scrolling=auto src="http://igem.3vfree.us/news.html"></iframe>
 +
</div>
 +
      <!-- end #sidebar -->
 +
<div style="clear: both;"></div>
 +
  <div id="footer">
 +
    <p><a href="#">IGEM_NJU_NJUT</a>.</p>
 +
</div> 
 +
<!-- end #footer -->
 +
 +
 +
</div>
 +
</div>
 +
</div>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<!-- end #page -->
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
+
</div>
</div>
-
</div>
+
<!-- The JavaScript -->
-
</html>
+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://igem.3vfree.us/js/jquery.easing.1.3.js"></script>
 +
        <script type="text/javascript">
 +
(function($) {
 +
$.fn.parallaxSlider = function(options) {
 +
var opts = $.extend({}, $.fn.parallaxSlider.defaults, options);
 +
return this.each(function() {
 +
var $pxs_container = $(this),
 +
o = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;
 +
 +
//the main slider
 +
var $pxs_slider = $('.pxs_slider',$pxs_container),
 +
//the elements in the slider
 +
$elems = $pxs_slider.children(),
 +
//total number of elements
 +
total_elems = $elems.length,
 +
//the navigation buttons
 +
$pxs_next = $('.pxs_next',$pxs_container),
 +
$pxs_prev = $('.pxs_prev',$pxs_container),
 +
//the bg images
 +
$pxs_bg1 = $('.pxs_bg1',$pxs_container),
 +
$pxs_bg2 = $('.pxs_bg2',$pxs_container),
 +
$pxs_bg3 = $('.pxs_bg3',$pxs_container),
 +
//current image
 +
current = 0,
 +
//the thumbs container
 +
$pxs_thumbnails = $('.pxs_thumbnails',$pxs_container),
 +
//the thumbs
 +
$thumbs = $pxs_thumbnails.children(),
 +
//the interval for the autoplay mode
 +
slideshow,
 +
//the loading image
 +
$pxs_loading = $('.pxs_loading',$pxs_container),
 +
$pxs_slider_wrapper = $('.pxs_slider_wrapper',$pxs_container);
 +
 +
//first preload all the images
 +
var loaded = 0,
 +
$images = $pxs_slider_wrapper.find('img');
 +
 +
$images.each(function(){
 +
var $img = $(this);
 +
$('<img/>').load(function(){
 +
++loaded;
 +
if(loaded == total_elems*2){
 +
$pxs_loading.hide();
 +
$pxs_slider_wrapper.show();
 +
 +
//one images width (assuming all images have the same sizes)
 +
var one_image_w = $pxs_slider.find('img:first').width();
 +
 +
/*
 +
need to set width of the slider,
 +
of each one of its elements, and of the
 +
navigation buttons
 +
*/
 +
setWidths($pxs_slider,
 +
$elems,
 +
total_elems,
 +
$pxs_bg1,
 +
$pxs_bg2,
 +
$pxs_bg3,
 +
one_image_w,
 +
$pxs_next,
 +
$pxs_prev);
 +
 +
/*
 +
set the width of the thumbs
 +
and spread them evenly
 +
*/
 +
$pxs_thumbnails.css({
 +
'width' : one_image_w + 'px',
 +
'margin-left' : -one_image_w/2 + 'px'
 +
});
 +
var spaces = one_image_w/(total_elems+1);
 +
$thumbs.each(function(i){
 +
var $this = $(this);
 +
var left = spaces*(i+1) - $this.width()/2;
 +
$this.css('left',left+'px');
 +
 +
if(o.thumbRotation){
 +
var angle = Math.floor(Math.random()*41)-20;
 +
$this.css({
 +
'-moz-transform' : 'rotate('+ angle +'deg)',
 +
'-webkit-transform' : 'rotate('+ angle +'deg)',
 +
'transform' : 'rotate('+ angle +'deg)'
 +
});
 +
}
 +
//hovering the thumbs animates them up and down
 +
$this.bind('mouseenter',function(){
 +
$(this).stop().animate({top:'-10px'},100);
 +
}).bind('mouseleave',function(){
 +
$(this).stop().animate({top:'0px'},100);
 +
});
 +
});
 +
 +
//make the first thumb be selected
 +
highlight($thumbs.eq(0));
 +
 +
//slide when clicking the navigation buttons
 +
$pxs_next.bind('click',function(){
 +
++current;
 +
if(current >= total_elems)
 +
if(o.circular)
 +
current = 0;
 +
else{
 +
--current;
 +
return false;
 +
}
 +
highlight($thumbs.eq(current));
 +
slide(current,
 +
$pxs_slider,
 +
$pxs_bg3,
 +
$pxs_bg2,
 +
$pxs_bg1,
 +
o.speed,
 +
o.easing,
 +
o.easingBg);
 +
});
 +
$pxs_prev.bind('click',function(){
 +
--current;
 +
if(current < 0)
 +
if(o.circular)
 +
current = total_elems - 1;
 +
else{
 +
++current;
 +
return false;
 +
}
 +
highlight($thumbs.eq(current));
 +
slide(current,
 +
$pxs_slider,
 +
$pxs_bg3,
 +
$pxs_bg2,
 +
$pxs_bg1,
 +
o.speed,
 +
o.easing,
 +
o.easingBg);
 +
});
 +
 +
/*
 +
clicking a thumb will slide to the respective image
 +
*/
 +
$thumbs.bind('click',function(){
 +
var $thumb = $(this);
 +
highlight($thumb);
 +
//if autoplay interrupt when user clicks
 +
if(o.auto)
 +
clearInterval(slideshow);
 +
current = $thumb.index();
 +
slide(current,
 +
$pxs_slider,
 +
$pxs_bg3,
 +
$pxs_bg2,
 +
$pxs_bg1,
 +
o.speed,
 +
o.easing,
 +
o.easingBg);
 +
});
 +
 +
 +
 +
/*
 +
activate the autoplay mode if
 +
that option was specified
 +
*/
 +
if(o.auto != 0){
 +
o.circular = true;
 +
slideshow = setInterval(function(){
 +
$pxs_next.trigger('click');
 +
},o.auto);
 +
}
 +
 +
/*
 +
when resizing the window,
 +
we need to recalculate the widths of the
 +
slider elements, based on the new windows width.
 +
we need to slide again to the current one,
 +
since the left of the slider is no longer correct
 +
*/
 +
$(window).resize(function(){
 +
w_w = $(window).width();
 +
setWidths($pxs_slider,$elems,total_elems,$pxs_bg1,$pxs_bg2,$pxs_bg3,one_image_w,$pxs_next,$pxs_prev);
 +
slide(current,
 +
$pxs_slider,
 +
$pxs_bg3,
 +
$pxs_bg2,
 +
$pxs_bg1,
 +
1,
 +
o.easing,
 +
o.easingBg);
 +
});
-
<!-- *** End of the alert box *** -->
+
}
 +
}).error(function(){
 +
alert('here')
 +
}).attr('src',$img.attr('src'));
 +
});
 +
 +
 +
 +
});
 +
};
 +
 +
//the current windows width
 +
var w_w = $(window).width();
 +
 +
var slide = function(current,
 +
$pxs_slider,
 +
$pxs_bg3,
 +
$pxs_bg2,
 +
$pxs_bg1,
 +
speed,
 +
easing,
 +
easingBg){
 +
var slide_to = parseInt(-w_w * current);
 +
$pxs_slider.stop().animate({
 +
left : slide_to + 'px'
 +
},speed, easing);
 +
$pxs_bg3.stop().animate({
 +
left : slide_to/2 + 'px'
 +
},speed, easingBg);
 +
$pxs_bg2.stop().animate({
 +
left : slide_to/4 + 'px'
 +
},speed, easingBg);
 +
$pxs_bg1.stop().animate({
 +
left : slide_to/8 + 'px'
 +
},speed, easingBg);
 +
}
 +
 +
var highlight = function($elem){
 +
$elem.siblings().removeClass('selected');
 +
$elem.addClass('selected');
 +
}
 +
 +
var setWidths = function($pxs_slider,
 +
$elems,
 +
total_elems,
 +
$pxs_bg1,
 +
$pxs_bg2,
 +
$pxs_bg3,
 +
one_image_w,
 +
$pxs_next,
 +
$pxs_prev){
 +
/*
 +
the width of the slider is the windows width
 +
times the total number of elements in the slider
 +
*/
 +
var pxs_slider_w = w_w * total_elems;
 +
$pxs_slider.width(pxs_slider_w + 'px');
 +
//each element will have a width = windows width
 +
$elems.width(w_w + 'px');
 +
/*
 +
we also set the width of each bg image div.
 +
The value is the same calculated for the pxs_slider
 +
*/
 +
$pxs_bg1.width(pxs_slider_w + 'px');
 +
$pxs_bg2.width(pxs_slider_w + 'px');
 +
$pxs_bg3.width(pxs_slider_w + 'px');
 +
 +
/*
 +
both the right and left of the
 +
navigation next and previous buttons will be:
 +
windowWidth/2 - imgWidth/2 + some margin (not to touch the image borders)
 +
*/
 +
var position_nav = w_w/2 - one_image_w/2 + 3;
 +
$pxs_next.css('right', position_nav + 'px');
 +
$pxs_prev.css('left', position_nav + 'px');
 +
}
 +
 +
$.fn.parallaxSlider.defaults = {
 +
auto : 0, //how many seconds to periodically slide the content.
 +
//If set to 0 then autoplay is turned off.
 +
speed : 1000,//speed of each slide animation
 +
easing : 'jswing',//easing effect for the slide animation
 +
easingBg : 'jswing',//easing effect for the background animation
 +
circular : true,//circular slider
 +
thumbRotation : true//the thumbs will be randomly rotated
 +
};
 +
//easeInOutExpo,easeInBack
 +
})(jQuery);
 +
</script>
 +
<script type="text/javascript">
 +
$(function() {
 +
var $pxs_container = $('#pxs_container');
 +
$pxs_container.parallaxSlider();
 +
});
 +
        </script>
 +
<script type="text/javascript">
 +
            $(function() {
 +
                var d=300;
 +
                $('#navigation a').each(function(){
 +
                    $(this).stop().animate({
 +
                        'marginTop':'-80px'
 +
                    },d+=150);
 +
                });
 +
                $('#navigation > li').hover(
 +
                function () {
 +
                    $('a',$(this)).stop().animate({
 +
                        'marginTop':'-2px'
 +
                    },200);
 +
                },
 +
                function () {
 +
                    $('a',$(this)).stop().animate({
 +
                        'marginTop':'-80px'
 +
                    },200);
 +
                }
 +
            );
 +
            });
 +
 +
/*
 +
function $2(element){
 +
return element = document.getElementById(element);
 +
}
 +
function $D(){
 +
var d=$2('class1content');
 +
var h=d.offsetHeight;
 +
var maxh=300;
 +
function dmove(){
 +
h+=50; //设置层展开的速度23sc.cn
 +
if(h>=maxh){
 +
d.style.height='300px';
 +
clearInterval(iIntervalId);
 +
}else{
 +
d.style.display='block';
 +
d.style.height=h+'px';
 +
}
 +
}
 +
iIntervalId=setInterval(dmove,2);
 +
}
 +
function $D2(){
 +
var d=$2('class1content');
 +
var h=d.offsetHeight;
 +
var maxh=300;
 +
function dmove(){
 +
h-=50;//设置层收缩的速度23sc.cn
 +
if(h<=0){
 +
d.style.display='none';
 +
clearInterval(iIntervalId);
 +
}else{
 +
d.style.height=h+'px';
 +
}
 +
}
 +
iIntervalId=setInterval(dmove,2);
 +
}
 +
function $use(){
 +
var d=$2('class1content');
 +
var sb=$2('stateBut');
 +
if(d.style.display=='none'){
 +
$D();
 +
sb.innerHTML='unfold';
 +
}else{
 +
$D2();
 +
sb.innerHTML='shrink';
 +
}
 +
}*/
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:NJU_NJUT_China_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 
-
|[[Image:NJU_NJUT_China_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:NJU_NJUT_China | Team NJU_NJUT_China]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
function $aa(obj)
-
!align="center"|[[Team:NJU_NJUT_China|Home]]
+
{
-
!align="center"|[[Team:NJU_NJUT_China/Team|Team]]
+
if(obj.className == "aa")
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=NJU_NJUT_China Official Team Profile]
+
{
-
!align="center"|[[Team:NJU_NJUT_China/Project|Project]]
+
obj.className = "bb";
-
!align="center"|[[Team:NJU_NJUT_China/Parts|Parts Submitted to the Registry]]
+
}
-
!align="center"|[[Team:NJU_NJUT_China/Modeling|Modeling]]
+
else
-
!align="center"|[[Team:NJU_NJUT_China/Notebook|Notebook]]
+
obj.className = "aa";
-
!align="center"|[[Team:NJU_NJUT_China/Safety|Safety]]
+
}
-
!align="center"|[[Team:NJU_NJUT_China/Attributions|Attributions]]
+
function unfold(element){
-
|}
+
var temp=document.getElementById(element);
 +
$aa(temp);
 +
}
 +
        </script>
 +
 
 +
</body>
 +
</html>

Revision as of 05:26, 22 August 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

NJU_NJUT_CHINA

Loading images...
  • First Image
  • Second Image
  • Third Image
  • Forth Image
  • Fifth Image
  • Sixth Image
  • First Image
  • Second Image
  • Third Image
  • Forth Image
  • Fifth Image
  • Sixth Image
 

Project

Basic Information

    Most of the bacteria and archaea acquire virus resistance by integrating short viral nucleotide acid fragments into the clusters of regularly interspaced short palindromic repeats (CRISPRs). And CRISPR-based defense system can also protects them against the invading DNA and/or RNA elements. It is believed that the integrated CRISPR sequences have the ability to form a genetic memory which prevents the host from being infected. The CRISPRs and Cas (CRISPR-associated) interact and form this prokaryotic adaptive immune system....

 

Introduction to our experiment

information

Based on the fundamental synthetic biology methods, include the molecular cloning, long PCR, recombinant construction, restriction digestion and yeast transformation, our project aims to enable Saccharomyces cerevisiae to resist viruses utilizing the CRISPR system found in most bacteria and archaea lately.

To ensure the accurate output, we divide the original linear gene into several elements , and also purify and propagate the complete target sequence to make the both two models work in the host cell. To present the actual effect of CRISPR in yeast, we design our own mimic virus construction based on the homologous sequences shown in the specific viral genome database, which can be recognized, and control the baseline both for anti-virus ability and CRISPR's effect in its original form.

More specifically, we first obtain our CRISPR system by genome-extraction from E.coli str W3110, and clone the respective target genes as modules. The construction, as well as the mimic virus construction, IS made by restriction-ligase way. We transform the mimic virus plasmid first by lithium acetate method and verify the availability by several antibiotics. We then import CRISPR system in the same way, utilizing the Ochre mutation and GFP switch-off to evaluate the anti-virus feasibility.

Read More

Retrieved from "http://2013.igem.org/Team:NJU_NJUT_China"