Difference between revisions of "Team:Jilin China"

 
(87 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
{{:Team:Jilin_China/CSS}}
 
{{:Team:Jilin_China/CSS}}
−
{{:Team:Jilin_China/CSS_Details}}
 
 
{{:Team:Jilin_China/Navbar}}
 
{{:Team:Jilin_China/Navbar}}
 
{{:Team:Jilin_China/Js}}
 
{{:Team:Jilin_China/Js}}
−
<html><!--For CSS and Js-->
+
{{:Team:Jilin_China/Home_CSS}}
 +
{{:Team:Jilin_China/Footer_CSS}}
 +
<html>
 
<style>
 
<style>
−
.s1{
 
−
background: url(https://static.igem.org/mediawiki/2018/f/f3/T--Jilin_China--Description--Banner.jpeg) no-repeat top left;
 
−
background-size: cover;
 
−
}
 
−
.bodycontent section h2{
 
−
color: #C94C1E;
 
−
}
 
−
.navborder{
 
−
border-bottom:3px solid #C94C1E;
 
−
}
 
  
−
.sidenav li{
 
−
border: #C94C1E 3px solid;
 
−
}
 
−
.sidenav li:hover{
 
−
  background: rgba(201,76,30,0.75);
 
−
}
 
−
.sidenav_selected{
 
−
  background: rgba(201,76,30,1) !important;
 
−
}
 
  
−
.bodycontent .s2 > ul > li:nth-of-type(even){
 
−
background: #FFCC99;
 
−
}
 
−
 
−
.bottom_stemloop{
 
−
filter:hue-rotate(-175.66deg) saturate(85.07%) brightness(100%)
 
−
}
 
−
footer{
 
−
background:#7A2E13 !important;
 
−
}
 
−
@media screen and (min-width:768px){
 
−
.bodycontent .s2 h2{
 
−
padding-left: 5rem !important;
 
−
position: relative;
 
−
 
−
}
 
−
.bodycontent .s2 h2:before {
 
−
content:"";
 
−
position: absolute;
 
−
top:0;
 
−
left:0;
 
−
width:4rem;
 
−
height:100%;
 
−
background: url(https://static.igem.org/mediawiki/2018/a/a7/T--Jilin_China--Common--Icons--Logo.svg) no-repeat left;
 
−
background-size:auto 4rem ;
 
−
animation: IconSpin 1s ease infinite alternate;
 
−
}
 
−
}
 
 
</style>
 
</style>
−
 
 
</html>
 
</html>
  
 
<html>
 
<html>
 +
<div class="s1" style="display:none;height:99999%;"></div>
 +
<section class="ss1 home_banner">
 +
  <div class="banner_logo"></div>
 +
  <h1><span>The Collection of</span><br><span>SynRT</span><br><span>with Different Sensing Temperatures</span></h1>
 +
  <div class="bg-giraffe">
 +
  <div>
 +
    <div></div>
 +
    <div></div>
 +
    <div></div>
 +
    <div></div>
 +
  </div>
 +
  </div>
 +
</section>
 +
<section class="ss2 normal abstract">
 +
  <div>
 +
  <h1>ABSTRACT</h1>
 +
  <p>Many strategies could be used to regulate the gene expression responding to temperature changes in bacterial cells. A well-known class of biological thermoregulatory elements includes RNA-based thermosensors (RTs), which are located in the 5'-
 +
untranslated region in mRNA. RTs could sense temperature shift and influence the mRNA stability or ribosome accessibility, thereby controlling translation efficiency.</p>
 +
  <p>However, natural RNA-based thermosensors have complex structure and narrow sensing temperature range, which become the biggest limitation in their application. To address this issue, we have created a synthetic RNA-based thermosensor (SynRT) toolkit with different sensing temperatures. Additionally, we built a matched search engine for users.
 +
  <p>The SynRT toolkit version has been updated from 1.0 to 3.0, and the latest version is composed of four types of SynRTs:</p>
 +
  </div>
 +
</section>
 +
<section class="ss3 normal home_design">
 +
  <div class="bacteria">
 +
 
 +
  <div class="stem-loop hot-induced">
 +
 
 +
    <input id="checked_1" type="checkbox" class="switch" />
 +
 
 +
  <svg class="svg_animate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599.75 278.7">
 +
    <defs>
 +
    <style>
 +
      .hot-induced .a, .b, .c, .f {
 +
    fill: none;
 +
    stroke-width: 11px;
 +
      }
  
−
<section class="s1">
+
      .hot-induced .a {
−
  <div class="title_con">
+
    stroke: #036;
−
  <p>DESCRIPTION</p>
+
      }
−
  <br />
+
−
  <table>
+
−
  <tr>
+
−
    <td><a href="#pragraph_1" class="clickwave">Promoters</a></td>
+
−
    <td><a href="#pragraph_2" class="clickwave">Library</a></td>
+
−
    <td><a href="#pragraph_3" class="clickwave">What are we doing</a></td>
+
  
 +
      .hot-induced .a,.hot-induced  .b,.hot-induced  .c,.hot-induced  .f,.hot-induced  .g {
 +
    stroke-linecap: round;
 +
    stroke-linejoin: round;
 +
      }
  
−
   </tr>
+
      .hot-induced .b {
−
   </table>
+
    stroke: #060;
 +
      }
 +
 
 +
      .hot-induced .c {
 +
    stroke: #600;
 +
      }
 +
 
 +
      .hot-induced .d,.hot-induced  .e,.hot-induced  .h{
 +
    font-size: 17px;
 +
    font-family: Quicksand-Medium, Quicksand;
 +
      }
 +
 
 +
      .hot-induced .d {
 +
    fill: #006837;
 +
      }
 +
 
 +
      .hot-induced .e {
 +
    fill: #900;
 +
      }
 +
 
 +
      .hot-induced .f {
 +
    stroke: #000;
 +
      }
 +
 
 +
    .hot-induced .h {
 +
    fill: #930;
 +
      }
 +
 
 +
      .hot-induced .g {
 +
    fill: #fff794;
 +
    stroke: #fbb03b;
 +
    stroke-width: 7px;
 +
      }
 +
    .hot-induced .hydrogen-bond{
 +
      opacity:1;
 +
      transition: all 0.3s linear 1s;
 +
    }
 +
    .hot-induced #ribosome{
 +
      transform: translateY(-60px);
 +
      opacity:0;
 +
      transition: all 1s ease-out 0s;
 +
    }
 +
    .hot-induced #ribosome_text{
 +
      opacity:0;
 +
      transition: all 0.3s linear 0s;
 +
    }
 +
    .hot-induced #text{
 +
      transform: translateY(0px);
 +
      transition: all 1s ease-out;
 +
    }
 +
    .hot-induced #loop{
 +
      transform: translateY(0px);
 +
      transition: all 2s ease-out;
 +
    }
 +
    .hot-induced #left,#right{
 +
      stroke-dasharray:130,500;
 +
      transition: all 2s ease-out;
 +
    }
 +
    .hot-induced #left{
 +
      stroke-dashoffset:0;
 +
      stroke:red;
 +
    }
 +
    .hot-induced #right{
 +
      stroke-dashoffset:-277;
 +
      stroke:green;
 +
    }
 +
    .hot-induced #left_s,#right_s{
 +
      stroke-dasharray:60,500;
 +
      color:black;
 +
      transition: all 2s ease-out;
 +
    }
 +
    .hot-induced #left_s{
 +
      stroke-dashoffset:-130;
 +
    }
 +
    .hot-induced #right_s{
 +
      stroke-dashoffset:-217;
 +
    }
 +
 
 +
    .svg_checked_hi .hydrogen-bond{
 +
      opacity:0;
 +
      transition: all 0.3s linear 0s;
 +
    }
 +
    .svg_checked_hi #ribosome{
 +
      transform: translateY(0px);
 +
      opacity:1;
 +
      transition: all 0.5s ease-out 2s;
 +
    }
 +
    .svg_checked_hi #ribosome_text{
 +
      opacity:1;
 +
      transition: all 0.5s ease-out 2s;
 +
    }
 +
    .svg_checked_hi #text{
 +
      transform: translateY(-60px);
 +
    }
 +
    .svg_checked_hi #loop{
 +
      transform: translateY(130px);
 +
    }
 +
    .svg_checked_hi #left{
 +
      stroke-dashoffset:-135;
 +
    }
 +
    .svg_checked_hi #right{
 +
      stroke-dashoffset:-142;
 +
    }
 +
    .svg_checked_hi #left_s,#right_s{
 +
      stroke-dasharray:60,500;
 +
    }
 +
    .svg_checked_hi #left_s{
 +
      stroke-dashoffset:-265;
 +
    }
 +
    .svg_checked_hi #right_s{
 +
      stroke-dashoffset:-82;
 +
    }
 +
 
 +
    </style>
 +
    </defs>
 +
    <g>
 +
    <g class="hydrogen-bond">
 +
      <line class="a" x1="284.86" y1="144.21" x2="320.72" y2="144.21"/>
 +
      <line class="b" x1="284.86" y1="125.32" x2="320.72" y2="125.32"/>
 +
      <line class="c" x1="284.86" y1="163.09" x2="320.72" y2="163.09"/>
 +
      <line class="a" x1="284.86" y1="181.98" x2="320.72" y2="181.98"/>
 +
      <line class="b" x1="284.86" y1="200.87" x2="320.72" y2="200.87"/>
 +
      <line class="c" x1="284.86" y1="219.75" x2="320.72" y2="219.75"/>
 +
    </g>
 +
    <g id="text">
 +
      <text class="d" transform="translate(349.01 185.45)">SD Sequence</text>
 +
      <text class="e" transform="translate(123.8 185.45)">anti-SD Sequence</text>
 +
 
 +
    </g>
 +
 
 +
    <text id="ribosome_text" class="h" transform="translate(378.48 185.45)">Ribosome</text>
 +
 
 +
    <path id="loop" class="f" d="M327,101.42c0-21.25,19.2-20.39,19.2-52.51,0-24-16.62-43.41-43.42-43.41s-43.41,19.44-43.41,43.41c0,28.79,19.19,29.92,19.19,52.51"/>
 +
 
 +
    <g>
 +
      <path id="right_s" class="f" d="M594.25,247.5l-252.2.21a15,15,0,0,1-15-15V101.42"/>
 +
      <path id="left_s" class="f" d="M278.57,101.42V232.67a15,15,0,0,1-15.05,15H5.5"/>
 +
    </g>
 +
    <g>
 +
      <path id="right" class="f" d="M594.25,247.5l-252.2.21a15,15,0,0,1-15-15V101.42"/>
 +
      <path id="left" class="f" d="M278.57,101.42V232.67a15,15,0,0,1-15.05,15H5.5"/>
 +
    </g> 
 +
 
 +
    <g id="ribosome">
 +
      <ellipse class="g" cx="417.04" cy="225.7" rx="35.56" ry="22.5"/>
 +
      <ellipse class="g" cx="417.04" cy="261.7" rx="23.44" ry="13.5"/>
 +
    </g>
 +
    </g>
 +
   </svg>
 +
  <center><p><b>Heat-inducible RNA-based Thermosensor</b></p></center>
 +
  </div>
 +
  <script type="text/javascript">
 +
      $("#checked_1").click(function(){
 +
        if($(this).is(':checked')){
 +
          $(".hot-induced").addClass("svg_checked_hi");
 +
        }else{
 +
          $(".hot-induced").removeClass("svg_checked_hi");
 +
        }
 +
      });
 +
  </script>
 +
 
 +
  <div class="stem-loop hot-repressive">
 +
 
 +
    <input id="checked_2" type="checkbox" class="switch" />
 +
 
 +
 
 +
  <svg class="svg_animate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599.75 278.7">
 +
    <defs>
 +
    <style>
 +
      .hot-repressive .a, .b, .c, .f {
 +
    fill: none;
 +
    stroke-width: 11px;
 +
      }
 +
 
 +
      .hot-repressive .a {
 +
    stroke: #036;
 +
      }
 +
 
 +
      .hot-repressive .a,.hot-repressive  .b,.hot-repressive  .c,.hot-repressive  .f,.hot-repressive  .g {
 +
    stroke-linecap: round;
 +
    stroke-linejoin: round;
 +
      }
 +
 
 +
      .hot-repressive .b {
 +
    stroke: #060;
 +
      }
 +
 
 +
      .hot-repressive .c {
 +
    stroke: #600;
 +
      }
 +
 
 +
      .hot-repressive .d,.hot-repressive  .e,.hot-repressive  .h{
 +
    font-size: 17px;
 +
    font-family: Quicksand-Medium, Quicksand;
 +
      }
 +
 
 +
      .hot-repressive .d {
 +
    fill: #006837;
 +
      }
 +
 
 +
      .hot-repressive .e {
 +
    fill: #900;
 +
      }
 +
 
 +
      .hot-repressive .f {
 +
    stroke: #000;
 +
      }
 +
 
 +
    .hot-repressive .h {
 +
    fill: #930;
 +
      }
 +
 
 +
      .hot-repressive .g {
 +
    fill: #fff794;
 +
    stroke: #fbb03b;
 +
    stroke-width: 7px;
 +
      }
 +
    .hot-repressive .hydrogen-bond{
 +
      opacity:1;
 +
      transition: all 0.3s linear 1s;
 +
    }
 +
    .hot-repressive #RNAse_E{
 +
      transform: translateY(-60px);
 +
      opacity:0;
 +
      transition: all 1s ease-out 0s;
 +
    }
 +
    .hot-repressive #ribosome_text{
 +
      opacity:0;
 +
      transition: all 0.3s linear 0s;
 +
    }
 +
    .hot-repressive #text{
 +
      transform: translateY(0px);
 +
      transition: all 1s ease-out;
 +
    }
 +
    .hot-repressive #loop{
 +
      transform: translateY(0px);
 +
      transition: all 2s ease-out;
 +
    }
 +
    .hot-repressive #left,#right{
 +
      stroke-dasharray:130,500;
 +
      transition: all 2s ease-out;
 +
    }
 +
    .hot-repressive #left{
 +
      stroke-dashoffset:0;
 +
      stroke:red;
 +
    }
 +
    .hot-repressive #right{
 +
      stroke-dashoffset:-277;
 +
      stroke:green;
 +
    }
 +
    .hot-repressive #left_s,#right_s{
 +
      stroke-dasharray:60,500;
 +
      color:black;
 +
      transition: all 2s ease-out;
 +
    }
 +
    .hot-repressive #left_s{
 +
      stroke-dashoffset:-130;
 +
    }
 +
    .hot-repressive #right_s{
 +
      stroke-dashoffset:-217;
 +
    }
 +
 
 +
    .hot-repressive.svg_checked .hydrogen-bond{
 +
      opacity:0;
 +
      transition: all 0.3s linear 0s;
 +
    }
 +
    .hot-repressive.svg_checked #RNAse_E{
 +
      transform: translateY(0px);
 +
      opacity:1;
 +
      transition: all 0.5s ease-out 2s;
 +
    }
 +
    .hot-repressive.svg_checked #ribosome_text{
 +
      opacity:1;
 +
      transition: all 0.5s ease-out 2s;
 +
    }
 +
    .hot-repressive.svg_checked #text{
 +
      transform: translateY(-60px);
 +
    }
 +
    .hot-repressive.svg_checked #loop{
 +
      transform: translateY(130px);
 +
    }
 +
    .hot-repressive.svg_checked #left{
 +
      stroke-dashoffset:-135;
 +
    }
 +
    .hot-repressive.svg_checked #right{
 +
      stroke-dashoffset:-142;
 +
    }
 +
    .hot-repressive.svg_checked #left_s,#right_s{
 +
      stroke-dasharray:60,500;
 +
    }
 +
    .hot-repressive.svg_checked #left_s{
 +
      stroke-dashoffset:-265;
 +
    }
 +
    .hot-repressive.svg_checked #right_s{
 +
      stroke-dashoffset:-82;
 +
    }
 +
 
 +
    </style>
 +
    </defs>
 +
    <g>
 +
    <g class="hydrogen-bond">
 +
      <line class="a" x1="284.86" y1="144.21" x2="320.72" y2="144.21"/>
 +
      <line class="b" x1="284.86" y1="125.32" x2="320.72" y2="125.32"/>
 +
      <line class="c" x1="284.86" y1="163.09" x2="320.72" y2="163.09"/>
 +
      <line class="a" x1="284.86" y1="181.98" x2="320.72" y2="181.98"/>
 +
      <line class="b" x1="284.86" y1="200.87" x2="320.72" y2="200.87"/>
 +
      <line class="c" x1="284.86" y1="219.75" x2="320.72" y2="219.75"/>
 +
    </g>
 +
    <g id="text">
 +
      <text class="d" transform="translate(429.01 185.45)">RC</text>
 +
      <text class="e" transform="translate(123.8 185.45)">anti-RC</text>
 +
 
 +
    </g>
 +
 
 +
    <text id="ribosome_text" class="h" transform="translate(385.48 175.45)">RNAse E</text>
 +
 
 +
    <path id="loop" class="f" d="M327,101.42c0-21.25,19.2-20.39,19.2-52.51,0-24-16.62-43.41-43.42-43.41s-43.41,19.44-43.41,43.41c0,28.79,19.19,29.92,19.19,52.51"/>
 +
 
 +
    <g>
 +
      <path id="right_s" class="f" d="M594.25,247.5l-252.2.21a15,15,0,0,1-15-15V101.42"/>
 +
      <path id="left_s" class="f" d="M278.57,101.42V232.67a15,15,0,0,1-15.05,15H5.5"/>
 +
    </g>
 +
    <g>
 +
      <path id="right" class="f" d="M594.25,247.5l-252.2.21a15,15,0,0,1-15-15V101.42"/>
 +
      <path id="left" class="f" d="M278.57,101.42V232.67a15,15,0,0,1-15.05,15H5.5"/>
 +
    </g> 
 +
