Difference between revisions of "Team:OUC-China"

 
(74 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
 +
{{OUC-China/CSS}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="utf-8">
+
<meta charset="utf-8 ">
−
<!-- TemplateBeginEditable name="doctitle" -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<title>无标题文档</title>
+
<title>Home</title>
−
<!-- TemplateEndEditable -->
+
 
−
<!-- TemplateBeginEditable name="head" -->
+
−
<!-- TemplateEndEditable -->
+
 
<style type="text/css">
 
<style type="text/css">
−
         .igem_2017_menu_wrapper{display:none}
+
         body{margin:0;padding:0;}
−
.igem_2017_content_wrapper{width:100%;margin:0;float:none;font-size:17px;}
+
−
        .igem_2017_content_wrapper h1{display:none;}
+
−
.contentt{width: 100%;background: #0B486B;text-align: center;position: fixed;top: 0;margin: 0;padding: 0;}
+
−
.contentt ul{display: inline-block;padding:0;list-style-type:none;}
+
−
.contentt li{float: left;list-style-type:none;}
+
−
.contentt a{display: block;text-decoration: none;color: white;width: 120px;line-height: 80px;background-color: #0B486B;font-size:18px;}
+
−
.contentt a:hover{background-color:#266D96;color:white; }
+
−
.top{position: fixed;bottom: 0;right: 0;}
+
−
.top:hover{animation: upp 0.6s ;}
+
−
@keyframes upp {
+
−
0% {margin-bottom: 0;}
+
−
50% {margin-bottom: 80px;}
+
−
100% {margin-bottom: 0;}
+
−
}
+
−
#wrap{margin: 0 auto;width: 1200px;padding: 0;}
+
−
.ab1{width: 100%;height: 450px;margin-bottom: 20px;margin-top: 80px;background-image:url(https://static.igem.org/mediawiki/2017/9/9a/T--OUC-China--ab1.jpeg);}
+
−
.ab1 h2{padding-left: 420px;color:#79BD9A;font-size: 180%;padding-bottom:20px;}
+
−
.ab1 p{width:800px;float: right;margin-bottom: 10px;font-size:20px;}
+
−
.ab1 a{margin-left: 400px;text-decoration: none;color: #79BD9A;}
+
−
.ab1 a img{vertical-align: middle;opacity: 0;}
+
−
.ab1 a:hover img{opacity: 1;transition: 0.5s;}
+
−
.ab1 .vidio {width: 800px;height: 250px;background-color: gray;color: white;text-align: center;line-height: 250px;float: right;margin-top: 10px;}
+
−
.ab2{width: 100%;height: 450px;background-image:url(https://static.igem.org/mediawiki/2017/e/ef/T--OUC-China--ab2.jpeg);margin-bottom: 20px;}
+
−
.ab2 h2{margin-left: 150px;padding-top: 30px;color:#79BD9A;font-size: 180%;}
+
−
.ab2 p{width: 980px; margin-left: 150px;padding-top: 10px;font-size:18px;}
+
−
.ab2 a{margin-left: 150px;text-decoration: none;color: #79BD9A;}
+
−
.ab2 a img{vertical-align: middle;opacity: 0;}
+
−
.ab2 a:hover img{opacity: 1;transition: 0.5s;}
+
−
.ab3{width: 100%;height: 450px;background-image: url(https://static.igem.org/mediawiki/2017/7/76/T--OUC-China--ab3.jpeg);margin-bottom: 20px;}
+
−
.ab3 h2{margin-left: 80px;padding-top: 30px;color:#79BD9A;font-size: 180%;}
+
−
.ab3 p{width:1000px;padding-top: 20px;margin-left: 80px;padding-bottom: 20px;font-size:18px;}
+
−
.ab3 a{margin-left: 220px;text-decoration: none;color: #79BD9A;}
+
−
.ab3 a img{vertical-align: middle;opacity: 0;}
+
−
.ab3 a:hover img{opacity: 1;transition: 0.5s;}
+
−
.ab4{width: 100%;height: 450px;background-image: url(https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--ab4.jpeg);}
+
−
.ab4 h2{margin-left: 245px;padding-top: 30px;color:#79BD9A;font-size: 180%;}
+
−
.ab4 p{width: 700px;margin-left: 245px;padding-top: 20px;padding-bottom: 20px;font-size:20px;}
+
−
.ab4 a{margin-left: 245px;text-decoration: none;color: #79BD9A;}
+
−
.ab4 a img{vertical-align: middle;opacity: 0;}
+
−
.ab4 a:hover img{opacity: 1;transition: 0.5s;}
+
−
.ab5{width: 100%;height: 400px;background-image: url(https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--ab5.jpeg);}
+
−
.ab5 h2{padding-top: 50px;color:#79BD9A;font-size: 180%;}
+
−
.ab5 .wine{padding-top: 0;text-align: center;font-size: 150%;color:#266D96; }
+
−
.ab5 p{width: 800px;padding-top: 20px;padding-bottom: 20px;font-size:20px;}
+
−
.ab5 a{text-decoration: none;color: #79BD9A;}
+
−
.ab5 a img{vertical-align: middle;opacity: 0;}
+
−
.ab5 a:hover img{opacity: 1;transition: 0.5s;}
+
  
−
#zanzhu{width:100%;background-color: #0B486B;color: white;text-align: center;padding: 0;}
+
.item{position: relative;}
−
#zanzhu span{font-weight: bold;font-size: 150%;}
+
.ouc-juzhong{position: absolute;top: 30%; width: 100%; text-align: center;text-shadow: 2px 2px grey;color: white;font-size: 20px}
−
        #zanzhu .zanzhushang{width:1200px;margin:0,auto;display:inline-block;}
+
#title{text-shadow: 3px 3px gray}
−
#zanzhu img{vertical-align: middle;margin:5px;}
+
.ouc-slide{width: 100%}
−
#zanzhu #qvbianyuan{margin:0;}
+
.animation{opacity: 0; transition: all 2s;}
−
   
+
.carousel-inner:hover .animation{transition: all 1s; opacity: 1;}
−
+
.ouc-guide{transform:scale(0.8); transition:0.5s}
−
   
+
.ouc-guide:hover{transform:scale(1);transition:0.5s;}
 
 
 
</style>
 
</style>
 
</head>
 
</head>
  
−
<body>  
+
<body style="top:-15px !important">
−
<div class="contentt">
+
<div id="slidershow" class="carousel slide ouc-slide" data-ride="carousel" style="margin:0 !important;padding:0 !important;">
−
  <ul>
+
<!-- 设置图片轮播的顺序 -->
−
<li><a href="#" style="height: 80px;width: 110px;"><img src="https://static.igem.org/mediawiki/2017/8/8e/T--OUC-China--guide.jpeg" width="110" height="80"/></a></li>
+
  <ol class="carousel-indicators" id="ouc-indicators">
−
<li><a href="#">Team</a></li>
+
        <li class="active" data-target="#slidershow" data-slide-to="0"></li>
−
<li><a href="#" style="font-size: 17px;">Achievement</a></li>
+
        <li data-target="#slidershow" data-slide-to="1"></li>
−
<li><a href="#">Project</a></li>
+
        <li data-target="#slidershow" data-slide-to="2"></li>
−
<li><a href="#">Modeling</a></li>
+
        <li data-target="#slidershow" data-slide-to="3"></li>
−
<li><a href="#">Result</a></li>
+
        <li data-target="#slidershow" data-slide-to="4"></li>
−
<li><a href="#" style="font-size: 14px;">Human Practice</a></li>
+
 
−
<li><a href="#">Parts</a></li>
+
    </ol>
−
<li><a href="#">Notebook</a></li>
+
    <!-- 设置轮播图片 -->
−
<li><a href="#">Safety</a></li>
+
    <div class="carousel-inner container-fluid" style="margin:0;padding:0;top:-15px !important">
−
  </ul>
+
        <div class="item active">
−
</div>
+
            <img src="https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg" width="100%">
−
+
            <div class="ouc-juzhong animation">
−
<a href="#top"><img class="top" src="https://static.igem.org/mediawiki/2017/b/b7/T--OUC-China--top.jpeg" width="150" height="116" /></a>
+
            <h1 id="title" style="font-size: 100px; color: white"><strong>A Bottle of Algae "Wine"</strong><br/><small style="color:darkgray">Producing ethanol from algae</small></h1>
−
<div id="wrap">
+
            </div>
−
<div class="ab1">
+
        </div>
−
     
+
        <div class="item">
−
      <h2>We are OUC_China,we come from Qingdao!</h2>
+
            <img src="https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg" width="100%">
−
      <p>Qingdao is a beautiful city.However there are some annoying problems here.And that's what our team wants to solve this year.</p>
+
            <div class="ouc-juzhong animation">
−
      <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our Human Practice page!</a>
+
            <p style="font-size:20px"><strong>Qingdao is a beautiful tourist city. <br/>However, every summer a monster--<i>Enteromorpha</i>--will come to the seaside,<br/>scaring away all tourists.<br/> And the beautiful sea becomes empty and lonely.</strong></p>
−
          <div class="vidio">此处是vidio</div>
+
             </div>
−
    </div>
+
        </div>
−
  <div class="ab2">
+
        <div class="item">
−
        <h2>Step 1</h2>
+
            <img src="https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg" width="100%">
−
    <p>Now that we have plenty of Enteromorpha to deal with, we focus on the cellulose and hemicellulose which don’t have much added value in themselves thus wasn’t made good use of. And what we have done is fermentating them into ethyl alcohol.
+
            <div class="ouc-juzhong animation">
−
    Co-culture system is one biological system which has a great potential, especially in the aspect of its cooperative fermentation. Fiber corpuscle, one of the scaffold protein, is an existing efficient system in the nature. But in yeast, its expression may make the host metabolic burden too heavy. So we think of using E. coli to replace fibre corpuscle, which plays a similar effect to increase the efficiency of the enzyme.
+
            <p style="font-size:20px"><strong>After hearing the event, <i>S.cerevisiae</i> and <i>E.coli</i>decide to come and defeat <i>Enteromorpha</i>.<br/><i>E.coli</i> uses cellulase and hemicellulase as his sword to smash <i>Enteromorpha</i>.<br/>The fragment of <i>Enteromorpha</i> becomes cellodextrin and xylose.<br/>At the same time, <i>S.cerevisiae</i> collects the fragment and make it into glucose and then, ethanol.<br/>Finally, mixing with resveratrol, <i>S.cerevisiae</i> transforms the monster into Enteromorpha wine. </strong>  </p>
−
</p>
+
            </div>
−
             <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part1!</a>
+
        </div>
−
    </div>
+
        <div class="item">
−
    <div class="ab3">
+
            <img src="https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg" width="100%">
−
        <h2>Step 2</h2>
+
            <div class="ouc-juzhong animation">
−
      <p>
+
            <p style="font-size:20px"><strong><i>Enteromorpha</i> disappeared!<br/>Now every summer, people enjoy themselves on the beautiful beach in Qingdao!</strong></p>
−
After pretreatment, we successfully transformed the cellulose and hemicellulose into cellobiose and xylose that are easier to use.
+
            </div>
−
The cellobiose is then transformed into ethyl alcohol through the intrinsic pathway of saccharomyces cerevisiae .  
+
        </div>
−
As for the xylose,we transform it into xylulose and ultimately the ethyl alcohol.
+
      <div class="item">
−
Thus we created two kinds of functional yeast which can live on special carbon source ---when we feed them with cellobiose and xylose, they will produce ethyl alcohol in return. What’s more, we can adjust the ratio between two yeasts to accomplish the best output corresponding to the original composition of Enteromorpha. Amazing!
+
            <img src="https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--home4.jpg" width="100%">
−
</p>
+
        </div>
−
    <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part2!</a>
+
 
−
    </div>
+
    </div>
−
    <div class="ab4">
+
    <!-- 设置轮播图片控制器 -->
−
        <h2>Step 3</h2>
+
  <a class="left carousel-control" href="#slidershow" data-slide="prev" style="top:-15px !important" ><span style="position: absolute;top: 40%;font-size: 50px;">&lsaquo;</span></a>
−
      <p>In addition to Enteromorpha contains numerous cellulose and hemicellulose, there are a large number of antioxidant polysaccharide substances. These polysaccharide substances can be used as materials for health care products. At the same time, we use the yeast to express resveratrol, an antioxidant substances either, to improve our antioxidant health care products.
+
         <a class="right carousel-control" href="#slidershow" data-slide="next" style="top:-15px !important"><span style="position: absolute;top: 40%;font-size: 50px">&rsaquo;</span></a>
−
</p>
+
−
    <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part3!</a>
+
−
    </div>
+
−
  <div class="ab5">
+
−
    <h1 class="wine">At this point,we have created Enteromorpha health care wine!</h1>
+
−
    <h2>Step extra</h2>
+
−
    <p>When we compare the expression of eukaryotic and prokaryotic genes，eukaryotic gene expression vectors are larger because of single cistron，lengthy promoters and terminators.Therefore，we try to build a short and strong expression combination（mini-system）.It contains a small enough promoter and terminator.In addition, we tested to ensure optimal combination of promoter and terminator.
+
−
</p>
+
−
         <a href="#"><img src="https://static.igem.org/mediawiki/2017/a/aa/T--OUC-China--jiantou.jpeg" width="30" height="30"/>&nbsp;More at our part4!</a>
+
−
    </div>
+
 
</div>
 
</div>
  
−
<div id="zanzhu">
+
 
−
  <img id="qvbianyuan" src="https://static.igem.org/mediawiki/2017/6/6f/T--OUC-China--zanzhu.jpeg" width=100% />
+
<div class="container-fluid" style="background-image: url(https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg);padding-top:50px;">
−
  <p class="zanzhushang"><span>Thanks</span><br/>
+
 
−
    <img src="https://static.igem.org/mediawiki/2017/e/eb/T--OUC-China--QNS.jpg"/>
+
 
−
    <img src="https://static.igem.org/mediawiki/2017/2/2a/T--OUC-China--ML.png" height="100"/>
+
            <div class="container" style="background-color: white; width: 90%; padding:20px;">
−
    <img src="https://static.igem.org/mediawiki/2017/5/51/T--OUC-China--NSG.png" height="100"/></p>
+
           
−
  <p><span>Contact us:&nbsp;</span>oucigem@163.com<img src="https://static.igem.org/mediawiki/2017/b/b4/T--OUC-China--foot1.jpeg" width="50" height="50"/><img src="https://static.igem.org/mediawiki/2017/6/62/T--OUC-China--foot2.jpeg" width="50" height="50"></p>
+
                    <h1 style="font-size: 60px; color: #008EA1; text-align: center;margin-top: 40px;"><strong>A Bottle Of Algae "Wine"</strong><br/><small>Producing ethanol from algae</small></h1>
 +
                    <br/>
 +
                    <p style="font-size: 20px">This year OUC-iGEM focuses on the efficient use of cellulose. We are concerned about the utilization of Enteromorpha as a hot local issue. Every year a large quantity of Enteromorpha are salvaged ashore. The utilization, however, remainds still in the initial stage . Compared to the traditional strategy of using terrestrial plant cellulose, the ingredient of lignin in large seaweed is rather low, which can lead to a better degradation.So it will be a great idea to produce new energy from Enteromorpha.<br/>
 +
                        Our project can be devided into 3 parts:</p><br/>
 +
                        <div class="row" style="text-align: center;">
 +
                            <div class="col-md-4">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
 +
                            <h4><strong>Adhesion platform</strong></h4>
 +
                    <p style="text-align: left"><i>E. coli</i> and yeast is to adhere to each other and form a multi-cell unit, expanding the biological function of engineered cells.</p>
 +
                        </div>
 +
                        <div class="col-md-4">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--OUC-China--yeast1.png"/>
 +
                            <h4><strong>Fermentation</strong></h4>
 +
                            <p style="text-align: left">We aim to make use of cellobiose and xylose produced from algae residue and turn them into ethanol---our Enteromorpha wine! Resveratrol is added to our wine to make it better for health. </p>
 +
                        </div>
 +
                   
 +
                        <div class="col-md-4">
 +
                            <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
 +
                            <h4><strong>Mini-GRE</strong></h4>
 +
                            <p style="text-align: left">We synthesize mini promoters in yeast, which have very concise sequences. In this way, we look forward to making our own contribution to the standardization of yeast!</p>
 +
                        </div>
 +
                        </div>
 +
                       
 +
                        <div class="container-fluid">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/35/T--OUC-China--home6.jpg" width="100%"/>
 +
 
 +
<div class="row">
 +
    <div class="col-md-6"><img src="https://static.igem.org/mediawiki/2017/8/84/T--OUC-China--dejiang1.png" width="700"/></div>
 +
    <div class="col-md-6" style="text-align:center">
 +
        <h1 style="color: #008EA1"><strong>Results</strong></h1><br/><br/><br/>
 +
        <img src="https://static.igem.org/mediawiki/2017/9/94/T--OUC-China--dejiang3.png" height="150"/>
 +
        <h2><strong>Gold Medal</strong></h2>
 +
        <h2>Nominated  <br/><strong>Best New Basic Part</strong></h2>
 +
    </div>
 
</div>
 
</div>
 +
<!--==============================================================================================-->
 +
                  <div class="row">
 +
                      <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Team"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/3/3f/T--OUC-China--Team.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Description"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/0/03/T--OUC-China--Project.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Model"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/3/3c/T--OUC-China--model.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Parts"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/3/3b/T--OUC-China--parts.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/Safety"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/0/07/T--OUC-China--sefety.png" width="150"/></a>
 +
                          </div>
 +
                          <div class="col-md-2">
 +
                              <a href="https://2017.igem.org/Team:OUC-China/HumanPractice"><img class="ouc-guide" src="https://static.igem.org/mediawiki/2017/d/d1/T--OUC-China--hp.png" width="150"/></a>
 +
                          </div>
 +
                  </div>
 +
                </div>
 +
                   
 +
            </div>
 +
     
 +
       
 +
           
 +
            <div  style="text-align: center;margin-top: 30px; ">
 +
           
 +
                <p class="text-center" style="color: white">
 +
        Contact Us : oucigem@163.com&nbsp;&nbsp;|&nbsp;&nbsp;©2017 OUC IGEM.All Rights Reserved.&nbsp;&nbsp;|&nbsp;&nbsp;Based On Bootstrap<br/>
 +
        <img src="https://static.igem.org/mediawiki/2017/b/b4/T--OUC-China--foot1.jpeg" width="80" height="80"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/6/62/T--OUC-China--foot2.jpeg" width="80" height="80"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/e/eb/T--OUC-China--QNS.jpg" width="353" height="50"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/5/51/T--OUC-China--NSG.png" width="174" height="50"/>
 +
        <img src="https://static.igem.org/mediawiki/2017/2/2a/T--OUC-China--ML.png" width="252" height="50"/>
 +
    </p>
 +
            </div>
 +
     
 +
</div>
 +
 +
 +
<script type="text/javascript" src="https://2017.igem.org/Team:OUC-China/JS?action=raw&amp;ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 07:16, 19 November 2017

Home

A Bottle Of Algae "Wine"
Producing ethanol from algae


This year OUC-iGEM focuses on the efficient use of cellulose. We are concerned about the utilization of Enteromorpha as a hot local issue. Every year a large quantity of Enteromorpha are salvaged ashore. The utilization, however, remainds still in the initial stage . Compared to the traditional strategy of using terrestrial plant cellulose, the ingredient of lignin in large seaweed is rather low, which can lead to a better degradation.So it will be a great idea to produce new energy from Enteromorpha.
Our project can be devided into 3 parts:


Adhesion platform

E. coli and yeast is to adhere to each other and form a multi-cell unit, expanding the biological function of engineered cells.

Fermentation

We aim to make use of cellobiose and xylose produced from algae residue and turn them into ethanol---our Enteromorpha wine! Resveratrol is added to our wine to make it better for health.

Mini-GRE

We synthesize mini promoters in yeast, which have very concise sequences. In this way, we look forward to making our own contribution to the standardization of yeast!

Results




Gold Medal

Nominated
Best New Basic Part

Contact Us : oucigem@163.com  |  ©2017 OUC IGEM.All Rights Reserved.  |  Based On Bootstrap