Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<h1>Background</h1>
+
{{Team:Tsinghua-A/CSS}}
-
 
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<p>&emsp;&emsp;&emsp;&emsp;&emsp;Transcription Activator-Like Effectors (TALEs) is a technology that once revolutionized the way researchers manipulate DNA with exceptional site specificity. TALEs are proteins secreted by Xanthomonas bacteria and they recognize DNA sequences through a central repeat domain consisting of a variable number of 34 amino acid repeats. There appears to be a one-to-one correspondence between the identity of two critical amino acids in each repeat and each DNA base in the target sequence.</p>
+
<html>
-
 
+
<head>
-
<h1>Assembly</h1>
+
<title>PlusBusiness</title>
-
 
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<p> &emsp;&emsp;&emsp;&emsp;&emsp;The TALE assembly strategy uses the Golden Gate cloning method, which is based on the ability of type IIS enzymes to cleave outside of their recognition site. When type IIS recognition sites are placed to the far 5’ and 3’ end of any DNA fragment in inverse orientation, they are removed in the cleavage process, allowing two DNA fragments flanked by compatible sequence overhangs, termed fusion sites, to be ligated seamlessly. Since type IIS fusion sites can be designed to have different sequences, directional assembly of multiple DNA fragments is feasible. Using this strategy, DNA fragments can be assembled from undigested input plasmids in a one-pot reaction with high efficiency.<br />
+
<meta http-equiv="imagetoolbar" content="no" />
-
&emsp;&emsp;&emsp;&emsp;&emsp; We chose the native TALE AvrBs3 as a scaffold for customized assembly of TALE constructs. The central DNA binding domain of AvrBs3 is formed by 17.5 tandemly arranged 34 amino acid repeats, with the last half repeat showing similarity to only the first 20 amino acids of a full repeat. To reduce the risk of recombination events between the 17.5 highly homologous repeat sequences, we codon-optimized avrBs3 applying the codon usage.<br />
+
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
-
&emsp;&emsp;&emsp;&emsp;&emsp; In a single Golden Gate cloning reaction, cloning efficiency is significantly reduced for assembly of 17 repeat modules. Therefore, we split the assembly in two successive steps. In the first cloning step, 10 repeats are assembled in one vector. The preassembly vectors confer SpecR and encode a lacZ-α fragment for blue/white selection. On both sides of the lacZ-α fragment a type IIS recognition sequence - BsaI - is positioned. Similarly, 11~17 repeats and NG-last-repeat are respectively ligated and inserted into another vector. After preassembly of the 10 and 7 and last repeats using BsaI, the intermediate blocks are released via Esp3I and cloned into the final assembly vector (modified pTAL1). Modified pTAL1 confers AmpR, and allows plasmid replication in E.coli. The vector pTAL1 also contains all elements of the final TALE expression construct, except the repeat modules.</p>
+
<script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
-
 
+
<script type="text/javascript" src="scripts/jquery.jcarousel.pack.js"></script>
-
<h1>Modeling</h1>
+
<script type="text/javascript" src="scripts/jquery.jcarousel.setup.js"></script>
-
 
+
</head>
-
<p>&emsp;&emsp;&emsp;&emsp;&emsp; In modeling part, genetic algorithm is applied to TALE sequence optimization. We exploit amino acid degeneracy and alternate the nucleotides to reduce the repetition rate of DNA bases of the DNA sequence of TALE. Then the optimized TALE will be tested by biological experiments. We divide our algorithm into four parts. First, we alternate a random point of natural DNA sequence of TALE. It is the same as gene mutation. Thousands of mutational sequences form a population and we simulate the process of reproduction in computer. The population will be changed by exchange of parts of DNA. Then each sequence will be estimated by dynamic programming and given a score. The high scored sequences have higher possibility to survive and the lower ones are more likely to be obsoleted. After more than 200 generations, an optimized population will be created. And we choose a certain number of the sequences to be tested in the next biological test.</p>
+
<body id="top">
-
 
+
<!-- ####################################################################################################### -->
-
<h1>Report System</h1>
+
<div class="wrapper col1">
-
 
+
  <div id="header">
-
<p> &emsp;&emsp;&emsp;&emsp;&emsp; We construct a report system so as to test the reliability and efficiency of our ‘Telling TALE’. In this section, we test the TALE’s DNA binding ability and report it with a common report gene ‘RFP’. We attempt to put the target of TALE’s DNA binding target sequence inside the expression cassette of report gene and binding TALE can disrupt the express of report gene. We use iGEM standard parts to build our report system.</p>
+
    <div id="logo">
-
 
+
      <h1><a href="#">+Business</a></h1>
-
<h1>Reference</h1>
+
      <p>Free CSS Website Template</p>
-
 
+
    </div>
-
<p>   &emsp;&emsp;&emsp;&emsp;&emsp;1. <i> Assembly of Designer TAL Effectors by Golden Gate Cloning</i>, Weber E, Gruetzner R, Werner S, Engler C, Marillonnet S (2011),  PLoS ONE 6(5): e19722. doi:10.1371/journal.pone.0019722</p>
+
    <div id="topnav">
-
 
+
      <ul>