<g id="RNAse_E">
 +
 
 +
      <path class="g" d="M417,187.26a40.56,40.56,0,0,0-39.11,51.23L417,229.77l-24.18,30.57A40.54,40.54,0,1,0,417,187.26Z"/>
 +
  <circle class="g" cx="402.84" cy="214.07" r="1.00"/>
 +
    </g>
 +
    </g>
 +
  </svg>
 +
  <center><p><b>Heat-repressible RNA-based Thermosensor</b></p></center>
 +
 
 +
  <script type="text/javascript">
 +
    $(document).ready(function(){
 +
      $("#checked_2").click(function(){
 +
        if($(this).is(':checked')){
 +
          $(".hot-repressive").addClass("svg_checked");
 +
        }else{
 +
          $(".hot-repressive").removeClass("svg_checked");
 +
      }
 +
      });
 +
    });
 +
  </script>
 +
  </div><div style="clear:both"></div>
 +
  <div class="stem-loop cold-induced">
 +
 
 +
    <input id="checked_3" type="checkbox" class="switch" />
 +
 
 +
  <svg class="svg_animate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.12 206.26">
 +
   <defs>
 +
    <style>
 +
      .cold-induced .a,.cold-induced .b,.cold-induced .c {
 +
        fill: none;
 +
        stroke-linecap: round;
 +
        stroke-linejoin: round;
 +
        stroke-width: 11px;
 +
      }
 +
