Difference between revisions of "Team:OUC-China"

 
(55 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{OUC-China}}
 
{{OUC-China}}
 
{{OUC-China/CSS}}
 
{{OUC-China/CSS}}
−
<!DOCTYPE html>
+
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
<meta charset="utf-8 ">
−
<title>页面切换</title>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<link rel="stylesheet" href="bootstrap.min.css">
+
<title>Home</title>
−
<style type="text/css">
+
 
−
+
<style type="text/css">
−
html,body{
+
        body{margin:0;padding:0;}
−
height: 100%;
+
 
−
overflow: hidden;
+
.item{position: relative;}
−
}
+
.ouc-juzhong{position: absolute;top: 30%; width: 100%; text-align: center;text-shadow: 2px 2px grey;color: white;font-size: 20px}
−
#container1,.sections,.section{
+
#title{text-shadow: 3px 3px gray}
−
height: 100%;
+
.ouc-slide{width: 100%}
−
position: relative;
+
.animation{opacity: 0; transition: all 2s;}
−
}
+
.carousel-inner:hover .animation{transition: all 1s; opacity: 1;}
−
#section0,
+
.ouc-guide{transform:scale(0.8); transition:0.5s}
−
#section1,
+
.ouc-guide:hover{transform:scale(1);transition:0.5s;}
−
#section2,
+
−
#section3,
+
</style>
−
#section4,
+
−
#section5{
+
−
+
−
background-size: cover;
+
−
background-position: 50% 50%;
+
−
}
+
−
#section0{
+
−
color: #fdb933;
+
−
background-image: url(https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg) ;
+
−
text-shadow:3px 2px #fff;
+
−
}
+
−
#section1{
+
−
color: #fff;
+
−
font-size: 20px;
+
−
text-shadow:1px 1px 1px black;
+
−
background-image:url(https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg);
+
−
}
+
−
#section2{
+
−
background-image: url(https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg);
+
−
color: #fff;
+
−
font-size: 20px;
+
−
text-shadow:1px 1px 1px black;
+
−
}
+
−
#section3{
+
−
color: #FFFFFF;
+
−
font-size: 20px;
+
−
background-image: url(https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg);
+
−
text-shadow:1px 1px 1px black;
+
−
}
+
−
#section4{
+
−
color: #FFFFFF;
+
−
font-size: 20px;
+
−
background-image: url(https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--home4.jpg);
+
−
}
+
−
#section5{
+
−
color: #FFFFFF;
+
−
background-image: url(https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg);
+
−
}
+
−
+
−
+
−
.intro{
+
−
position: absolute;
+
−
top: 50%;
+
−
width: 100%;
+
−
-webkit-transform: translateY(-50%);
+
−
transform: translateY(-50%);
+
−
text-align: center;
+
−
}
+
−
+
−
.pages{
+
−
position:fixed;
+
−
list-style: none;
+
−
}
+
−
.vertical.pages{
+
−
right: 10px;
+
−
top: 50%;
+
−
}
+
−
.horizontal.pages{
+
−
left: 50%;
+
−
bottom: 10px;
+
−
}
+
−
.pages li{
+
−
width: 8px;
+
−
height: 8px;
+
−
border-radius: 50%;
+
−
background: #fff;
+
−
margin: 10px 5px;
+
−
cursor: pointer;
+
−
}
+
−
.horizontal.pages li{
+
−
display: inline-block;
+
−
vertical-align: middle;
+
−
}
+
−
.pages li.active{
+
−
width: 14px;
+
−
height: 14px;
+
−
border: 2px solid #FFFE00;
+
−
background: none;
+
−
margin-left: 0;
+
−
}
+
−
.animation{opacity: 0;}
+
−
.section:hover .animation{transition: all 1s; opacity: 1;}
+
−
.ouc-abstruct{text-align: center;}
+
−
.ouc-abstruct p{text-align: left;}
+
−
.ouc-abstruct h1{color:#008EA1; }
+
−
.ouc-abstruct{
+
−
background-color: white;
+
−
color: grey;
+
−
padding-bottom: 20px;
+
−
}
+
−
.top{position: absolute;bottom:0;right: 0;}
+
−
.top:hover{animation: upp 0.6s ;}
+
−
@keyframes upp {
+
−
0% {margin-bottom: 0;}
+
−
50% {margin-bottom: 80px;}
+
−
100% {margin-bottom: 0;}
+
−
}
+
−
.ouc-reserve{background-color: #008EA1;color: white;}
+
−
+
−
</style>
+
 
</head>
 
</head>
−
<body>
+
 
−
   
+
<body style="top:-15px !important">
−
<div id="container1" data-PageSwitch>
+
<div id="slidershow" class="carousel slide ouc-slide" data-ride="carousel" style="margin:0 !important;padding:0 !important;">
−
<div class="sections">
+
<!-- 设置图片轮播的顺序 -->
−
<div class="section active" id="section0">
+
  <ol class="carousel-indicators" id="ouc-indicators">
−
<div class="intro animation">
+
        <li class="active" data-target="#slidershow" data-slide-to="0"></li>
−
<h1 id="title" style="font-size: 100px;"><strong>A Bottle of Algae "Wine"</strong><br/><small style="color:darkgray">Producing ethanol from algae</small></h1>
+
        <li data-target="#slidershow" data-slide-to="1"></li>
−
</div>
+
        <li data-target="#slidershow" data-slide-to="2"></li>
−
+
        <li data-target="#slidershow" data-slide-to="3"></li>
−
+
        <li data-target="#slidershow" data-slide-to="4"></li>
−
</div>
+
 
−
<div class="section" id="section1">
+
    </ol>
−
<div class="intro animation">
+
    <!-- 设置轮播图片 -->
−
+
    <div class="carousel-inner container-fluid" style="margin:0;padding:0;top:-15px !important">
−
<p>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.</p>
+
        <div class="item active">
−
+
            <img src="https://static.igem.org/mediawiki/2017/a/a6/T--OUC-China--home0.jpg" width="100%">
−
</div>
+
            <div class="ouc-juzhong animation">
−
+
            <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>
+
            </div>
−
<div class="section" id="section2">
+
        </div>
−
<div class="intro animation">
+
        <div class="item">
−
+
            <img src="https://static.igem.org/mediawiki/2017/9/91/T--OUC-China--home1.jpg" width="100%">
−
<p>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.   </p>
+
            <div class="ouc-juzhong animation">
−
+
            <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>
+
            </div>
−
</div>
+
        </div>
−
<div class="section" id="section3">
+
        <div class="item">
−
<div class="intro animation">
+
            <img src="https://static.igem.org/mediawiki/2017/c/c7/T--OUC-China--home2.jpg" width="100%">
−
<p><i>Enteromorpha</i> disappeared!<br/>Now every summer, people enjoy themselves on the beautiful beach in Qingdao!</p>
+
            <div class="ouc-juzhong animation">
−
+
            <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>
−
</div>
+
            </div>
−
</div>
+
        </div>
−
<div class="section" id="section4">
+
        <div class="item">
−
</div>
+
            <img src="https://static.igem.org/mediawiki/2017/d/da/T--OUC-China--home3.jpg" width="100%">
−
<div class="section" id="section5">
+
            <div class="ouc-juzhong animation">
−
    <div class="intro">
+
            <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>
−
    <div class="container ouc-abstruct">
+
            </div>
−
                     <h1 style="font-size: 60px;"><strong>A Bottle Of Algae "Wine"</strong><br/><small>Producing ethanol from algae</small></h1>
+
        </div>
 +
      <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/c/c4/T--OUC-China--home4.jpg" width="100%">
 +
        </div>
 +
 
 +
    </div>
 +
    <!-- 设置轮播图片控制器 -->
 +
  <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>
 +
        <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>
 +
</div>
 +
 
 +
 
 +
<div class="container-fluid" style="background-image: url(https://static.igem.org/mediawiki/2017/9/9d/T--OUC-China--home5.jpg);padding-top:50px;">
 +
 
 +
 
 +
            <div class="container" style="background-color: white; width: 90%; padding:20px;">
 +
           
 +
                     <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/>
 
                     <br/>
−
                     <p>This year OUC-iGEM focuses on the efficient use of cellulose. We are concerned about the utili-zation of Enteromorpha as a hot local issue. Every year a large quantity of Enteromorpha are sal-vaged 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/>
+
                     <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/>
 
                         Our project can be devided into 3 parts:</p><br/>
−
                         <div class="row">
+
                         <div class="row" style="text-align: center;">
 
                             <div class="col-md-4">
 
                             <div class="col-md-4">
 
                             <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
 
                             <img src="https://static.igem.org/mediawiki/2017/a/ac/T--OUC-China--yeast2.png"/>
 
                             <h4><strong>Adhesion platform</strong></h4>
 
                             <h4><strong>Adhesion platform</strong></h4>
−
                     <p><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>
+
                     <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>
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--OUC-China--yeast1.png"/>
 
                             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--OUC-China--yeast1.png"/>
 
                             <h4><strong>Fermentation</strong></h4>
 
                             <h4><strong>Fermentation</strong></h4>
−
                             <p>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>
+
                             <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>
 
                      
 
                      
 
                         <div class="col-md-4">
 
                         <div class="col-md-4">
 
                             <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
 
                             <img src="https://static.igem.org/mediawiki/2017/a/a2/T--OUC-China--yeast3.png"/>
−
                             <h4><strong>Mini system</strong></h4>
+
                             <h4><strong>Mini-GRE</strong></h4>
−
                             <p>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>
+
                             <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>
 
                         </div>
 +
                       
 
                         <div class="container-fluid">
 
                         <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 class="row">
 
                  <div class="row">
 
                      <div class="col-md-2">
 
                      <div class="col-md-2">
−
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/3/3f/T--OUC-China--Team.png" width="150"/></a>  
+
                              <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>
 
                          <div class="col-md-2">
 
                          <div class="col-md-2">
−
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/0/03/T--OUC-China--Project.png" width="150"/></a>  
+
                              <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>
 
                          <div class="col-md-2">
 
                          <div class="col-md-2">
−
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/3/3c/T--OUC-China--model.png" width="150"/></a>  
+
                              <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>
 
                          <div class="col-md-2">
 
                          <div class="col-md-2">
−
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/3/3b/T--OUC-China--parts.png" width="150"/></a>  
+
                              <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>
 
                          <div class="col-md-2">
 
                          <div class="col-md-2">
−
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/0/07/T--OUC-China--sefety.png" width="150"/></a>
+
                              <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>
 
                          <div class="col-md-2">
 
                          <div class="col-md-2">
−
                              <a href=""><img src="https://static.igem.org/mediawiki/2017/d/d1/T--OUC-China--hp.png" width="150"/></a>  
+
                              <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>
 
                </div>
−
                    </div>
 
−
    </div>
 
−
</div>
 
−
<div class="section" id="section6">
 
−
      <div class="intro">
 
−
             
 
−
          <img src="https://static.igem.org/mediawiki/2017/3/35/T--OUC-China--home6.jpg" width=92%/>
 
−
                 
 
−
                      <div class="container-fluid ouc-reserve" style="padding-top: 10px;">
 
−
                                <p class="text-center">
 
−
                                                 
 
−
                                    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"  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"/><br/>
 
−
                                </p>
 
−
                       
 
−
                      </div>
 
−
                    </div>
 
 
                      
 
                      
−
 
+
            </div>
−
</div>
+
     
−
</div>
+
       
−
</div><script type="text/javascript" src="https://2017.igem.org/Team:OUC-China/JsHomepage?action=raw&amp;ctype=text/javascript"></script>
+
           
 +
            <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