Difference between revisions of "Team:ShanghaitechChina"

Line 257: Line 257:
 
   cursor:pointer;
 
   cursor:pointer;
 
}
 
}
−
.
+
.content {
 +
    background-color: rgba(240,240,240,0.85);
 +
    width:96%;
 +
    border: 1px solid #cccccc;
 +
    border-radius: 10px;
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 +
    color: #3d3d3d;
 +
    font-size: 18px;
 +
    margin-left:2%;
 +
    margin-top:50px;
 +
    padding: 10px 30px;
 +
}
 +
.imground {
 +
    width:100%;
 +
    margin-left:2%;
 +
    border-radius: 10px 10px 10px 10px;
 +
}
 +
.introimg {
 +
    width:80%;
 +
    margin-left:10%;
 +
    border-radius: 10px 10px 10px 10px;
 +
}
 +
 
 +
.contentBorder {
 +
    border: 1px solid #aaaaaa;
 +
    border-radius: 7px;
 +
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
 +
}
 +
.ContentHeader {
 +
    color: #3d3d3d;
 +
    font-size: 30px;
 +
    font-weight: bold;
 +
    margin-bottom: 5px;
 +
    margin-left: 15px;
 +
}
 
</style>
 
</style>
 
<head class="no-skrollr">
 
<head class="no-skrollr">
Line 313: Line 347:
 
     </div>
 
     </div>
 
</nav>
 
</nav>
−
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
+
<div data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-300="opacity:0;top:-10%;transform:rotate(-90deg);">
−
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
+
   <img class="introimg" src="https://static.igem.org/mediawiki/2016/2/26/Intro-image.jpg">
−
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
+
−
<div id="progress" data-0="width:0%;background:hsl(200, 100%, 50%);" data-end="width:100%;background:hsl(920, 100%, 50%);"></div>
+
−
<section>
+
−
<div id="intro" data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-300="opacity:0;top:-10%;transform:rotate(-90deg);">
+
−
   <img src="https://static.igem.org/mediawiki/2016/2/26/Intro-image.jpg" style="width:100%">
+
 
</div>
 
</div>
−
</section>
+
<div class="content" style="margin-top:30%" data-0="display:block;top:100%;" data-200="top:30%;" data-2300="top:-300%;" >
−
<section>
+
<div class="row">
−
<div id="end" data-0="display:block;top[cubic]:100%;border-radius[cubic]:0em;background:rgb(0,50,100);border-width:0px;" data-400="top:10%;border-radius:2em;background:rgb(190,230,255);border-width:6px;" data-600="" data-1000="" data-1200="top:100%;display:none;">
+
<div class="col-lg-6">
−
<h1 id="abs" align="center";>Abstract</h1>
+
<img class="imground" src="https://static.igem.org/mediawiki/2016/5/5d/Plan_1_V2.jpg">
−
Artificial photosynthesis represents a promising solution for energy issues, however, the efficiency, robustness, and scalability does not meet the requirements of industrial applications. We proposed and demonstrated a sun-powered biofilm-interfaced artificial hydrogen-producing system, Solar Hunter, that could potentially solve the issues above. Biofilm-anchored nanorods can efficiently convert photons to electrons, which seamlessly tap into the electron chain of engineered strain carrying FeFe hydrogenase gene cluster, thereby achieving high-efficiency hydrogen production. Furthermore, the intrinsic adherence of biofilms towards various interfaces allows us to grow biofilms on easy-separation micro-beads, therefore facilitating recyclable usage of the biofilm-anchored NRs and endowing this whole system with recyclability. Notably, our hydrogen production has shown great stability compared to some precursors using hydrogenase. Practically speaking, the system comprising E. Coli and biofilms are both amenable for scalable operation, rendering itself a great potential for large-scale industrial applications. Such system can also be adapted to other energy-oriented applications by utilizing engineered new strains with a diverse spectrum of enzymes or metabolic pathways. The efficiency, recyclability, stability, scalability, and versatility makes our system a design that is truly applicable.
+
−
<br/>
+
 
</div>
 
</div>
−
</section>   
+
<div class="col-lg-6">
−
<div id="transform" data-0="display:none" data-1200="display:block;opacity:0" data-1400="opacity:1;" data-1600="" data-1850="" data-2000="opacity:0;">
+
Artificial photosynthesis represents a promising solution for energy issues, however, the efficiency, robustness, and scalability does not meet the requirements of industrial applications. We proposed and demonstrated a sun-powered biofilm-interfaced artificial hydrogen-producing system, Solar Hunter, that could potentially solve the issues above. Biofilm-anchored nanorods can efficiently convert photons to electrons, which seamlessly tap into the electron chain of engineered strain carrying FeFe hydrogenase gene cluster, thereby achieving high-efficiency hydrogen production. Furthermore, the intrinsic adherence of biofilms towards various interfaces allows us to grow biofilms on easy-separation micro-beads, therefore facilitating recyclable usage of the biofilm-anchored NRs and endowing.
−
     
+
−
<img src="https://static.igem.org/mediawiki/2016/5/5d/Plan_1_V2.jpg" style="width:100%;margin-top:-7%">
+
−
         
+
 
</div>
 
</div>
−
<div id="transform" data-0="display:none" data-2100="display:block;opacity:0;" data-2200="opacity:1;" data-2400="" data-2550="" data-2700="opacity:0;display:none;">
 
−
           
 
−
<a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm"><img class="pic" src="https://static.igem.org/mediawiki/2016/7/71/Biofilm_2.jpg" style="width:40%;margin-top:-5%"></a>
 
