Difference between revisions of "Team:ShanghaitechChina"

 
(92 intermediate revisions by 6 users not shown)
Line 12: Line 12:
 
margin:0 auto;
 
margin:0 auto;
 
padding:0;
 
padding:0;
−
        background-image:url(https://static.igem.org/mediawiki/2016/2/23/Bubbles3.png),url(https://static.igem.org/mediawiki/2016/f/fd/Bubbles2.png),url(https://static.igem.org/mediawiki/2016/1/12/Bubbles_back.png);
+
        background:url("https://static.igem.org/mediawiki/2016/1/12/Bubbles_back.png"),url("https://static.igem.org/mediawiki/2016/2/23/Bubbles3.png"),url("https://static.igem.org/mediawiki/2016/e/e1/Back3.png") repeat fixed;
 +
        font-size:100%;
 +
       
 
}
 
}
 
body,td,th {
 
body,td,th {
−
font-family: Arial, Helvetica, sans-serif;
+
font-family: Arial, Helvetica, sans-serif,Britannic;
 
}
 
}
  
Line 41: Line 43:
 
/*font-family: 'Droid Sans', sans-serif;*/
 
/*font-family: 'Droid Sans', sans-serif;*/
  
−
}
 
−
 
−
body {
 
−
background: #eeeeee;
 
−
background: -webkit-linear-gradient(top, #eeeeee, #cccccc 100%);
 
−
background: -moz-linear-gradient(top, #eeeeee, #cccccc 100%);
 
−
background: -o-linear-gradient(top, #eeeeee, #cccccc 100%);
 
−
background: -ms-linear-gradient(top, #eeeeee, #cccccc 100%);
 
−
background: linear-gradient(top, #eeeeee, #cccccc 100%);
 
−
background-attachment:fixed;
 
−
}
 
−
 
−
h1 {
 
−
font-size:24px;
 
−
margin:0;
 
−
}
 
−
 
−
h1 > small {
 
−
text-align:right;
 
−
display:inline-block;
 
−
font-size:.71em;
 
−
text-indent:15em;
 
−
color:#444;
 
−
}
 
−
 
−
h2 {
 
−
color:inherit;
 
−
font-size:18px;
 
−
margin:2em 0 1em 0;
 
−
}
 
−
 
−
h2:first-child {margin-top:0;}
 
−
 
−
h3 {
 
−
color:#333;
 
−
font-size:1.41em;
 
−
margin:1em 0;
 
−
}
 
−
 
−
h4 {
 
−
color:#444;
 
−
font-size:1.11em;
 
−
margin:1em 0;
 
 
}
 
}
  
Line 94: Line 53:
 
margin:0;
 
margin:0;
 
overflow-x:hidden;
 
overflow-x:hidden;
 +
       
 
}
 
}
−
 
 
.skrollable {
 
.skrollable {
 
/*
 
/*
Line 127: Line 86:
 
*/
 
*/
 
position:static;
 
position:static;
−
}
 
−
 
−
 
−
#progress {
 
−
height:4px;
 
−
background:#444;
 
−
bottom:0;
 
−
z-index:200;
 
−
}
 
−
 
−
#bg1, #bg2, #bg3, #bg4 {
 
−
z-index:50;
 
−
top:0;
 
−
left:0;
 
−
width:100%;
 
−
height:100%;
 
−
background:url("https://static.igem.org/mediawiki/2016/1/12/Bubbles_back.png") repeat 0 0;
 
−
}
 
−
 
−
#bg2 {
 
−
z-index:49;
 
−
background-image:url("https://static.igem.org/mediawiki/2016/f/fd/Bubbles2.png");
 
−
}
 
−
 
−
#bg3 {
 
−
z-index:48;
 
−
background-image:url("https://static.igem.org/mediawiki/2016/2/23/Bubbles3.png");
 
−
}
 
−
#bg4 {
 
−
z-index:48;
 
−
background-image:url("https://static.igem.org/mediawiki/2016/b/b3/Bubbles4.png");
 
−
}
 
−
 
−
#intro {
 
−
width:80%;
 
−
left:50%;
 