.cold-induced .a {
 +
        stroke: #036;
 +
      }
 +
.cold-induced .b {
 +
        stroke: #060;
 +
      }
 +
.cold-induced .c {
 +
        stroke: #600;
 +
      }
 +
      .cold-induced .l{
 +
        fill: none;
 +
        stroke-linecap: round;
 +
        stroke-linejoin: round;
 +
stroke: #000;
 +
        stroke-width: 11px;
 +
      }
 +
      .hydrogen-bond {
 +
        opacity: 1;
 +
transition: all 0.3s ease 1s;
 +
      }
 +
.rotate{
 +
transition: all 1s ease;
 +
transform: rotate(90deg);
 +
}
 +
.r1{
 +
transform-origin: 41% 85.7%;
 +
transition-delay:0.5s;
 +
}
 +
.r2{
 +
transform-origin: 54% 14.5%;
 +
}
 +
.cold-induced.svg_checked .rotate{
 +
transform: rotate(30deg);
 +
}
 +
.cold-induced.svg_checked .hydrogen-bond{
 +
opacity:0;
 +
transition: all 0.3s ease 0s;
 +
}
 +
 +
    </style>
 +
  </defs>
 +
  <g>
 +
    <path class="l rotate r1" d="M177.06,176.54a24.23,24.23,0,0,1-24.23,24.22H5.5"/>
 +
    <path class="l" d="M201.28,5.5a24.22,24.22,0,0,0-24.22,24.22V176.54a24.23,24.23,0,0,1-24.23,24.22"/>
 +
    <path class="l rotate r2" d="M348.62,5.5H201.28a24.22,24.22,0,0,0-24.22,24.22"/>
 +
    <g class="hydrogen-bond">
 +
      <line class="a" x1="219.21" y1="86.31" x2="183.35" y2="86.31"/>
 +
      <line class="b" x1="219.21" y1="67.42" x2="183.35" y2="67.42"/>
 +
      <line class="c" x1="219.21" y1="48.54" x2="183.35" y2="48.54"/>
 +
    </g>
 +
    <g class="hydrogen-bond">
 +
      <line class="a" x1="170.76" y1="150.31" x2="134.9" y2="150.31"/>
 +
      <line class="b" x1="170.76" y1="169.2" x2="134.9" y2="169.2"/>
 +
      <line class="c" x1="170.76" y1="131.42" x2="134.9" y2="131.42"/>
 +
      <line class="a" x1="170.76" y1="112.54" x2="134.9" y2="112.54"/>
 +
    </g>
 +
  </g>
 +