−
<p></p>
 
−
                <a href="https://2016.igem.org/Team:ShanghaitechChina/Hydrogen"><img class="pic" id="aa" src="https://static.igem.org/mediawiki/2016/5/5c/Hydrogenase_2.jpg" style="width:40%;margin-top:5%"></a>
 
−
             
 
 
</div>
 
</div>
−
<div id="transform" data-0="display:none" data-2100="display:block;opacity:0;left:90%" data-2200="opacity:1;left:70%" data-2400="" data-2550="" data-2700="opacity:0;left:90%;display:none;">
+
<div class="row" style="margin-top:80px">
−
           
+
<div class="col-lg-8">
−
<a href="https://2016.igem.org/Team:ShanghaitechChina/Quantum_Dots"><img class="pic" src="https://static.igem.org/mediawiki/2016/6/6a/Nanomaterials_2.jpg" style="width:40%;margin-top:-5%"></a><p></p>
+
Artificial photosynthesis represents a promising solution for energy issues, however, the efficiency, robustness, and scalability does not meet the requirements of industrial applications. We proposed and demonstrated a sun-powered biofilm-interfaced artificial hydrogen-producing system, Solar Hunter, that could potentially solve the issues above. Biofilm-anchored nanorods can efficiently convert photons to electrons, which seamlessly tap into the electron chain of engineered strain carrying FeFe hydrogenase gene cluster, thereby achieving high-efficiency hydrogen production. Furthermore, the intrinsic adherence of biofilms towards various interfaces allows us to grow biofilms on.
−
                <a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm"><img class="pic" id="aa" src="https://static.igem.org/mediawiki/2016/5/5d/Plan_1_V2.jpg" style="width:40%;margin-top:5%"></a>
+
−
             
+
 
</div>
 
</div>
−
  <div id="easing_wrapper" data-0="display:none;" data-2400="display:block;" data-2900="background:rgba(0, 0, 0, 0);color[swing]:rgb(0,0,0);" data-3900="background:rgba(0,0,0,1);color:rgb(255,255,255);" data-4400="top:0%;"> <!--data-5200="top:-100%;left:0px;right:0px;">-->
+
<div class="col-lg-4">
−
<div id="easing" data-0="display:none;" data-3200="display:block;top:20%;left:100%" data-4200="top:20;left:25%;">
+
<img class="imground" src="https://static.igem.org/mediawiki/2016/7/71/Biofilm_2.jpg">
 +
</div>
 +
</div>
 +
<div class="row" style="margin-top:80px">
 +
<div class="col-lg-4">
 +
<img class="imground" src="https://static.igem.org/mediawiki/2016/5/5c/Hydrogenase_2.jpg">
 +
</div>
 +
<div class="col-lg-8">
 +
Artificial photosynthesis represents a promising solution for energy issues, however, the efficiency, robustness, and scalability does not meet the requirements of industrial applications. We proposed and demonstrated a sun-powered biofilm-interfaced artificial hydrogen-producing system, Solar Hunter, that could potentially solve the issues above. Biofilm-anchored nanorods can efficiently convert photons to electrons, which seamlessly tap into the electron chain of engineered strain carrying FeFe hydrogenase gene cluster, thereby achieving high-efficiency hydrogen production. Furthermore, the intrinsic adherence of biofilms towards various interfaces allows us to grow biofilms on.
 +
</div>
 +
 
 +
</div>
 +
<div class="row" style="margin-top:80px">
 +
 
 +
<div style="width:66%">
 +
Artificial photosynthesis represents a promising solution for energy issues, however, the efficiency, robustness, and scalability does not meet the requirements of industrial applications. We proposed and demonstrated a sun-powered biofilm-interfaced artificial hydrogen-producing system, Solar Hunter, that could potentially solve the issues above. Biofilm-anchored nanorods can efficiently convert photons to electrons, which seamlessly tap into the electron chain of engineered strain carrying FeFe hydrogenase gene cluster, thereby achieving high-efficiency hydrogen production. Furthermore, the intrinsic adherence of biofilms towards various interfaces allows us to grow biofilms on.
 +
</div>
 +
<div style="width:33%">
 +
<img class="imground" src="https://static.igem.org/mediawiki/2016/6/6a/Nanomaterials_2.jpg">
 +
</div>
 +
</div>
 +
</div>
 +
  <div id="easing_wrapper" data-0="display:none;" data-2400="display:block;" data-2900="background:rgba(0, 0, 0, 0);color[swing]:rgb(0,0,0);" data-3900="background:rgba(0,0,0,1);color:rgb(255,255,255);" data-4400="top:0%;">
 +
<div id="easing" data-0="display:none;" data-3200="display:block;left:100%" data-4200="left:25%;">
 
         <div class="embed-responsive embed-responsive-16by9">
 
         <div class="embed-responsive embed-responsive-16by9">
 
             <iframe height="100%" src="https://www.youtube.com/embed/JYpXdKFRm90" frameborder="0" allowfullscreen></iframe>
 
             <iframe height="100%" src="https://www.youtube.com/embed/JYpXdKFRm90" frameborder="0" allowfullscreen></iframe>
 
         </div>
 
         </div>
 
</div>
 
</div>
−
</div>  
+
</div>
 +
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
 +
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
 +
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
 
<script>
 
<script>
 
var s = skrollr.init({
 
var s = skrollr.init({

Revision as of 09:08, 19 October 2016

ShanghaiTech University