−
top:1em;
 
−
margin-left:-40%;
 
−
padding:2em;
 
−
background:#fff;
 
−
text-align:center;
 
−
border-radius:1em;
 
−
 
−
-webkit-transform-origin:0 0;
 
−
-moz-transform-origin:0 0;
 
−
-ms-transform-origin:0 0;
 
−
-o-transform-origin:0 0;
 
−
transform-origin:0 0;
 
−
 
−
-webkit-box-sizing: border-box;
 
−
-moz-box-sizing: border-box;
 
−
box-sizing: border-box;
 
−
}
 
−
 
−
#intro .arrows {
 
−
font-size:2em;
 
−
color:#09f;
 
−
}
 
−
 
−
#transform {
 
−
width:70%;
 
−
left:50%;
 
−
top:20%;
 
−
margin-left:-35%;
 
−
text-align:center;
 
−
font-size:150%;
 
−
 
−
.transform-origin(50%, 50%);
 
−
}
 
−
 
−
#properties {
 
−
width:100%;
 
−
height:100%;
 
−
padding-top:10%;
 
−
text-align:center;
 
−
 
−
-webkit-box-sizing: border-box;
 
−
-moz-box-sizing: border-box;
 
−
box-sizing: border-box;
 
−
}
 
−
 
−
 
−
 
−
#end {
 
−
width:80%;
 
−
left:10%;
 
−
height:80%;
 
−
padding:3em;
 
−
border:0 solid #666;
 
−
font-size:18px;
 
−
 
−
-webkit-box-sizing: border-box;
 
−
-moz-box-sizing: border-box;
 
−
box-sizing: border-box;
 
−
}
 
−
.content {
 
−
    background-color: white;
 
−
    border: 1px solid #cccccc;
 
−
    border-radius: 10px;
 
−
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
−
    color: #3d3d3d;
 
−
    font-family: Tahoma;
 
−
    font-size: 14px;
 
−
    margin-left: 5%;
 
−
    margin-top: 50px;
 
−
    padding: 15px 60px;
 
−
    width: 80%;
 
−
}
 
−
#easing {
 
−
top:10%;
 
−
width:50%;
 
−
z-index:101;
 
−
}
 
−
 
−
.drop {
 
−
background:#09f;
 
−
font-weight:bold;
 
−
padding:1em;
 
−
}
 
−
#easing_wrapper {
 
−
width:100%;
 
−
height:100%;
 
−
}
 
−
.tiny{
 
−
    cursor:pointer;
 
−
}
 
−
 
−
#huge{
 
−
  cursor:pointer;
 
 
}
 
}
 
.content {
 
.content {
 
     background-color: rgba(240,240,240,0.85);
 
     background-color: rgba(240,240,240,0.85);
−
     width:96%;
+
     width:100%;
−
    border: 1px solid #cccccc;
+
     font-size: 22px;  
−
    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;
 
     padding: 10px 30px;
 
}
 
}
Line 272: Line 96:
 
     width:100%;
 
     width:100%;
 
     margin-left:2%;
 
     margin-left:2%;
−
    max-height:300px;
 
 
     border-radius: 10px 10px 10px 10px;
 
     border-radius: 10px 10px 10px 10px;
 
}
 
}
 
.introimg {
 
.introimg {
−
     width:80%;
+
     width:82%;
−
     margin-left:10%;
+
     margin-left:9%;
−
    margin-top:2%;
+
 
     border-radius: 10px 10px 10px 10px;
 
     border-radius: 10px 10px 10px 10px;
 
}
 
}
−
 
+
.videocontainer {
−
.contentBorder {
+
width:100%;
−
    border: 1px solid #aaaaaa;
+
height:105%;
−
    border-radius: 7px;
+
margin-top:10%;
−
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
+
color:white;
 
}
 
}
−
.ContentHeader {
+
.content2 {
 +
    background-color: rgba(255,255,255,0.85);
 +
    width:82%;
 +
    margin-left:9%;
 +
    border: 1px solid #cccccc;
 +
    border-radius: 10px;
 +
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
 
     color: #3d3d3d;
 
     color: #3d3d3d;
−
     font-size: 30px;
+
     font-size: 22px;  
−
     font-weight: bold;
+
     padding: 10px 10px 10px 10px;
−
    margin-bottom: 5px;
+
−
    margin-left: 15px;
+
 
}
 
}
 