</svg>
 +
  <center><p><b>Cold-inducible RNA-based Thermosensor</b></p></center>
 +
 
 +
 
 +
  <script type="text/javascript">
 +
    $(document).ready(function(){
 +
      $("#checked_3").click(function(){
 +
        if($(this).is(':checked')){
 +
          $(".cold-induced").addClass("svg_checked");
 +
        }else{
 +
          $(".cold-induced").removeClass("svg_checked");
 +
      }
 +
      });
 +
    });
 +
  </script>
 +
  </div>
 +
  <div class="stem-loop cold-repressive">
 +
   
 +
  <input id="checked_4" type="checkbox" class="switch" />
 +
 
 +
  <svg class="svg_animate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 599.75 278.7">
 +
    <defs>
 +
    <style>
 +
      .cold-repressive .a, .b, .c, .f {
 +
    fill: none;
 +
    stroke-width: 11px;
 +
      }
 +
 
 +
      .cold-repressive .a {
 +
    stroke: #036;
 +
      }
 +
 
 +
      .cold-repressive .a,.cold-repressive  .b,.cold-repressive  .c,.cold-repressive  .f,.cold-repressive  .g {
 +
    stroke-linecap: round;
 +
    stroke-linejoin: round;
 +
      }
 +
 
 +
      .cold-repressive .b {
 +
    stroke: #060;
 +
      }
 +
 
 +
      .cold-repressive .c {
 +
    stroke: #600;
 +
      }
 +
 
 +
      .cold-repressive .d,.cold-repressive  .e,.cold-repressive  .h{
 +
    font-size: 17px;
 +
    font-family: Quicksand-Medium, Quicksand;
 +
      }
 +
 
 +
      .cold-repressive .d {
 +
    fill: #006837;
 +
      }
 +
 
 +
      .cold-repressive .e {
 +
    fill: #900;
 +
      }
 +
 
 +
      .cold-repressive .f {
 +
    stroke: #000;
 +
      }
 +
 
 +
    .cold-repressive .h {
 +
    fill: #930;
 +
      }
 +
 
 +
    .cold-repressive .g {
 +
    fill: #fff794;
 +
    stroke: #fbb03b;
 +
    stroke-width: 7px;
 +
      }
 +
