Difference between revisions of "Team:NKU CHINA"

 
(96 intermediate revisions by 2 users not shown)
Line 17: Line 17:
 
}
 
}
 
#loading_p {
 
#loading_p {
−
z-index:99999;
+
    position: fixed;
−
position:fixed;
+
    top: 0;
−
text-align:center !important;
+
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index:99999;
 
}
 
}
 +
 
.loader-ring {
 
.loader-ring {
 
   position: fixed;
 
   position: fixed;
−
   top: 45%;
+
   top: 50%;
−
   left: 46%;
+
   left: 50%;
 
   margin: -120px 0 0 -120px;
 
   margin: -120px 0 0 -120px;
 
   width: 240px;
 
   width: 240px;
Line 90: Line 94:
 
     position: fixed;
 
     position: fixed;
 
     width: 100%;
 
     width: 100%;
−
     height: 111%;
+
     height: 130%;
 
     overflow: hidden;
 
     overflow: hidden;
 
     z-index: -100;  
 
     z-index: -100;  
−
     top: -11%;
+
     top: -25%;
 
text-align: center;
 
text-align: center;
 
}
 
}
Line 105: Line 109:
 
     top: 0;
 
     top: 0;
 
     left: 0;     
 
     left: 0;     
 +
}
 +
#PopQC_largr {
 +
display: none;
 +
}
 +
#jun {
 +
display: none;
 +
}
 +
#sihuansu {
 +
display: none;
 +
z-index: 10;
 +
}
 +
#pop_circle {
 +
  display: none;
 +
}
 +
.linkto{
 +
  position: absolute;
 +
  top:72vh;
 +
  left: 50%;
 +
  transform: translateX(-50%);
 +
  -moz-transform: translateX(-50%);
 +
  -ms-transform: translateX(-50%);
 +
  -webkit-transform: translateX(-50%);
 +
  z-index: 10;
 +
}
 +
.link2to{
 +
  transform: translateX(-50%);
 +
  -moz-transform: translateX(-50%);
 +
  -ms-transform: translateX(-50%);
 +
  -webkit-transform: translateX(-50%);
 +
  z-index: 10;
 +
}
 +
.a_link {cursor: pointer;}
 +
.btn_video {
 +
  color: white;
 +
  background: none;
 +
  text-align: center;
 +
}
 +
#zhuyetu img:hover {
 +
-webkit-transition: all 0.5s;
 +
-o-transition: all 0.5s;
 +
transition: all 0.5s;
 +
-webkit-transform: scale(1.2);
 +
    -ms-transform: scale(1.2);
 +
        transform: scale(1.2);
 
}
 
}
 
</style>
 
</style>
 
<script type="text/javascript">
 
<script type="text/javascript">
 
$(function(){
 
$(function(){
−
var bgVideo=document.getElementById("bgvideo");
+
var bgVideo=document.getElementById("videohome");
 
bgVideo.addEventListener('canplaythrough',function(){
 
bgVideo.addEventListener('canplaythrough',function(){
−
 
+
              $('#loading').css("display","none");
 +
              $('.loader-ring').css("display","none");
 +
              $('#loading_p').css("display","none");
 +
              $('#PopQC_largr').css("display","block");
 +
              $('#jun').fadeIn(4000);
 +
              $('#sihuansu').fadeIn(4000);
 +
              $('#pop_circle').css("display","block");
 
     });
 
     });
 
});
 
});
 +
function scrollupone() {
 +
    $("html, body").animate({
 +
      scrollTop: $("#dinwei").offset().top }, {duration: 700,easing: "swing"});
 +
}
 +
function scrolluptwo() {
 +
    $("html, body").animate({
 +
      scrollTop: $("#dinwei2").offset().top }, {duration: 700,easing: "swing"});
 +
}
 
</script>
 
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
 
 
<div id="loading"></div>
 
<div id="loading"></div>
 
<div id="loading_p">
 
<div id="loading_p">
−
<p style="color: white;font-family:myTitle3;font-size:30px;">Loading...</p>
+
<p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p>
 
</div>
 
</div>
 +
 
   <div class="loader-ring">
 
   <div class="loader-ring">
 
   <div class="loader-ring-light"></div>
 
   <div class="loader-ring-light"></div>