</style>
 
</style>
Line 305: Line 131:
 
      
 
      
 
</head>
 
</head>
−
<body>
+
<body data-0="background-position:0px 0px;" data-10000="background-position:-1000px -20000px;">
−
 
+
 
</div></div></div></div></div>
 
</div></div></div></div></div>
−
<nav class="navbar navbar-inverse navbar-fixed-top">
+
<nav class="navbar navbar-inverse navbar-fixed-top" style="margin-top:10px;text-align:center">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
  
Line 317: Line 142:
 
                 <span class="icon-bar"></span>
 
                 <span class="icon-bar"></span>
 
             </button>
 
             </button>
−
                  <a href="https://2016.igem.org/Team:ShanghaitechChina" class="navbar-brand" style="font-size:28px;margin-top:3%">Solar Hunter</a>
+
            <a href="https://2016.igem.org/Team:ShanghaitechChina" class="navbar-brand" style="font-size:28px;margin-top:2%">Solar Hunter</a>
 
         </div>
 
         </div>
  
 
         <!-- Menu Items -->
 
         <!-- Menu Items -->
 
         <div class="collapse navbar-collapse" id="mainNavBar">
 
         <div class="collapse navbar-collapse" id="mainNavBar">
−
                 <ul class="nav navbar-nav">
+
                 <ul class="nav navbar-nav navbar-right">
 
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">　</a></li>
 
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">　</a></li>
 
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">Home</a></li>
 
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">Home</a></li>
 
                     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;">Team<span class="caret"></span></a>
 
                     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;">Team<span class="caret"></span></a>
 
                     <ul class="dropdown-menu" style="margin-left:0;">
 
                     <ul class="dropdown-menu" style="margin-left:0;">
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team" style="font-size:16px;">Members</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team" style="font-size:20px;">Members</a></li>
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions" style="font-size:16px;">Attributions</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions" style="font-size:20px;">Attributions</a></li>
 
                     </ul></li>
 
                     </ul></li>
 
                     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Project<span class="caret"></span></a>
 
                     <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Project<span class="caret"></span></a>
 
                     <ul class="dropdown-menu" style="margin-left:0;">
 
                     <ul class="dropdown-menu" style="margin-left:0;">
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/IBS" style="font-size:16px;">Integrative Biohydrogen System</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/IBS" style="font-size:20px;">Integrative Biohydrogen System</a></li>
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Nanomaterials" style="font-size:14px;">Semiconductor Nanomaterials</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Nanomaterials" style="font-size:18px;">Semiconductor Nanomaterials</a></li>
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm" style="font-size:14px;">Engineered Biofilms</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm" style="font-size:18px;">Engineered Biofilms</a></li>
−
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Hydrogen" style="font-size:14px;">Hydrogenase Gene Clusters</a></li>
+
                     <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Hydrogen" style="font-size:18px;">Hydrogenase Gene Clusters</a></li>
−
                    <li><a href="#abs" style="font-size:14px;">Hydrogenase Gene Clusters</a></li>
+
 
                     </ul></li>
 
                     </ul></li>
 
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Parts" style="font-size:20px;  ">Parts</a></li>
 
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Parts" style="font-size:20px;  ">Parts</a></li>
Line 343: Line 167:
 
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Human_Practice" style="font-size:20px;  ">Human Practice</a></li>
 
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Human_Practice" style="font-size:20px;  ">Human Practice</a></li>
 
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/InterLab" style="font-size:20px;  ">InterLab</a></li>
 
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/InterLab" style="font-size:20px;  ">InterLab</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Safety" style="font-size:20px;  ">Safety</a></li>
 +
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Special Prize<span class="caret"></span></a><ul class="dropdown-menu" style="margin-left:0;"><li><a href="https://2016.igem.org/Team:ShanghaitechChina/Integrated_Practices" style="font-size:20px;  ">Integrated Human Practices</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Engagement" style="font-size:20px;  "> Education and Public Engagement</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Measurement" style="font-size:20px;  ">Measurement</a></li>
 +
