Difference between revisions of "Team:NKU China"

 
(41 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/1/16/T--NKU_China--backgroundgc1.png"/>
 
             <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>  
  
−
            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/>
+
</body>
−
            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>
+
−
            <div class="line"><img src="https://static.igem.org/mediawiki/2017/b/b8/T--NKU_China--line.png"/></div>
+
−
            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>
+
−
@font-face {
+
−
    font-family: 'Hotpizza';
+
−
    src: url('https://static.igem.org/mediawiki/2017/7/7d/T--NKU_China--hotpizza_eot.eot');
+
−
    url('https://static.igem.org/mediawiki/2017/d/d8/T--NKU_China--hotpizza_ttf.ttf') format('truetype'),
+
−
    url('https://static.igem.org/mediawiki/2017/0/0e/T--NKU_China--hotpizza_svg.svg') format('svg'),
+
−
    url('https://static.igem.org/mediawiki/2017/f/fb/T--NKU_China--hotpizza_woff.woff') format('woff');
+
−
    font-weight: normal;
+
−
    font-style: normal;}
+
−
@font-face {
+
−
    font-family: 'Futura LT Light';
+
−
    src: url('https://static.igem.org/mediawiki/2017/3/3d/T--NKU_China--futura-It-light_eot.eot');
+
−
    url('https://static.igem.org/mediawiki/2017/1/1e/T--NKU_China--futura-lt-light_woff.woff') format('woff'),
+
−
    url('https://static.igem.org/mediawiki/2017/6/6b/T--NKU_China--futura-lt-light_ttf.ttf') format('truetype'),
+
−
    url('https://static.igem.org/mediawiki/2017/7/76/T--NKU_China--futura-lt-light_svg.svg') format('svg');
+
−
    font-weight: normal;
+
−
    font-style: normal;}
+
−
@font-face {
+
−
    font-family: 'Futura LT Medium';
+
−
    src: url('https://static.igem.org/mediawiki/2017/2/23/T--NKU_China--futura-lt-medium.eot');
+
−
    url('https://static.igem.org/mediawiki/2017/c/ca/T--NKU_China--futura-lt-medium_woff.woff') format('woff'),
+
−
    url('https://static.igem.org/mediawiki/2017/b/b7/T--NKU_China--futura-lt-medium_ttf.ttf') format('truetype'),
+
−
    url('https://static.igem.org/mediawiki/2017/8/89/T--NKU_China--futura-lt-medium_svg.svg') format('svg');
+
−
    font-weight: normal;
+
−
    font-style: normal;}
+
−
@font-face {
+
−
    font-family: 'Georgia';
+
−
    src: url('https://static.igem.org/mediawiki/2017/a/a4/T--NKU_China--Georgia_eot.eot');
+
−
    url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--Georgia_woff.woff') format('woff'),
+
−
    url('https://static.igem.org/mediawiki/2017/9/94/T--NKU_China--Georgia_ttf.ttf') format('truetype'),
+
−
    url('https://static.igem.org/mediawiki/2017/1/11/T--NKU_China--Georgia_svg.svg') format('svg');
+
−
    font-weight: normal;
+
−
    font-style: normal;}
+
−
@font-face {
+
−
    font-family: 'CHERL';
+
−
    src: url('https://static.igem.org/mediawiki/2017/c/c1/T--NKU_China--CHERL_eot.eot');
+
−
    url('https://static.igem.org/mediawiki/2017/6/67/T--NKU_China--CHERL_woff.woff') format('woff'),
+
−
    url('https://static.igem.org/mediawiki/2017/2/26/T--NKU_China--CHERL_ttf.ttf') format('truetype'),
+
−
    url('https://static.igem.org/mediawiki/2017/4/4c/T--NKU_China--CHERL_svg.svg') format('svg');
+
−
    font-weight: normal;
+
−
    font-style: normal;}
+
  
 +
<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;
Line 128: Line 118:
 
     line-height: 60px;
 
     line-height: 60px;
 
     font-size:30px;
 
     font-size:30px;
−
     font-family: "Georgia",sans-serif;}
+
     font-family: "Hot Pizza",sans-serif;}
 
.backgroundblur{
 
.backgroundblur{
 
     filter: url(blur.svg#blur);       
 
     filter: url(blur.svg#blur);       
Line 149: Line 139:
 
     z-index: -1;
 
     z-index: -1;
 
     position:absolute;
 
     position:absolute;
−
 
 
}
 
}
 
.homepagelogo{
 
.homepagelogo{
Line 162: 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%;
−
    background:url(https://static.igem.org/mediawiki/2017/8/83/T--NKU_China--background1.jpg) no-repeat center bottom }
+
    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 218: Line 222:
 
     padding: 10px 15px;
 
     padding: 10px 15px;
 
     text-decoration: none;
 
     text-decoration: none;
−
     color:#000;
+
     color:#e4b9b9;
 
     border-radius: 4px;
 
     border-radius: 4px;
 
     margin-bottom: 5px;
 
     margin-bottom: 5px;
Line 232: Line 236:
 
.new-wrapper{
 
.new-wrapper{
 
     margin-top:-10vmin;}
 
     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>

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