Difference between revisions of "Team:NKU CHINA"

 
(279 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<HTML>
+
{{Template:NKU_CHINA/header}}
−
<head>  
+
<html>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<head>
−
<meta content="IE=edge" http-equiv="X-UA-Compatible">
+
<style type="text/css">
−
<title>Homepage</title>
+
.footer-w3ls ul.social-icons1 li a {
−
<style>
+
  margin-right:2px!important;
−
<!--
+
  padding:0px !important;
−
#sideMenu,
+
−
#top_title{
+
−
    display: none;
+
 
}
 
}
−
#content{
+
#loading {
−
    width: 100%;
+
  width: 100%;
−
    margin: 0px;
+
  height: 100%;
−
    padding:0;
+
  background: black;
−
+
  position: fixed;
−
background-image:url("https://static.igem.org/mediawiki/2018/0/00/T--NKU_CHINA--WIKIbackground.jpg");
+
top:0;
 +
left:0;
 +
z-index:10000;
 +
}
 +
#loading_p {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index:99999;
 
}
 
}
  
−
#menu {
+
.loader-ring {
−
background-color: #4f4f4f;
+
  position: fixed;
−
height: 47px;
+
  top: 50%;
−
width: 100%;
+
  left: 50%;
−
margin:0 ;
+
  margin: -120px 0 0 -120px;
 +
  width: 240px;
 +
  height: 240px;
 +
  z-index:10000;
 
}
 
}
−
.nav ul{
 
−
list-style-type:none;
 
−
margin-left:20%;
 
−
padding:0;
 
−
overflow:hidden;
 
  
 +
.loader-ring-light {
 +
  width: 240px;
 +
  height: 240px;
 +
  -moz-border-radius: 240px;
 +
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 4px 0 #00abf2 inset;
 +
  -webkit-box-shadow: 0 4px 0 #00abf2 inset;
 +
  box-shadow: 0 4px 0 #00abf2 inset;
 +
  animation: rotate-360 2s linear infinite;
 
}
 
}
−
.nav ul li{
 
−
float:left;
 
  
−
}
+
.loader-ring-track {
−
.nav ul li a{
+
  position: absolute;
−
text-align:center;
+
  top: 0;
−
text-decoration:none;
+
  left: 0;
−
padding: 14px 16px;
+
  width: 240px;
−
display:block;
+
  height: 240px;
−
color:white;
+
  -moz-border-radius: 240px;
−
background-color:#4f4f4f;
+
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 
}
 
}
  
−
.nav ul li a:hover {
+
@keyframes rotate-360 {
−
background-color:#00A2E9 ;
+
  from {
 +
    -moz-transform: rotate(0);
 +
    -ms-transform: rotate(0);
 +
    -webkit-transform: rotate(0);
 +
    -o-transform: rotate(0);
 +
    transform: rotate(0);
 +
  }
 +
  to {
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -webkit-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 
}
 
}
−
.team,.project,.hp{
+
.fullscreenvideo {
−
position:relative;
+
    position: absolute;
 +
    top: 70%;
 +
    left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: auto;
 +
    height: auto;
 +
    z-index: -100;
 +
    -webkit-transform: translateX(-50%) translateY(-50%);
 +
    transform: translateX(-50%) translateY(-50%);
 +
    -webkit-transition: 1s opacity;
 +
    transition: 1s opacity;
 
}
 
}
−
.dropdown1,.dropdown2,.dropdown3{
+
.videocontainer{
−
height:0px;
+
    position: fixed;
−
transition:all 1s ease;
+
    width: 100%;
−
overflow:hidden;
+
    height: 130%;
−
padding:0;
+
    overflow: hidden;
−
opacity: 0.3;
+
    z-index: -100;  
−
 
+
    top: -25%;
 +
text-align: center;
 
}
 
}
−
.team:hover .dropdown1, .project:hover .dropdown2{
+
.videocontainer:before{
−
height:500px;
+
    content: "";
−
opacity: 1;
+
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    display: block;
 +
    z-index: -10;
 +
    top: 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);
 
}
 
}
−
.hp:hover .dropdown3{height:500px;
 
−
opacity: 1;}
 
−
 
 
</style>
 
</style>
 +
<script type="text/javascript">
 +
$(function(){
 +
var bgVideo=document.getElementById("videohome");
 +
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>
 
</head>
 
</head>
−
 
 
<body>
 
<body>
 +
<div id="loading"></div>
 +
<div id="loading_p">
 +
<p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p>
 +
</div>
  
−
<div id="menu" class="nav">
+
  <div class="loader-ring">
−
<ul>
+
  <div class="loader-ring-light"></div>
−
<li><a href="#">Home</a></li>
+
  <div class="loader-ring-track"></div>
−
<li class="team"><a href="#">Team</a>
+
−
<div class="dropdown1">
+
−
<a href="#">Team</a>
+
−
<a href="#">Collaboration</a>
+
 
</div>
 
</div>
−
</li>
+
  <div class="videocontainer">
−
<li><a href="#">Attributions</a></li>
+
        <div class="fullscreenvideo" >
−
<li class="project"><a href="#">Project</a>
+
        <video id="videohome" autoplay="autoplay" muted="muted" loop="loop">
−
<div class="dropdown2">
+
          <source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4">
−
<a href="#">Decription</a>
+
        </video>
−
<a href="#">Experiments</a>
+
        </div>
−
<a href="#">Model</a>
+
  </div>
−
<a href="#">Prof of concept</a>
+
<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="row">
 +
          <div class="col-xs-12">
 +
            <p><br><br></p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <div class="container">
 +
        <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 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 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>
−
</li>
 
−
<li class="hp"><a href="#">Human Practice</a>
 
−
<div class="dropdown3">
 
−
<a href="#">HP</a>
 
−
<a href="#">Sliver</a>
 
−
<a href="#">Gold</a>
 
 
</div>
 
</div>
−
</li>
 
−
<li><a href="#">Safety</a></li>
 
−
<li><a href="#">Parts</a></li>
 
−
</ul>
 
 
</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>
 +
     
 +
<footer>
 +
<div class="container-fluid myFooter">
 +
<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>

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