<li><a href="https://2016.igem.org/Team:ShanghaitechChina/Design" style="font-size:20px;  ">Applied Design</a></li>
 +
</ul></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 349: Line 179:
 
     </div>
 
     </div>
 
</nav>
 
</nav>
−
<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="skrollr-body">
 +
<div data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:0;top:90%;transform:rotate(-90deg);">
 
   <img class="introimg" src="https://static.igem.org/mediawiki/2016/2/26/Intro-image.jpg">
 
   <img class="introimg" src="https://static.igem.org/mediawiki/2016/2/26/Intro-image.jpg">
 
</div>
 
</div>
−
<div class="content" style="margin-top:30%" data-0="display:block;top:100%;" data-200="top:30%;" data-2300="top:-300%;" >
+
<img class="introimg" src="https://static.igem.org/mediawiki/2016/7/71/T--ShanghaitechChina--member--bf--Home_Big_Picture.png" style="margin-top:45%;">
−
<div class="row">
+
<!--https://static.igem.org/mediawiki/2016/5/5d/Plan_1_V2.jpg-->
−
<div class="col-lg-6">
+
<div class="content2">
−
<img class="imground" src="https://static.igem.org/mediawiki/2016/5/5d/Plan_1_V2.jpg">
+
We conceived and proposed an integrative artificial photosynthesis platform, Solar Hunter, in which engineered strains, living biofilms and biofilms-interfaced semiconductor nanomaterials reside in harmony, carefully divide individuals' labor and synergistically work towards value-added products.
 +
 
 +
 
 
</div>
 
</div>
−
<div class="col-lg-6">
+
<div class="content" style="margin-top:5%">
−
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.
+
<div class="row"><center><h1><b>Integrative Biohydrogen System</b></h1></center>
 +
<div class="col-lg-5">
 +
<a href="https://2016.igem.org/Team:ShanghaitechChina/IBS"><img class="imground" src="https://static.igem.org/mediawiki/2016/c/c9/T--ShanghaitechChina--member--qlc--plan1_V5.jpg"></a>
 +
</div>
 +
<div class="col-lg-7" style="margin-top:20px" >
 +
We proposed and demonstrated a sun-powered biofilm-interfaced artificial hydrogen-producing system, Solar Hunter, that harnesses the energy from sun light. 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.
 +
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="row" style="margin-top:80px">
 
<div class="row" style="margin-top:80px">
−
<div class="col-lg-8">
+
<div class="col-lg-8" style="margin-top:20px">
−
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.
+
Nanomaterials are those nanoscale objects serving as solar energy harvester. When firmly anchored onto <i>E. coli</i> biofilms through coordination chemistry, they can be easily recycled together with scalable biofilm coatings and still possess the capability to efficiently convert photons into electrons upon light exposure. The acquired electrons would tap into the electron chains of engineered strain harboring hydrogenase gene cluster, thereby fulfilling hydrogen production.
 
</div>
 
</div>
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<img class="imground" src="https://static.igem.org/mediawiki/2016/7/71/Biofilm_2.jpg">
+
<a href="https://2016.igem.org/Team:ShanghaitechChina/Nanomaterials"><img class="imground" src="https://static.igem.org/mediawiki/2016/9/94/T--ShanghaitechChina--member--qlc--nanomaterials.jpg"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="row" style="margin-top:80px">
 
<div class="row" style="margin-top:80px">
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<img class="imground" src="https://static.igem.org/mediawiki/2016/5/5c/Hydrogenase_2.jpg">
+
<a href="https://2016.igem.org/Team:ShanghaitechChina/Biofilm"><img class="imground" src="https://static.igem.org/mediawiki/2016/a/a4/T--ShanghaitechChina--member--qlc--biofilm.jpg"></a>
 
</div>
 
