Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 37: Line 37:
           <div class="carousel-caption">
           <div class="carousel-caption">
             <h1>Welcome to Tsinghua-A Team Wiki</h1>
             <h1>Welcome to Tsinghua-A Team Wiki</h1>
-
             <h2> Practice humanity with technology. <br/><a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice"><i class="icon-chevron-right"></i> See Human Practice</a> </h2>
+
             <h2> Practice humanity with technology. <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice"><i class="icon-chevron-right"></i> See Human Practice</a> </h2>
           </div>
           </div>
         </div>
         </div>
Line 50: Line 50:
 +
<section id="message">
 +
    <div class="container">
 +
      <div class="row-fluid">
 +
        <div class="span12 text-center">
 +
        <h2> Introduction </h2>
 +
          <h3>Transactivator-Like Effectors (TALEs) are a technology that once revolutionized the way researchers manipulate DNA with exceptional site specificity.Though it works well in eukaryotic organisms, it is not available in prokaryotic organisms. We come up with the idea that the long repeating sequence of the TALEs coding sequence leads to it. In our project, we attempt to construct a marvelous TALEs system which can efficiently work in prokaryotic organisms. By optimizing the TALEs coding sequence with modeling methods and testing it by Golden Gate Assembly and Report System, we hope we can have a handle tool for gene editing in prokaryotic organisms.
 +
 +
<h3>
 +
 +
        </div>
 +
 +
 +
      </div>
 +
    </div>
 +
  </section>
 +
 +
 +
<section>
 +
<div class="span12 text-centre">
 +
 +
<img src="https://static.igem.org/mediawiki/2014/0/08/Tsinghua-A_Wishtobethefinal.jpg">
 +
 +
</img>
 +
</div>
 +
 +
</section>
   <!--Services Section-->
   <!--Services Section-->
Line 59: Line 85:
         <div class="span3 text-center service-box">
         <div class="span3 text-center service-box">
           <a href="https://2014.igem.org/Team:Tsinghua-A/Project">
           <a href="https://2014.igem.org/Team:Tsinghua-A/Project">
-
             <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2013/8/87/Pengshuguang.jpg" alt="">
+
             <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/5/57/Tsinghua-A-project.jpg" alt="">
             <h2>Project</h2>
             <h2>Project</h2>
-
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
+
             <p>Background, hypothesis and workflow of designer TALE. </p>
           </a>
           </a>
         </div>
         </div>
Line 68: Line 94:
         <div class="span3 text-center service-box">
         <div class="span3 text-center service-box">
           <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling">
           <a href="https://2014.igem.org/Team:Tsinghua-A/Modeling">
-
           <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2013/8/87/Pengshuguang.jpg" alt="">
+
           <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/2/24/Tsinghua-A-modeling3.jpg" alt="">
             <h2>Modeling</h2>
             <h2>Modeling</h2>
-
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
+
             <p>Optimization of TALE sequence and simulation of the gene circuit. </p>
           </a>
           </a>
         </div>
         </div>
Line 77: Line 103:
         <div class="span3 text-center service-box">
         <div class="span3 text-center service-box">
           <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice">
           <a href="https://2014.igem.org/Team:Tsinghua-A/HumanPractice">
-
             <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2013/8/87/Pengshuguang.jpg" alt="">
+
             <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/c/c9/Tsinghua-A_HP.jpg" alt="">
-
             <h2> Human Practice</h2>
+
             <h2>Human Practice</h2>
-
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
+
             <p>Lectures, seminar, questionnaires and raising ethic problems. </p>
           </a>
           </a>
         </div>
         </div>
Line 86: Line 112:
         <div class="span3 text-center service-box">
         <div class="span3 text-center service-box">
           <a href="https://2014.igem.org/Team:Tsinghua-A/Team">
           <a href="https://2014.igem.org/Team:Tsinghua-A/Team">
-
             <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2013/8/87/Pengshuguang.jpg" alt="">
+
             <img class="team-thumb img-circle" src="https://static.igem.org/mediawiki/2014/8/8e/Tsinghua-A_team.jpg" alt="">
             <h2>Team</h2>
             <h2>Team</h2>
-
             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
+
             <p>Department of Automatics, Life Science and Medical School. </p>
           </a>
           </a>
         </div>
         </div>
Line 96: Line 122:
   </section>
   </section>
    
    
-
 
+
<section id="team">
-
<!--Clients Section-->
+
-
  <section id="Acknoledgements">
