Difference between revisions of "Team:NKU China"

 
(52 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0"  charset="UTF-8">
+
</head>
−
　　 <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/style?action=raw&ctype=text/css" />
+
<body>         
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css" />
+
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css" />
+
−
    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/jQuery?
+
−
action=raw&ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/main?
+
−
action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/bootstrap?
+
−
action=raw&ctype=text/javascript"></script>
+
−
    <link href="https://2017.igem.org/Team:NKU_China/css/aminate?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav_style?action=raw&ctype=text/css" rel="stylesheet"> 
+
−
    </head>
+
−
<body>
+
−
    <div class="homefirstpage">         
+
 
     <div>
 
     <div>
−
             <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/>
+
             <img class="backgroundblur" src="https://static.igem.org/mediawiki/2017/1/16/T--NKU_China--backgroundgc1.png"/>
 
         </div>
 
         </div>
−
     <div>
+
 
 +
<div style="text-align:center;"><img style="max-height:100vh; margin-top: -30px;
 +
    margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg"/></div>
 +
 
 +
 +
<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
 +
            <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
 +
</a>
 +
<div style="text-align:center;">
 +
        <div id="light" class="white_content">
 +
<div style="font-size:large;"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
 +
<div class="video_container">
 +
     <video controls="controls" autoplay="autoplay" poster="https://static.igem.org/mediawiki/2017/1/1c/T--NKU_China--homecover.png">
 +
      <source src="https://static.igem.org/mediawiki/2017/5/5e/T--NKU_China--homevideo.mp4" type="video/mp4">
 +
    </video>
 +
</div>
 +
</div>
 +
</div>
 +
        <div id="fade" class="black_overlay"></div>
 +
      <!--<div>
 
             <img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/>
 
             <img class="homepagelogo" src="https://static.igem.org/mediawiki/2017/8/8e/T--NKU_China--logo1.png"/>
 
         </div>
 
         </div>
Line 27: Line 32:
 
             <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/>
 
             <img class="homepageword" src="https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--teamname1.png"/>
 
         </div>
 
         </div>
−
       <div>
+
       -->
−
            <img class="homeplaybutton" src="https://static.igem.org/mediawiki/2017/7/73/T--NKU_China--playbutton1.png"/>
+
         
−
        </div>
+
<div style="text-align:center;margin-top:5vmin;"><img style="width:100vw; margin-top: -30px;
−
    </div>           
+
    margin-left: -30px;" src="https://static.igem.org/mediawiki/2017/5/58/T--NKU_China--home1.png"/></div>
−
        <div style="width:100%; padding-left:100px; padding-right:100px;" class="introduction">
+
<div style="margin-top:-10vmin;" id="home-Carousel" class="carousel slide" data-ride="carousel">
−
            <div class="header">INTRODUCTION</div>
+
<!-- 轮播（Carousel）指标 -->
−
            <div class="line"><img src="https://static.igem.org/mediawiki/2017/b/b8/T--NKU_China--line.png"/></div>
+
<ol class="carousel-indicators">
−
            <div class="sub-header">DESCRIPTION</div>
+
<li data-target="#home-Carousel" data-slide-to="0" class="active"></li>
−
            In the process of oil recovering by water injection method, it will form large water channels in the bottom. <br/><br/>
+
<li data-target="#home-Carousel" data-slide-to="1"></li>
−
Water mainly flows through these channels, which stops brushing the oil hidden in the minor channel branches in soil, so that the remaining oil will be trapped into the branches. </br>
+
<li data-target="#home-Carousel" data-slide-to="2"></li>
−
Our project is aiming to engineer Enterobacter sp. <i>FY-07</i> (which is separated from oilfield produced water and able to produce cellulose naturally), so as to controllably produce rhamnolipid and cellulose.</br>
+
<li data-target="#home-Carousel" data-slide-to="3"></li>
−
  Rhamnolipid is a biosurfactant with the ability of emulsifying oil, so the oil can be easily washed out.  
+
<li data-target="#home-Carousel" data-slide-to="4"></li>
−
Cellulose can clog large water channels, helping water enter into the gaps of soil and wash out the oil within them.</br><br/>
+
</ol> 
−
Our project is aimed at improving oil recovery rate in the oil harvesting process using this kind of bacteria.
+
<!-- 轮播（Carousel）项目 -->
−
            <br/><br/>
+
<div class="carousel-inner">
−
            <div class="sub-header">PROCESS ACHIEVED</div>
+
<div class="item active">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/c/cf/T--NKU_China--homecar1.jpg"  alt="T--NKU_China--homecar1.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/3/3c/T--NKU_China--homecar2.jpg"  alt="T--NKU_China--homecar2.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/a/a3/T--NKU_China--homecar3.jpg"  alt="T--NKU_China--homecar3.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/9/93/T--NKU_China--homecar4.jpg"  alt="T--NKU_China--homecar4.jpg">
 +
</div>
 +
<div class="item">
 +
<img class="home-pic" src="https://static.igem.org/mediawiki/2017/d/d6/T--NKU_China--homecar5.jpg" alt="T--NKU_China--homecar5.jpg">
 +
</div>
 +
</div>
 +
<!-- 轮播（Carousel）导航 -->
 +
<a class="carousel-control left" href="#home-Carousel"
 +
  data-slide="prev">&lsaquo;</a>
 +
<a class="carousel-control right" href="#home-Carousel"
 +
  data-slide="next">&rsaquo;</a>
 +
</div>  
 +
 
 +
 +
 +
 +
</body>
 +
  
−
            1. We have cloned rhamnolipid synthesis gene (<i>rhIABC</i>) in Pseudomonas aeruginosa, and transformed it into <i>Escherichia coli BL21</i> and successfully achieved the expression of <i>rhIABC</i> in <i>E.coli BL21</i>.
 
−
            <br/><br/>
 
−
            2. We have transformed rhIABC into <i>FY-07</i> and successfully fulfilled the co-production of rhamnolipid and cellulose.
 
−
            <br/><br/>
 
−
            3. Based on <i>E.coli</i> fimbriae control system (<i>E.coli</i> fimbriae (Fim) phase variation system), we have finished the switch design, to whose both ends GFP and RFP have been linked. This modified switch has been transformed into <i>BL21</i> and proved to be feasible.
 
−
            <br/><br/>
 
−
            <div class="sub-header">FUTURE PLAN</div>
 
−
            1. Finish the construction of plasmid.
 
−
            <br/><br/>
 
−
            2. Introduce molecular switch and rhamnolipid synthase into <i>BscA</i> gene knock out <i>FY-07</i> strain.
 
−
            <br/><br/>
 
−
            3. Achieve controllable expression of rhamnolipid and cellulose in <i>FY-07</i> strain.
 
−
            <br/><br/>
 
−
            4. Introduce suicide system and ensure the controllability.
 
−
            <br/><br/>
 
−
            <div class="header">COMMUNICATION AND CORPORATIONS</div>
 
−
            <hr color="#FFFFFF" width="100%" size="100" />
 
−
            1. We expect to communicate with the practitioners in oil industry so as to know more about applying petroleum microorganisms into oil production. Please contact us if you are a practitioner in oil industry who has some knowledge in this field.
 
−
            <br/><br/>
 
−
            2. We are looking for a suitable suicide system so that the bacteria will not survive in the environment for a long time. Please contact us if you have some recommendations.
 
−
            <br/><br/>
 
−
            3. Please do not hesitate to contact us if you are interested in our project. We are looking forward to communicating with you!
 
−
            <br/><br/>
 
−
        </div>
 
−
    </body>
 
 
<style>
 
<style>
 +
    .black_overlay{
 +
            display: none;
 +
            position: absolute;
 +
            top: 0%;
 +
            left: 0%;
 +
            width: 100%;
 +
            height: 100%;
 +
            background-color: black;
 +
            z-index:1001;
 +
            -moz-opacity: 0.8;
 +
            opacity:.80;
 +
            filter: alpha(opacity=88); }
 +
        .white_content {
 +
            display: none;
 +
            position: absolute;
 +
            top: 20vmin;
 +
            text-align:center;
 +
            width: 100vw;
 +
            height: 81vh;
 +
            padding: 20px;
 +
            border: 10px solid orange;
 +
            background-color: white;
 +
            z-index:1002;
 +
            overflow: none; }
 
.introduction{
 
.introduction{
 
     font-size: x-large;
 
     font-size: x-large;
−
     font-family: "Georgia",sans-serif;
+
     font-family: "Futura LT Medium",sans-serif;
 
     line-height: 1.42857143;
 
     line-height: 1.42857143;
 
     color:#FFFFFF;}
 
     color:#FFFFFF;}
Line 79: Line 110:
 
     text-align: left;
 
     text-align: left;
 
     font-size: 60px;
 
     font-size: 60px;
−
     font-family: "Futura LT Medium",sans-serif;}
+
     font-family: "Georgia",sans-serif;}
 
.sub-header{
 
.sub-header{
 
     display:flex;
 
     display:flex;
Line 86: Line 117:
 
     padding-bottom: 0;
 
     padding-bottom: 0;
 
     line-height: 60px;
 
     line-height: 60px;
−
     font-size:30px;}
+
     font-size:30px;
 +
    font-family: "Hot Pizza",sans-serif;}
 
.backgroundblur{
 
.backgroundblur{
 
     filter: url(blur.svg#blur);       
 
     filter: url(blur.svg#blur);       
Line 100: Line 132:
 
     position: fixed;
 
     position: fixed;
 
     z-index: -1;}
 
     z-index: -1;}
 +
.homepagebackground{
 +
    height: 110%;
 +
    width: 110%;
 +
    margin-top: -30px;
 +
    margin-left: -30px;
 +
    z-index: -1;
 +
    position:absolute;
 +
}
 
.homepagelogo{
 
.homepagelogo{
 
     z-index: 0;
 
     z-index: 0;
Line 111: Line 151:
 
     margin-top: 3%;}
 
     margin-top: 3%;}
 
.homeplaybutton{
 
.homeplaybutton{
−
     z-index: 0;
+
     z-index: 1;
−
    height: 60px;
+
position:absolute;
−
     margin-left: 10%;
+
     margin-left: 73vw;
−
     margin-top: 1%;}
+
     margin-top: -15vh;}
−
.homefirstpage{
+
.video_container {
−
    height:100vmin;}
+
    width: 100%;
 +
    padding-left: 10%;
 +
    padding-right: 10%;
 +
    height: 50vh;
 +
    position: relative;
 +
}
 +
.video_container video {
 +
    height:500px;
 +
 
 +
}
 +
#home-Carousel{
 +
    margin-left:30vw;
 +
    margin-right:30vw;
 +
    margin-top:5vmin;
 +
    margin-bottom:5vmin;}
 +
.home-pic{
 +
    max-width:40vw;}
 
#mw-content-text {
 
#mw-content-text {
 
     text-align: justify;}
 
     text-align: justify;}