.cold-repressive .j {
 +
        stroke: red;
 +
        stroke-miterlimit: 10;
 +
        stroke-width: 7.63px;
 +
        stroke-dasharray: 4 16;
 +
stroke-linecap:round;
 +
fill:none;
 +
opacity:1;
 +
transition: all 0.3s ease-out 3s;
 +
      }
 +
 
 +
      .cold-repressive .i {
 +
opacity:0.35;
 +
        fill: #ed1c24;
 +
        stroke: #ed1c24;
 +
        stroke-width: 4.39px;
 +
transition: all 0.3s ease-out 3s;
 +
      }
 +
    .cold-repressive.svg_checked .hydrogen-bond{
 +
      opacity:0;
 +
      transition: all 0.3s linear 0s;
 +
    }
 +
.cold-repressive.svg_checked .i{
 +
  opacity:0;
 +
transition: all 0.3s ease-out 0s;
 +
}
 +
.cold-repressive.svg_checked .j{
 +
  opacity:0;
 +
transition: all 0.3s ease-out 0s;
 +
}
 +
    .cold-repressive.svg_checked #RNAse_3{
 +
      transform: translateX(60px);
 +
      opacity:0;
 +
      transition: all 0.5s ease-out 0s;
 +
    }
 +
    .cold-repressive.svg_checked #ribosome_text{
 +
      opacity:0;
 +
      transition: all 0.5s linear 0s;
 +
    }
 +
    .cold-repressive.svg_checked #loop{
 +
      transform: translateY(130px);
 +
    }
 +
    .cold-repressive #left,#right{
 +
      stroke-dasharray:130,500;
 +
      transition: all 2s ease-out;
 +
    }
 +
    .cold-repressive.svg_checked #left{
 +
      stroke-dashoffset:-135;
 +
     
 +
    }
 +
    .cold-repressive.svg_checked #right{
 +
      stroke-dashoffset:-142;
 +
     
 +
    }
 +
    .cold-repressive.svg_checked #left_s,#right_s{
 +
      stroke-dasharray:60,500;
 +
      color:black;
 +
 
 +
    }
 +
    .cold-repressive.svg_checked #left_s{
 +
      stroke-dashoffset:-265;
 +
    }
 +
    .cold-repressive.svg_checked #right_s{
 +
      stroke-dashoffset:-82;
 +
    }
 +
 
 +
    .cold-repressive .hydrogen-bond{
 +
      opacity:0.3;
 +
      transition: all 0.3s linear 1s;
 +
    }
 +
    .cold-repressive #RNAse_3{
 +
      transform: translateX(0px);
 +
      opacity:1;
 +
      transition: all 1s ease-out 2s;
 +
    }
 +
    .cold-repressive #ribosome_text{
 +
      opacity:0;
 +
      transition: all 0.5s ease-out 0s;
 +
    }
 +
    .cold-repressive #loop{
 +
      transform: translateY(0px);
 +
      transition: all 2s ease-out;
 +
    }
 +
    .cold-repressive #left{
 +
      stroke-dashoffset:0;
 +
  stroke:red;
 +
    }
 +
    .cold-repressive #right{
 +
      stroke-dashoffset:-277;
 +
  stroke:red;
 +
    }
 +
    .cold-repressive #left_s,#right_s{
 +
      stroke-dasharray:60,500;
 +
  transition: all 2s ease-out;
 +
    }
 +
    .cold-repressive #left_s{
 +
      stroke-dashoffset:-130;
 +
    }
 +
    .cold-repressive #right_s{
 +
      stroke-dashoffset:-217;
 +
    }
 +
 
 +
    </style>
 +
    </defs>
 +
    <title>Stroke Version_1</title>
 +
    <g>
 +
    <g class="hydrogen-bond">
 +
      <line class="a" x1="284.86" y1="144.21" x2="320.72" y2="144.21"/>
 +
      <line class="b" x1="284.86" y1="125.32" x2="320.72" y2="125.32"/>
 +
      <line class="c" x1="284.86" y1="163.09" x2="320.72" y2="163.09"/>
 +
      <line class="a" x1="284.86" y1="181.98" x2="320.72" y2="181.98"/>
 +
      <line class="b" x1="284.86" y1="200.87" x2="320.72" y2="200.87"/>
 +
      <line class="c" x1="284.86" y1="219.75" x2="320.72" y2="219.75"/>
 +
    </g>
 +
    <g id="text">
 +
      <text class="d" transform="translate(429.01 185.45)"></text>
 +
      <text class="e" transform="translate(123.8 185.45)">RC</text>
 +
 
 +
    </g>
 +
 
 +
    <text id="ribosome_text" class="h" transform="translate(429.01 165.45)">RNAse III</text>
 +
 
 +
    <path id="loop" class="f" d="M327,101.42c0-21.25,19.2-20.39,19.2-52.51,0-24-16.62-43.41-43.42-43.41s-43.41,19.44-43.41,43.41c0,28.79,19.19,29.92,19.19,52.51"/>
 +
    <g>
 +
      <path id="right_s" class="f" d="M594.25,247.5l-252.2.21a15,15,0,0,1-15-15V101.42"/>
 +
      <path id="left_s" class="f" d="M278.57,101.42V232.67a15,15,0,0,1-15.05,15H5.5"/>
 +
    </g>
 +
    <g>
 +
      <path id="right" class="f" d="M594.25,247.5l-252.2.21a15,15,0,0,1-15-15V101.42"/>
 +
      <path id="left" class="f" d="M278.57,101.42V232.67a15,15,0,0,1-15.05,15H5.5"/>
 +
    </g> 
 +