+
   <div class="image-break"> </div>
   <div class="image-break"> </div>
    
    
Line 105: Line 129:
       <div class="row-fluid">
       <div class="row-fluid">
         <div class="span12">
         <div class="span12">
-
          <h2> Acknowledgements </h2>
+
  <h2> Team </h2>
-
                    <img src="https://static.igem.org/mediawiki/2014/4/45/Tsinghua-A_acc.png" alt="Title">
+
      <img src="https://static.igem.org/mediawiki/2014/7/70/Tsinghua-A_team.png" alt="Title">
 +
 
 +
                   
         </div>
         </div>
       </div>
       </div>
Line 116: Line 142:
-
 
+
  <!--Clients Section-->
-
   
+
  <section id="Acknoledgements">
-
 
+
   <div class="image-break"> </div>
-
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+
 
-
    <cfheader name="X-XSS-Protection" value="0">
+
   <div class="container">
-
 
+
-
    <title>Page not found · GitHub</title>
+
-
    <style type="text/css" media="screen">
+
-
      body {
+
-
        background-color: #f1f1f1;
+
-
        margin: 0;
+
-
      }
+
-
      body,
+
-
      input,
+
-
      button {
+
-
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
-
      }
+
-
      .container { margin: 30px auto 40px auto; width: 800px; text-align: center; }
+
-
 
+
-
      a { color: #4183c4; text-decoration: none; font-weight: bold; }
+
-
      a:hover { text-decoration: underline; }
+
-
 
+
-
      h3 { color: #666; }
+
-
      ul { list-style: none; padding: 25px 0; }
+
-
      li {
+
-
        display: inline;
+
-
        margin: 10px 50px 10px 0px;
+
-
      }
+
-
      input[type=text],
+
-
      input[type=password] {
+
-
        font-size: 13px;
+
-
        min-height: 32px;
+
-
        margin: 0;
+
-
        padding: 7px 8px;
+
-
        outline: none;
+
-
        color: #333;
+
-
        background-color: #fff;
+
-
        background-repeat: no-repeat;
+
-
        background-position: right center;
+
-
        border: 1px solid #ccc;
+
-
        border-radius: 3px;
+
-
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075);
+
-
        -moz-box-sizing: border-box;
+
-
        box-sizing: border-box;
+
-
        -webkit-transition: all 0.15s ease-in;
+
-
        transition: all 0.15s ease-in;
+
-
        vertical-align: middle;
+
-
      }
+
-
      .button {
+
-
        position: relative;
+
-
        display: inline-block;
+
-
        margin: 0;
+
-
        padding: 8px 15px;
+
-
        font-size: 13px;
+
-
        font-weight: bold;
+
-
        color: #333;
+
-
        text-shadow: 0 1px 0 rgba(255,255,255,0.9);
+
-
        white-space: nowrap;
+
-
        background-color: #eaeaea;
+
-
        background-image: -moz-linear-gradient(#fafafa, #eaeaea);
+
-
        background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
+
-
        background-image: linear-gradient(#fafafa, #eaeaea);
+
-
        background-repeat: repeat-x;
+
-
        border-radius: 3px;
+
-
        border: 1px solid #ddd;
+
-
        border-bottom-color: #c5c5c5;
+
-
        box-shadow: 0 1px 3px rgba(0,0,0,.05);
+
-
        vertical-align: middle;
+
-
        cursor: pointer;
+
-
        -moz-box-sizing: border-box;
+
-
        box-sizing: border-box;
+
-
        -webkit-touch-callout: none;
+
-
        -webkit-user-select: none;
+
-
        -khtml-user-select: none;
+
-
        -moz-user-select: none;
+
-
        -ms-user-select: none;
+
-
        user-select: none;
+
-
        -webkit-appearance: none;
+
-
      }
+
-
      .button:hover,
+
-
      .button:active {
+
-
        background-position: 0 -15px;
+
-
        border-color: #ccc #ccc #b5b5b5;
+
-
      }
+
-
      .button:active {
+
-
        background-color: #dadada;
+
-
        border-color: #b5b5b5;
+
-
        background-image: none;
+
-
        box-shadow: inset 0 3px 5px rgba(0,0,0,.15);
+
-
      }
+
-
      .button:focus,
+
-
      input[type=text]:focus,
+
-
      input[type=password]:focus {
+
-
        outline: none;
+
-
        border-color: #51a7e8;
+
-
        box-shadow: inset 0 1px 2px rgba(0,0,0,.075), 0 0 5px rgba(81,167,232,.5);
+
-
      }
+
-
      #auth {
+
-
        position: absolute;
+
-
        top: 0;
+
-
        right: 0;
+
-
        z-index: 50;
+
-
        min-height: 32px;
+
-
        background-color: rgba(53,95,120,.4);
+
-
        padding: 7px 10px;
+
-
        border-bottom-right-radius: 10px;
+
-
        border-bottom-left-radius: 10px;
+
-
        box-shadow: 0 3px 0 rgba(0, 0, 0, 0.28);
+
-
        display: none;
+
-
      }
+
-
      #auth h1, #auth p, #auth label {
+
-
        display: none;
+
-
      }
+
-
      .auth-form-body {
+
-
        display: inline;
+
-
      }
+
-
      #auth input[type=text],
+
-
      #auth input[type=password] {
+
-
        float: left;
+
-
        width: 175px;
+
-
        margin-right: 9px;
+
-
        border: 0;
+
-
        background-color: #f5f5f5;
+
-
      }
