Team:Tsinghua-A

From 2014.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 2: Line 2:
{{Team:Tsinghua-A/Killbanner}}
{{Team:Tsinghua-A/Killbanner}}
{{Team:Tsinghua-A/Menubar}}
{{Team:Tsinghua-A/Menubar}}
-
 
-
 
-
<html><head>
 
-
 
 
-
    <style type="text/css" media="screen">
 
-
      body {
 
-
        background-color: #f1f1f1;
 
-
        margin: 0;
 
-
      }
 
-
      body,
 
-
      input,
 
-
      button {
 
-
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 
-
      }
 
-
 
-
      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>
 
-
</html>
 
-
 
<html>
<html>
Line 306: 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 315: 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/2014/5/50/Tsinghua-A-project.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>Background, hypothesis and workflow of designer TALE. </p>
             <p>Background, hypothesis and workflow of designer TALE. </p>
Line 324: 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/2014/a/a8/Tsinghua-A-modeling3.png" 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>Optimization of TALE sequence and simulation of the gene circuit. </p>
             <p>Optimization of TALE sequence and simulation of the gene circuit. </p>
Line 333: 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/2014/2/22/H15.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>Lectures, seminar, questionnaires and raising ethic problems.  </p>
             <p>Lectures, seminar, questionnaires and raising ethic problems.  </p>
Line 342: 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/2014/d/d9/QQ%E6%88%AA%E5%9B%BE20141018073141.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>Department of Automatics, Life Science and Medical School. </p>
             <p>Department of Automatics, Life Science and Medical School. </p>
Line 352: Line 122:
   </section>
   </section>
    
    
 +
<section id="team">
 +
  <div class="image-break"> </div>
 +
 
 +
  <div class="container">
 +
     
 +
      <div class="row-fluid">
 +
        <div class="span12">
 +
  <h2> Team </h2>
 +
      <img src="https://static.igem.org/mediawiki/2014/7/70/Tsinghua-A_team.png" alt="Title">
 +
 +
                   
 +
        </div>
 +
      </div>
 +
         
 +
 +
    </div>
 +
  </section>
 +
 +
  <!--Clients Section-->
  <!--Clients Section-->

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