<g id="RNAse_3">
 +
      <path class="g" d="M405.71,98.59h-51a12,12,0,0,0-12,12V176.7L381.85,188l-39.14,11.29v16.31a12,12,0,0,0,12,12h51a12,12,0,0,0,12-12v-105A12,12,0,0,0,405.71,98.59Z"/>
 +
      <circle class="g" cx="362.29" cy="134.87" r="1"/>
 +
    </g>
 +
<polyline class="j" points="342.65 178.9 301.01 178.9 301.01 227.5 247.66 227.5"/>
 +
    <path class="i" d="M362.41,134.87,236.66,163.09c-11-15.57-13-33.39,0-54.92l125.75,26.7"/>
 +
  </g>
 +
  </svg>
 +
  <center><p><b>Cold-repressible RNA-based Thermosensor</b></p></center>
 +
 
 +
 
 +
  <script type="text/javascript">
 +
    $(document).ready(function(){
 +
      $("#checked_4").click(function(){
 +
        if($(this).is(':checked')){
 +
          $(".cold-repressive").addClass("svg_checked");
 +
        }else{
 +
          $(".cold-repressive").removeClass("svg_checked");
 +
      }
 +
      });
 +
    });
 +
  </script>
 +
  </div>
 +
    <center><a href="https://2018.igem.org/Team:Jilin_China/Design">Learn More ></a></center>
 
   </div>
 
   </div>