Line 128: Line 190:
 
   <div class="videocontainer">
 
   <div class="videocontainer">
 
         <div class="fullscreenvideo" >
 
         <div class="fullscreenvideo" >
−
         <video id="bgvideo" autoplay muted loop>
+
         <video id="videohome" autoplay="autoplay" muted="muted" loop="loop">
 
           <source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4">
 
           <source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4">
 
         </video>
 
         </video>
 
         </div>
 
         </div>
 
   </div>
 
   </div>
 +
<main>
 +
    <img src="https://static.igem.org/mediawiki/2018/9/98/T--NKU_CHINA--PopQC_larger.gif" id="PopQC_largr" style="position:absolute;left: 28%;top: -14%;z-index: 10;width: 600px;height: auto;">
 +
    <img src="https://static.igem.org/mediawiki/2018/0/0e/T--NKU_CHINA--pop_circle.gif" id="pop_circle" style="position: absolute;left:34%;top: -3.5%;z-index: 10;">
 +
    <img src="https://static.igem.org/mediawiki/2018/9/9d/T--NKU_CHINA--junfinal.png" id="jun" style="position: absolute;top: 7.5%;left: 20%;width: 450px;height: auto;z-index:20;">
 +
    <img src="https://static.igem.org/mediawiki/2018/f/f9/T--NKU_CHINA--sihuansu.png" id="sihuansu" style="position: absolute;top: 4.5%;left: 55%;width: 500px;height: auto;">
 +
            <div class="container-fluid">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
    <img src="https://static.igem.org/mediawiki/2018/f/fb/T--NKU_CHINA--empty.png" class="img-responsive center-block">
 +
        <img  class="img-responsive center-block" src="https://static.igem.org/mediawiki/2018/b/bf/T--NKU_CHINA--arrowdown.gif" style="width: 100px;height: auto;cursor:pointer;z-index:1000;position:absolute;top:20%;left:48%;" onclick="scrollupone()">
 +
 
       <div class="container">
 
       <div class="container">
−
      <div class="row">
+
        <div class="row">
−
      <div class="col-xs-12">
+
          <div class="col-xs-12">
−
      <h2 style="color: white; font-size: 40px; font-family: myTitle3;text-align: center;margin-top:20px;margin-bottom:10px;padding-top:0;padding-bottom:0;">Short Video Display</h2>
+
            <p><br><br></p>
−
      </div>
+
          </div>
−
        <div class="col-xs-11 col-xs-push-1">
+
        </div>
−
          <video preload="preload" controls="controls" width="800" height="auto" id="nku_video" poster="https://static.igem.org/mediawiki/2018/b/b2/T--NKU_CHINA--video_image.jpg">
+
      </div>
−
          <source src="https://static.igem.org/mediawiki/2018/b/b6/T--NKU_CHINA--igem_NKU.mp4" type="video/mp4">
+
      <div class="container">
−
          </video>
+
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <h2 style="color: white; font-size: 60px; font-family: myTitle3;text-align: center;margin-top:30px;margin-bottom:20px;padding-top:0;padding-bottom:0;" id="dinwei">Short Video Display</h2>
 +
          </div>
 +
          <div class="col-xs-12 col-xs-push-1">
 +
              <video preload="preload" controls="controls" width="800" height="auto" id="nku_video" poster="https://static.igem.org/mediawiki/2018/b/b2/T--NKU_CHINA--video_image.jpg">
 +
              <source src="https://static.igem.org/mediawiki/2018/b/b6/T--NKU_CHINA--igem_NKU.mp4" type="video/mp4">
 +
            </video>
 
           </div>
 
           </div>
−
      </div>
+
          <div class="col-xs-12" style="margin-top: 10px;">
 +
              <p style="text-align: center;"><a href="https://youtu.be/Gmr6zBYlpK0" style="color: white;font-size: 25px;">Cilck to watch our video on <span style="color: yellow;">YouTube</span></a></p>
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-xs-12">
 +
        <img  class="img-responsive center-block" src="https://static.igem.org/mediawiki/2018/b/bf/T--NKU_CHINA--arrowdown.gif" style="width: 100px;height: auto;cursor:pointer;" onclick="scrolluptwo()">
 +
</div>
 +
</div>
 +