</div>
−
<div class="col-lg-8">
+
<div class="col-lg-8" style="margin-top:20px">
−
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.
+
Biofilms function as a platform to sustain the whole system. Biofilms can immobilize NRs firmly so that they prevent potential damage and stresses caused by free NRs, as is the case in traditional artificial photosynthesis system. In addition, the intrinsic adherence of biofilms towards various interfaces, allows us to grow biofilms on easy-separation micro-beads. Based on those merits, biofilm stand out by facilitating recyclable usage of the biofilm-anchored NRs and endowing this whole system with recyclability.
 
</div>
 
</div>
  
Line 380: Line 220:
 
<div class="row" style="margin-top:80px">
 
<div class="row" style="margin-top:80px">
  
−
<div style="width:66%">
+
<div class="col-lg-8" style="margin-top:20px">
−
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.
+
In our sun-powered biofilm-interfaced hydrogen-producing system, hydrogenase harnessed in engineered <i>E. coli</i> are conceived to efficiently catalyze proton reduction upon receiving electrons originally donated by semiconductor nanomaterials. Electron transportation from semiconductors to hydrogenase could be bridged and facilitated by the use of mediators, methyl viologen. To achieve efficient enzymatic activities, we codon-optimized and constructed the whole hydrogenase gene clusters (from <i>Clostridium acetobutylicum</i>) by leveraging the multi-expression Acembl System.  
 
</div>
 
</div>
−
<div style="width:33%">
+
<div class="col-lg-4">
−
<img class="imground" src="https://static.igem.org/mediawiki/2016/6/6a/Nanomaterials_2.jpg">
+
<a href="https://2016.igem.org/Team:ShanghaitechChina/Hydrogen"><img class="imground" src="https://static.igem.org/mediawiki/2016/7/76/T--ShanghaitechChina--member--qlc--hydrogenase.jpg"></a>
 
</div>
 
</div>
 
</div>
 
</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="vi" class="videocontainer" style="position-left:0" data-200-bottom="background:rgba(0, 0, 0, 0.2);" data-top="background:rgba(0,0,0,1);" style="margin-top:0">
−
<div id="easing" data-0="display:none;" data-3200="display:block;left:100%" data-4200="left:25%;">
+
<video data-anchor-target="#vi" src="https://static.igem.org/mediawiki/2016/6/64/T--ShanghaitechChina--SolarHunter2.mp4" width="75%" style="margin-top:3%;margin-left:13%" controls="controls">
−
        <div class="embed-responsive embed-responsive-16by9">
+
</video>
−
            <iframe height="100%" src="https://www.youtube.com/embed/JYpXdKFRm90" frameborder="0" allowfullscreen></iframe>
+
<center>
−
        </div>
+
<p></p>
−
</div>
+
ShanghaiTech University, No. 393, Huaxiazhong Rd., Zhangjiang High-tech Park, Pudong Area, Shanghai 201210, China. Correspondence
−
</div>
+
<p></p>
−
<div id="bg1" data-0="background-position:0px 0px;" data-end="background-position:-500px -10000px;"></div>
+
E-mail: zhongchao@shanghaitech.edu.cn
−
<div id="bg2" data-0="background-position:0px 0px;" data-end="background-position:-500px -8000px;"></div>
+
</center>
−
<div id="bg3" data-0="background-position:0px 0px;" data-end="background-position:-500px -6000px;"></div>
+
</div>
 +
</div>
 +
 
 +
 
 +
 
 
<script>
 
<script>
−
var s = skrollr.init({
+
var isMobile = function() {
 +
    var check = false;
 +
    (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera);
 +
    return check;
 +
  };
 +
 
 +
  if (!isMobile())
 +
  {
 +
    // Mediawiki escapes & to &amp;
 +
    var s = skrollr.init({
 
//edgeStrategy: 'set',
 
//edgeStrategy: 'set',
−
easing: {
+
                forceHeight: false
−
WTF: Math.random,
+
    });
−
inverted: function(p) {
+
  }
−
return 1-p;
+
 
−
}
+
−
}
+
−
});
+
 
</script>
 
</script>
  

Latest revision as of 07:23, 2 December 2016

ShanghaiTech University