+
-
      #auth input[type=text]:focus,
+
-
      #auth input[type=password]:focus {
+
-
        background-color: #fff;
+
-
        box-shadow: 0 0 5px rgba(255,255,255,.5);
+
-
      }
+
-
      #auth .button {
+
-
        border: 0;
+
-
      }
+
-
      #auth .button:focus {
+
-
        box-shadow: 0 0 5px rgba(255,255,255,.5);
+
-
      }
+
-
      label[for=search] {
+
-
        display: block;
+
-
        text-align: left;
+
-
      }
+
-
      #search label {
+
-
        font-weight: 200;
+
-
        padding: 5px 0;
+
-
      }
+
-
      #search input[type=text] {
+
-
        font-size: 18px;
+
-
        width: 705px;
+
-
      }
+
-
      #search .button {
+
-
        padding: 10px;
+
-
        width: 90px;
+
-
      }
+
-
      .logo { display: inline-block; margin-top: 35px; }
+
-
      .logo-img-2x { display: none; }
+
-
      @media
+
-
      only screen and (-webkit-min-device-pixel-ratio: 2),
+
-
      only screen and (   min--moz-device-pixel-ratio: 2),
+
-
      only screen and (    -o-min-device-pixel-ratio: 2/1),
+
-
      only screen and (        min-device-pixel-ratio: 2),
+
-
      only screen and (                min-resolution: 192dpi),
+
-
      only screen and (                min-resolution: 2dppx) {
+
-
        .logo-img-1x { display: none; }
+
-
        .logo-img-2x { display: inline-block; }
+
-
      }
+
-
      #suggestions {
+
-
        margin-top: 35px;
+
-
        color: #ccc;
+
-
      }
+
-
      #suggestions a {
+
-
        color: #666666;
+
-
        font-weight: 200;
+
-
        font-size: 14px;
+
-
        margin: 0 10px;
+
-
      }
+
-
 
+
-
      #parallax_wrapper {
+
-
        position: relative;
+
-
        z-index: 0;
+
-
        -webkit-transition: all 0.25s ease-in;
+
-
        transition: all 0.25s ease-in;
+
-
      }
+
-
      #parallax_field {
+
-
        overflow: hidden;
+
-
        position: absolute;
+
-
        left: 0;
+
-
        top: 0;
+
-
        height: 370px;
+
-
        width: 100%;
+
-
      }
+
-
      #parallax_field #parallax_bg {
+
-
        position: absolute;
+
-
        top: -20px;
+
-
        left: -20px;
+
-
        width: 110%;
+
-
        height: 425px;
+
-
        z-index: 1;
+
-
      }
+
-
      #parallax_illustration {
+
-
        display: block;
+
-
        margin: 0 auto;
+
-
        width: 940px;
+
-
        height: 370px;
+
-
        position: relative;
+
-
        overflow: hidden;
+
-
        clear: both;
+
-
      }
+
-
      #parallax_illustration img {
+
-
        position: absolute;
+
-
      }
+
-
      #parallax_illustration #parallax_error_text {
+
-
        top: 72px;
+
-
        left: 72px;
+
-
        z-index: 10;
+
-
      }
+
-
      #parallax_illustration #human {
+
-
        top: 140px;
+
-
        left: 200px;
+
-
        z-index: 9;
+
-
      }