−
.line{
+
 
−
    border-style:solid;
+
#top_menu_14 {
−
    border-width:5px;}
+
            box-sizing: content-box;}
 +
#top_menu_inside {
 +
            box-sizing: content-box;
 +
            height: 16px;}
 +
#sideMenu, #top_title {
 +
            display: none;}
 +
#mw-content-text > p {
 +
            margin: 0px;}
 +
#content { 
 +
            width: 100vw;
 +
            padding: 0px;
 +
            margin: 0px;}
 +
#mw-content-text>p {
 +
    height:0;}
 +
#top_menu_under {
 +
    line-height:1;}
 +
#bars_item {
 +
    line-height:1;}
 +
#user_item{
 +
    line-height:1;}
 +
body{
 +
    overflow-x:hidden;}
 +
.menu{
 +
    text-align:center;
 +
    padding-left: 0;
 +
    margin-bottom:0;
 +
    list-style: none;
 +
    width: 100%;
 +
    margin-top: 20px;
 +
    height:auto;}
 +
.menu>li{
 +
    position: relative;
 +
    display: block;
 +
    text-align:center;
 +
    font-family:'CHERL',sans-serif;
 +
    font-size: 5vmin;
 +
    margin-right: 20px;
 +
    float: none;
 +
    vertical-align: middle;
 +
    height:20vmin;}
 +