-
edit[https://2014.igem.org/wiki/index.php?title=Team:Tsinghua-A&action=edit]
+
        <li class="active"><a href="index.html">Home</a></li>
 +
        <li><a href="style-demo.html">Style Demo</a></li>
 +
        <li><a href="full-width.html">Full Width</a></li>
 +
        <li><a href="#">DropDown</a>
 +
          <ul>
 +
            <li><a href="#">Link 1</a></li>
 +
            <li><a href="#">Link 2</a></li>
 +
            <li><a href="#">Link 3</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="last"><a href="#">A Long Link Text</a></li>
 +
      </ul>
 +
    </div>
 +
    <br class="clear" />
 +
  </div>
 +
</div>
 +
<!-- ####################################################################################################### -->
 +
<div class="wrapper col2">
 +
  <div id="featured_slide">
 +
    <div id="featured_content">
 +
      <ul>
 +
        <li><img src="images/1.jpg" alt="" />
 +
          <div class="floater">
 +
            <h2>About This Template !</h2>
 +
            <p>This is a W3C standards compliant free website template from <a href="http://www.mycodes.net/">源码之家</a>. This template is distributed using a <a href="#">Website Template Licence</a>, which allows you to use and modify the template for both personal and commercial use when you keep the provided credit links in the footer. For more CSS templates visit <a href="#">Free Website Templates</a>.</p>
 +
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
 +
          </div>
 +
        </li>
 +
        <li><img src="images/2.jpg" alt="" />
 +
          <div class="floater">
 +
            <h2>Cursus penati saccum ut curabitur nulla.</h2>
 +
            <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum&hellip;</p>
 +
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
 +
          </div>
 +
        </li>
 +
        <li><img src="images/3.jpg" alt="" />
 +
          <div class="floater">
 +
            <h2>Cursus penati saccum ut curabitur nulla.</h2>
 +
            <p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum&hellip;</p>
 +
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
 +
          </div>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
    <a href="javascript:void(0);" id="featured-item-prev"><img src="images/prev.png" alt="" /></a> <a href="javascript:void(0);" id="featured-item-next"><img src="images/next.png" alt="" /></a> </div>
 +
</div>
 +
<!-- ####################################################################################################### -->
 +
<div class="wrapper col3">
 +
  <div id="container">
 +
    <div class="homepage">
 +
      <ul>
 +
        <li>
 +
          <h2><img src="images/4.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
 +
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
 +
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
 +
        </li>
 +
        <li>
 +
          <h2><img src="images/5.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
 +
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
 +
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
 +
        </li>
 +
        <li class="last">
 +
          <h2><img src="images/6.jpg" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
 +
          <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
 +
          <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
 +
        </li>
 +
      </ul>
 +
      <br class="clear" />
 +
    </div>
 +
  </div>
 +
</div>
 +
<!-- ####################################################################################################### -->
 +
<div class="wrapper col4">
 +
  <div id="footer">
 +
    <div class="box1">
 +
      <h2>A Little Company Information !</h2>
 +
      <img class="imgl" src="images/demo/imgl.gif" alt="" />
 +
      <p>Morbitincidunt maurisque eros molest nunc anteget sed vel lacus mus semper. Anterdumnullam interdum eros dui urna consequam ac nisl nullam ligula vestassa. Condimentumfelis et amet tellent quisquet a leo lacus nec augue</p>
 +
      <p>Portortornec condimenterdum eget consectetuer condis.</p>
 +
    </div>
 +
    <div class="box contactdetails">
 +
      <h2>Our Contact Details !</h2>
 +
      <ul>
 +
        <li>Company Name</li>
 +
        <li>Street Name &amp; Number</li>
 +
        <li>Town</li>
 +
        <li>Postcode/Zip</li>
 +
        <li>Tel: xxxxx xxxxxxxxxx</li>
 +
        <li>Fax: xxxxx xxxxxxxxxx</li>
 +
        <li>Email: info@domain.com</li>
 +
        <li class="last">LinkedIn: <a href="#">Company Profile</a></li>
 +
      </ul>
 +
    </div>
 +
    <div class="box flickrbox">
 +
      <h2>Latest Flickr Images !</h2>
 +
      <div class="wrap">
 +
        <div class="fix"></div>
 +
        <div class="flickr_badge_image" id="flickr_badge_image1"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
 +
        <div class="flickr_badge_image" id="flickr_badge_image2"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
 +
        <div class="flickr_badge_image" id="flickr_badge_image3"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
 +
        <div class="flickr_badge_image" id="flickr_badge_image4"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
 +
        <div class="flickr_badge_image" id="flickr_badge_image5"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
 +
        <div class="flickr_badge_image" id="flickr_badge_image6"><a href="#"><img src="images/demo/80x80.gif" alt="" /></a></div>
 +
        <div class="fix"></div>
 +
      </div>
 +
    </div>
 +
    <br class="clear" />
 +
  </div>
 +
</div>
 +
<!-- ####################################################################################################### -->
 +
<div class="wrapper col5">
 +
  <div id="copyright">
 +
    <p class="fl_left">Copyright &copy; 2011 - All Rights Reserved - <a href="#">Domain Name</a></p>
 +
    <p class="fl_right">Template from <a href="http://www.mycodes.net/" title="源码之家">网站模板</a></p>
 +
    <br class="clear" />
 +
  </div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 20:10, 14 October 2014

{{Team:Tsinghua-A/CSS/BOOTSTRAP}} {{Team:Tsinghua-A/CSS/NORMALIZE}} {{Team:Tsinghua-A/CSS/FONT-AWESOME}} {{Team:Tsinghua-A/CSS/ANIMATE}} {{Team:Tsinghua-A/CSS/TEMPLATEMO_MISC}} {{Team:Tsinghua-A/CSS/TEMPLATEMO_STYLE}} {{Team:Tsinghua-A/SCRIPT}} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> PlusBusiness

  • Nullamlacus dui ipsum conseque loborttis

    Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.

    Continue Reading »

  • Nullamlacus dui ipsum conseque loborttis

    Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.

    Continue Reading »

  • Nullamlacus dui ipsum conseque loborttis

    Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.

    Continue Reading »