</div>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-12">
 +
            <p id="dinwei2"><br><br><br><br><br><br></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-xs-7" id="zhuyetu">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/e3/T--NKU_CHINA--zhuyetu.png" class="img-responsive">
 +
          </div>
 +
          <div class="col-xs-5" style="margin-top: 25px;">
 +
            <p style="color: white;font-size: 23px;line-height: 30px;" style="float: left;text-align: justify;">Population Quality Control (PopQC) system, is a new approach designed for biosynthesis yield enhancement, based on non-genetic cell-to-cell variation, which includes unequal cell division, different gene copy numbers, epigenetic modifications, random gene expression, volatile RNA stability, protein activity, etc.</p>
 +
          </div>
 +
      </div>
 +
      </div>
 +
      <div class="container">
 +
      <div class="row">
 +
          <div class="col-xs-12" style="margin-top: 20px;">
 +
            <p style="color: white;font-size: 23px;line-height: 30px;text-align: justify;">Because of those differences, different cells in a single colony will have considerable variations in protein and metabolite concentrations. Therefore, in cell cultures there will be both high- and low-producers, and the intrinsic low-producers might cause suboptimal ensemble biosynthesis. The elimination of low-producers can realize the efficient utilization of substrates and high yield of target products. Thus, it has been proved to be an efficient way for biosynthesis being more suitable for large-scale industrial production. In our project, PopQC was designed as a plasmid-based gene circuit in <i>Bacillus amyloliquefaciens</i> LL3, which continuously selects high-performing cells in order to further improve the yield of target metabolite— glutamate, and then the secondary metabolites— &#947;-PGA.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
 +
</main>
 
        
 
        
−
<!-- back to top -->
+
<footer>
−
<a href="#0" class="cd-top">Top</a>
+
<div class="container-fluid myFooter">
−
<!-- /back to top -->  
+
<div class="row">
 +
<div class="col-xs-8 col-xs-push-1">
 +
<img src="https://static.igem.org/mediawiki/2018/0/0b/T--NKU_CHINA--duihui_final.png" style="height: 250px; width: auto;">
 +
</div>
 +
<div class="col-xs-4 footer-w3ls">
 +
<h3 style="color: white; font-size: 30px;">Contacts</h3>
 +
<ul class="social-icons1" style="margin:0 auto;padding-top:0;">
 +
<li><a href="https://www.facebook.com/iGEMNKU2018/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
 +
<li><a href="https://twitter.com/iGEMNKU2018"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
 +
<li><a href="mailto:nkuigem2018@163.com"><i class="fa fa fa-envelope-o" aria-hidden="true"></i></a></li>
 +
    </ul>
 +
    <h3 style="color: white; font-size: 30px;">Address</h3>
 +
                <address style="color: white; font-size: 17px;">
 +
                    Nankai University</br>
 +
                    No.94 Weijin Road, Nankai District</br>
 +
                    Tianjin, P.R.China 300071</br>
 +
                </address>
 +
            </div>
 +
            <div class="col-xs-12">
 +
            <p class="Copyright" style="text-align: center; color: white;">Copyright © Team NKU_CHINA 2018</p>
 +
        </div>
 +
    </div>
 +
</footer>
  
 +
<a href="#0" class="cd-top">Top</a>
 
</body>
 
</body>
 
</html>
 
</html>
−
{{Template:NKU_CHINA/footer}}
 

Latest revision as of 00:32, 18 October 2018

Loading...



Short Video Display

Cilck to watch our video on YouTube







Population Quality Control (PopQC) system, is a new approach designed for biosynthesis yield enhancement, based on non-genetic cell-to-cell variation, which includes unequal cell division, different gene copy numbers, epigenetic modifications, random gene expression, volatile RNA stability, protein activity, etc.

Because of those differences, different cells in a single colony will have considerable variations in protein and metabolite concentrations. Therefore, in cell cultures there will be both high- and low-producers, and the intrinsic low-producers might cause suboptimal ensemble biosynthesis. The elimination of low-producers can realize the efficient utilization of substrates and high yield of target products. Thus, it has been proved to be an efficient way for biosynthesis being more suitable for large-scale industrial production. In our project, PopQC was designed as a plasmid-based gene circuit in Bacillus amyloliquefaciens LL3, which continuously selects high-performing cells in order to further improve the yield of target metabolite— glutamate, and then the secondary metabolites— γ-PGA.

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071

Copyright © Team NKU_CHINA 2018

Top