−
  <div class="title_nav"><h2>Description</h2></div>
+
<div style="clear:both"></div>
 
  </section>
 
  </section>
−
+
  <section class="ss3 normal hp">
−
  <div class="bodycontent" style="padding:0;">
+
  <h1>Human Practices</h1>
−
  <!--<section class="s0"></section>-->
+
  <div>
−
  <ul class="sidenav">
+
    <p>Several Exploration Improved</p>
−
   <li><a href="#pragraph_1">Promoters</a></li>
+
    <p>OUR TOOLKITs</p>
−
  <li><a href="#pragraph_2">Library</a></li>
+
    <p>Meanwhile Inspiring Us to Make</p>
−
   <li><a href="#pragraph_3">What are we doing</a></li>
+
    <p>A DECADE <br>WORKFLOW</p>
−
  </ul>
+
  </div>
−
  <section class="s2">
+
  <img src="https://static.igem.org/mediawiki/2018/e/e1/T--Jilin_China--Home--HP--1.svg" />
−
   <ul>
+
    <a href="https://2018.igem.org/Team:Jilin_China/Human_Practices">Hear Our Stories</a>
−
    <li class="pragraph_1" id="pragraph_1">
+
  <br clear="all"/>
−
    <div>
+
   <div>
−
      <h2>Synthetic Promoters Construction</h2>
+
    <p>Several Innovative Kits</p>
−
      <p>With the development of synthetic biology, scientists have set a goal to construct de novo biobricks, parts and systems, while realize the strandardization of biological system. De novo genetic biobricks are of great value in metabolic engineering and systems biology, especially. Promoters represent critical elements that can participate in gene expression and regulation, which play an important role in artificial systems. However, promoters from different sources have sophisticated regulation system, low universality, unpredictable expression intensity and lack of standardization, their applications in synthetic biology have been impeded. Fortunately, de novo promoters construction and identification have provided a brand new method to address this issue.</p>
+
    <p>Promoting Us to</p>
−
      <p>A prokaryotic promoter is made up of -35 region, -10 region, spacers, UP element as conservative regions and other non-conserved regions. According to current researches, a promoter is also considered as core promoter with its downstream sequence including 5’Untranslated Region (5’UTR). Strictly, promoters and ribosomes binding sites (RBS) are regulatory elements of transcription and translation respectively. Because of the short sequence of RBS, we connect synthetic RBS library to the library of synthetic core promoters, then a novel library of promoters can be constructed.</p>
+
    <p>SPREAD and DISCUSS</p>
 +
    <p>Synthetic Biology</p>
 +
  </div>
 +
   <img src="https://static.igem.org/mediawiki/2018/b/bc/T--Jilin_China--Home--HP--2.svg"/>
 +
  <a href="https://2018.igem.org/Team:Jilin_China/Public_Engagement">Hear Our Stories</a>
 +
  <br clear="all"/>
 +
</section>
 +
<section class="ss4 normal model">
 +
   <h1>Model</h1><img src="https://static.igem.org/mediawiki/2018/b/b2/T--Jilin_China--Home_Model-curve.png" width="100%"></img>
 +
  <a href="https://2018.igem.org/Team:Jilin_China/Model">Learn More > </a>
 +
</section>
 +
  <section class="ss5 normal">
 +
  <h1>More</h1>
 +
  <div>
 +
    <div>
 +
    <div class="ss5_background">
 +
    <a href="https://2018.igem.org/Team:Jilin_China/Background"><h3>Background</h3></a>
 
     </div>
 
     </div>
−
    </li>
+
    <div class="ss5_project">
−
    <li class="pragraph_2" id="pragraph_2">
+
     <a href="https://2018.igem.org/Team:Jilin_China/Project/Overview"><h3>Project</h3></a>
−
     <div>
+
−
      <h2>Temperature-induced Promoter Library Construction</h2>
+
−
      <p>Compared to widely used chemically induced promoters, physically induced promoters don’t require special inducer, reducing cost while avoiding super-sensitivity of inducer concentration. Besides, physically induced promoters have special characteristics and a vast application prospect, and among all kinds of  physical factors, temperature has become our main concern this year with its vast prospect in fermentation engineering, drug targeting and other fields. As a result, our project, with a view to construct and characterize synthetic regulated Temperature-Sensitive promoter libraries for 2018 iGEM competition.</p>
+
−
      <p>According to current researches, there are three different types of biomolecules responsive to temperature: DNA, RNA and proteins. Actually, RNA is playing a dominant role in temperature sensing especially in bacteria. 5’UTR of mRNA forms secondary structure, in order to block or expose SD （Shine-Dalgarno sequence，binding to ribosomes in  prokaryote cells）sequence. Compared to DNA and proteins, it is easier to reconstruct temperature-sensing RNA.</p>
+
−
      <p>Our primary objective is to construct a temperature-sensitive promoter library supplying the iGEM registry with temperature-sensitive promoter parts collection. However, natural temperature-sensitive promoters, which are in a small number lacking in standardization, are regulated by many trans-acting factors, we try to design and construct de novo synthetic temperature-sensitive promoters with current researches.