.menu>li>a{
 +
    position: relative;
 +
    display: block;
 +
    padding: 10px 15px;
 +
    text-decoration: none;
 +
    color:#e4b9b9;
 +
    border-radius: 4px;
 +
    margin-bottom: 5px;
 +
    text-align: center;}
 +
.active{
 +
    background-color:#e4b9b9;}
 +
@media (min-width: 768px) {
 +
  .menu> li {
 +
    display: table-cell;
 +
    width: 1%;}
 +
  .menu> li > a {
 +
    margin-bottom: 0;}}
 +
.new-wrapper{
 +
    margin-top:-10vmin;}
 +
 
 +
#mw-content-text #home-Carousel {
 +
    background-image: url(https://static.igem.org/mediawiki/2017/e/ec/Homecar4-backgroud.png);
 +
    background-size: 90% 93%;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    display: flex;
 +
    align-items: center;
 +
    padding: 0 30vw;
 +
    margin: 5vw 10vh;
 +
}
 +
 
 +
#mw-content-text.carousel-inner {
 +
    position: relative;
 +
    width: 30vw;
 +
    overflow: hidden;
 +
}
 +
 
 +
 
 +
 
 +
 
 
</style>
 
</style>
  
 
</html>
 
</html>
 
{{NKU_China/footer}}
 
{{NKU_China/footer}}

Latest revision as of 03:07, 2 November 2017

　
　

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071
　
Copyright © Team NKU-China 2017