+
-
      #parallax_illustration #gene {
+
-
        top: 180px;
+
-
        left: 220px;
+
-
        z-index: 8;
+
-
      }
+
-
      #parallax_illustration #parallax_octocatshadow {
+
-
        top: 297px;
+
-
        left: 371px;
+
-
        z-index: 7;
+
-
      }
+
-
      #parallax_illustration #parallax_speedershadow {
+
-
        top: 263px;
+
-
        left: 442px;
+
-
        z-index: 6;
+
-
      }
+
-
      #parallax_illustration #logo {
+
-
        top: 150px;
+
-
        left: 630px;
+
-
        z-index: 5;
+
-
      }
+
-
      #parallax_illustration #brick {
+
-
        top: 180px;
+
-
        left: 200px;
+
-
        z-index: 4;
+
-
      }
+
-
    </style>
+
-
  <style>[touch-action="none"]{ -ms-touch-action: none; touch-action: none; }[touch-action="pan-x"]{ -ms-touch-action: pan-x; touch-action: pan-x; }[touch-action="pan-y"]{ -ms-touch-action: pan-y; touch-action: pan-y; }[touch-action="scroll"],[touch-action="pan-x pan-y"],[touch-action="pan-y pan-x"]{ -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }</style><style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
+
-
.en-markup-crop-options {
+
-
    top: 18px !important;
+
-
    left: 50% !important;
+
-
    margin-left: -90px !important;
+
-
    width: 180px !important;
+
-
    border: 2px rgba(255,255,255,.38) solid !important;
+
-
    border-radius: 4px !important;
+
-
}
+
-
 
+
-
.en-markup-crop-options div div:first-of-type {
+
-
    margin-left: 0px !important;
+
-
}
+
-
</style></head>
+
-
   <body>
+
-
 
+
-
    <div id="parallax_wrapper">
+
-
      <div id="parallax_field">
+
        
        
 +
      <div class="row-fluid">
 +
        <div class="span12">
 +
          <h2> Acknowledgements </h2>
 +
                    <img src="https://static.igem.org/mediawiki/2014/4/45/Tsinghua-A_acc.png"  alt="Title">
 +
        </div>
       </div>
       </div>
-
      <div id="parallax_illustration">
+
         
-
        <div id="auth"></div>
+
-
 
+
-
     
+
-
 
+
-
        <img alt="" class="js-plaxify" data-xrange="10" data-yrange="10" height="162" id="human" width="113" src="https://static.igem.org/mediawiki/2014/6/68/Tsinghua-A_Human.png" style="top: 93.01263823064771 px; left: 100.7109375px;">
+
-
 
+
-
        <img alt="" class="js-plaxify" data-xrange="8" data-yrange="8" height="111" id="gene" width="460" src="https://static.igem.org/mediawiki/2014/d/d6/Tsinghua-A_Gene.png" style="top: 180.01263823064772px; left: 220.7109375px;">
+
   
   
-
 
-
       
 
-
 
-
<img alt="" class="js-plaxify" data-invert="true" data-xrange="20" data-yrange="20" height="84" id="logo" width="120" src="https://static.igem.org/mediawiki/2014/a/a7/Tsinghua_A_logo.png" style="top: 150.97472353870458px; left: 630.4453125px;">
 
-
 
-
      <img alt="" class="js-plaxify" data-invert="true" data-xrange="10" data-yrange="10" height="30" id="brick" width="30" src="https://static.igem.org/mediawiki/2014/c/cc/Tsinghua-A_Small_brick.png" style="top: 180.96208530805687px; left: 210.66796875px;">
 
-
    </div>
 
-
 
     </div>
     </div>
 +
  </section>
-
 
-
 
+
-
{{Team:Tsinghua-A/LogoCode}}
+

Latest revision as of 03:01, 18 October 2014

Introduction

Transactivator-Like Effectors (TALEs) are a technology that once revolutionized the way researchers manipulate DNA with exceptional site specificity.Though it works well in eukaryotic organisms, it is not available in prokaryotic organisms. We come up with the idea that the long repeating sequence of the TALEs coding sequence leads to it. In our project, we attempt to construct a marvelous TALEs system which can efficiently work in prokaryotic organisms. By optimizing the TALEs coding sequence with modeling methods and testing it by Golden Gate Assembly and Report System, we hope we can have a handle tool for gene editing in prokaryotic organisms.

Team

Title

Acknowledgements

Title