+
−
</p>
+
 
     </div>
 
     </div>
−
     </li>
+
     </div>
−
     <li class="pragraph_3" id="pragraph_3">
+
     <div>
−
     <div>
+
    <div class="ss5_result">
−
      <h2>What are we doing?</h2>
+
     <a href="https://2018.igem.org/Team:Jilin_China/Result/Version_1"><h3>Results</h3></a>
−
      <p>We construct our promoter library with the free combination of core promoter and 5＇UTR, then the expression efficiency is easily to be changed with the replacement of different core promoters and sequence changes of 5’UTR, realizing the bi-level regulation of both transcription and translation. Four synthetic standard regulated libraries have been constructed:</p>
+
−
      <ul>
+
−
      <li>(1) Heat-induced RNA thermosensors library, directional reconstructions to secondary structures of RNA thermometers;</li>
+
−
      <li>(2) Heat-repressible RNA thermosensors library, directional reconstructions to anti-RNaseE cleavage site;</li>
+
−
      <li>(3) Cold-induced RNA thermosensors library, directional reconstructions to mRNA pseudoknot of CspA;</li>
+
−
      <li>(4) Cold-repressible RNA thermosensors library, directional reconstructions to RNase III binding site.</li>
+
−
      </ul>
+
 
     </div>
 
     </div>
−
     </li>
+
    <div class="ss5_engine">
−
   </ul>
+
    <a href="https://2018.igem.org/Team:Jilin_China/Part/Search_Engine"><h3>Explorer</h3></a>
−
  </section>
+
    </div>
−
  </div>
+
     </div>
 +
    <div>
 +
    <div class="ss5_part">
 +
    <a href="https://2018.igem.org/Team:Jilin_China/Parts"><h3>Parts</h3></a>
 +
    </div>
 +
    <div class="ss5_team">
 +
    <a href="https://2018.igem.org/Team:Jilin_China/Team"><h3>Team</h3></a>
 +
    </div>
 +
    </div>
 +
   </div>
 +
</section>
 +
<style>
 +
.ss5_background{
 +
  background:url(https://static.igem.org/mediawiki/2018/a/a4/T--Jilin_China--Background--Banner.jpeg) no-repeat center;
 +
background-size:cover;
 +
}
 +
.ss5_project{
 +
background:url(https://static.igem.org/mediawiki/2018/5/55/T--Jilin_China--Project--Overview--Banner.jpeg) no-repeat center;
 +
background-size:cover;
 +
}
 +
 
 +
.ss5_result{
 +
background:url(https://static.igem.org/mediawiki/2018/3/3b/T--Jilin_China--Banner--Results.jpeg) no-repeat center;
 +
background-size:cover;
 +
}
 +
.ss5_engine{
 +
background:url(https://static.igem.org/mediawiki/2018/8/8f/T--Jilin_China--Achievement--Banner.jpeg) no-repeat center;
 +
background-size:cover;
 +
}
 +
 
 +
.ss5_part{
 +
background:url(https://static.igem.org/mediawiki/2018/f/f7/T--Jilin_China--Parts--Banner.jpeg) no-repeat center;
 +
background-size:cover;
 +
}
 +
.ss5_team{
 +
background:url(https://static.igem.org/mediawiki/2018/6/64/T--Jilin_China--Team--Banner.jpeg) no-repeat center;
 +
background-size:cover;
 +
}
 +
</style>
 
</html>
 
</html>
 
{{:Team:Jilin_China/Footer}}
 
{{:Team:Jilin_China/Footer}}
 +
{{:Team:Jilin_China/Home_Js}}

Latest revision as of 03:54, 18 October 2018

The Collection of
SynRT
with Different Sensing Temperatures

ABSTRACT

Many strategies could be used to regulate the gene expression responding to temperature changes in bacterial cells. A well-known class of biological thermoregulatory elements includes RNA-based thermosensors (RTs), which are located in the 5'- untranslated region in mRNA. RTs could sense temperature shift and influence the mRNA stability or ribosome accessibility, thereby controlling translation efficiency.

However, natural RNA-based thermosensors have complex structure and narrow sensing temperature range, which become the biggest limitation in their application. To address this issue, we have created a synthetic RNA-based thermosensor (SynRT) toolkit with different sensing temperatures. Additionally, we built a matched search engine for users.

The SynRT toolkit version has been updated from 1.0 to 3.0, and the latest version is composed of four types of SynRTs:

SD Sequence anti-SD Sequence Ribosome

Heat-inducible RNA-based Thermosensor

RC anti-RC RNAse E

Heat-repressible RNA-based Thermosensor

Cold-inducible RNA-based Thermosensor

Stroke Version_1 RC RNAse III

Cold-repressible RNA-based Thermosensor

Learn More >

Human Practices

Several Exploration Improved

OUR TOOLKITs

Meanwhile Inspiring Us to Make

A DECADE
WORKFLOW

Hear Our Stories

Several Innovative Kits

Promoting Us to

SPREAD and DISCUSS

Synthetic Biology

Hear Our Stories

Model

Learn More >

More