Difference between revisions of "Team:ShanghaitechChina"

(Prototype team page)
 
 
(356 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{ShanghaitechChina}}
 
 
<html>
 
<html>
 +
<style>
 +
html{
 +
height:100%;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
background-color:#242424;
 +
}
 +
body{
 +
width:100%;
 +
margin:0 auto;
 +
padding:0;
 +
        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 {
 +
font-family: Arial, Helvetica, sans-serif,Britannic;
 +
}
  
−
<div class="column full_size" >
+
#top_title, #sideMenu{
−
<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">
+
        display: none;
−
</div>
+
      }
  
−
<div class="column full_size" >
+
html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
−
<h2> Welcome to iGEM 2016! </h2>
+
margin: 0;
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
padding: 0;
 +
border: 0;
 +
font-size: 100%;
 +
font: inherit;
 +
vertical-align: baseline;
 +
}
  
−
</div>
+
article, aside, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section {
 +
display: block;
 +
}
  
−
<div class="column half_size" >
+
html, body {
−
<h5>Before you start: </h5>
+
line-height: 1;
−
<p> Please read the following pages:</p>
+
min-height:100%; font-size:18px;
−
<ul>
+
/*font-family: 'Droid Sans', sans-serif;*/
−
<li>  <a href="https://2016.igem.org/Requirements">Requirements page </a> </li>
+
−
<li> <a href="https://2016.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2016.igem.org/Resources/Template_Documentation"> Template Documentation </a></li>
+
−
</ul>
+
−
</div>
+
  
−
<div class="column half_size" >
+
}
−
<div class="highlight">
+
−
<h5> Styling your wiki </h5>
+
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
−
</div>
+
−
</div>
+
  
−
<div class="column full_size" >
 
−
<h5> Wiki template information </h5>
 
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
 
  
−
</div>
 
  
 +
html, body {
 +
width:100%;
 +
height:100%;
 +
padding:0;
 +
margin:0;
 +
overflow-x:hidden;
 +
       
 +
}
 +
.skrollable {
 +
/*
 +
* First-level skrollables are positioned relative to window
 +
*/
 +
position:fixed;
  
 +
/*
 +
* Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
 +
*/
 +
z-index:100;
 +
}
  
 +
.skrollr-mobile .skrollable {
 +
/*
 +
May cause issues on Android default browser (see #331 on GitHub).
 +
*/
 +
position:absolute;
 +
}
  
−
<div class="column half_size" >
+
.skrollable .skrollable {
−
<h5> Editing your wiki </h5>
+
/*
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
* Second-level skrollables are positioned relative their parent skrollable
−
<p> <a href="https://2016.igem.org/wiki/index.php?title=Team:Example&action=edit"> Click here to edit this page! </a></p>
+
*/
 +
position:absolute;
 +
}
  
−
</div>
+
.skrollable .skrollable .skrollable {
 +
/*
 +
* Third-level (and below) skrollables are positioned static
 +
*/
 +
position:static;
 +
}
 +
.content {
 +
    background-color: rgba(240,240,240,0.85);
 +
    width:100%;
 +
    font-size: 22px;
 +
    padding: 10px 30px;
 +
}
 +
.imground {
 +
    width:100%;
 +
    margin-left:2%;
 +
    border-radius: 10px 10px 10px 10px;
 +
}
 +
.introimg {
 +
    width:82%;
 +
    margin-left:9%;
 +
    border-radius: 10px 10px 10px 10px;
 +
}
 +
.videocontainer {
 +
width:100%;
 +
height:105%;
 +
margin-top:10%;
 +
color:white;
 +
}
 +
.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;
 +
    font-size: 22px;
 +
    padding: 10px 10px 10px 10px;
 +
}
 +
</style>
 +
<head class="no-skrollr">
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 +
<title>ShanghaiTech University</title>
 +
    <script src="https://2016.igem.org/Template:ShanghaitechChina/js/skollr?action=raw&ctype=text/javascript"></script>
 +
    <link rel="stylesheet" href="https://2016.igem.org/Template:ShanghaitechChina/css/bootstrap?action=raw&ctype=text/css">
 +
    <script src="https://2016.igem.org/Template:ShanghaitechChina/js/jquery?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2016.igem.org/Template:ShanghaitechChina/js/bootstrap?action=raw&ctype=text/javascript"></script>
 +
   
 +
</head>
 +
<body data-0="background-position:0px 0px;" data-10000="background-position:-1000px -20000px;">
 +
</div></div></div></div></div>
 +
<nav class="navbar navbar-inverse navbar-fixed-top" style="margin-top:10px;text-align:center">
 +
    <div class="container-fluid">
  
 +
        <!-- Logo -->
 +
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <a href="https://2016.igem.org/Team:ShanghaitechChina" class="navbar-brand" style="font-size:28px;margin-top:2%">Solar Hunter</a>
 +
        </div>
  
−
<div class="column half_size" >
+
        <!-- Menu Items -->
−
<h5>Tips</h5>
+
        <div class="collapse navbar-collapse" id="mainNavBar">
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
                <ul class="nav navbar-nav navbar-right">
−
<ul>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">　</a></li>
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina" style="font-size:20px;">Home</a></li>
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;">Team<span class="caret"></span></a>
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
                    <ul class="dropdown-menu" style="margin-left:0;">
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Team" style="font-size:20px;">Members</a></li>
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
                    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Attributions" style="font-size:20px;">Attributions</a></li>
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2016.igem.org/Calendar">iGEM 2016 calendar</a> </li>
+
                    </ul></li>
−
<li>Have lots of fun! </li>
+
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" style="font-size:20px;  ">Project<span class="caret"></span></a>
−
</ul>  
+
                    <ul class="dropdown-menu" style="margin-left:0;">
−
</div>
+
                    <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:18px;">Semiconductor Nanomaterials</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:18px;">Hydrogenase Gene Clusters</a></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/Safety" style="font-size:20px;  ">Safety</a></li>-->
 +
    <li><a href="https://2016.igem.org/Team:ShanghaitechChina/Notebook" style="font-size:20px; ">Notebook</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/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>
 +
            </div>
  
  
−
<div class="column half_size" >
+
    </div>
−
<h5>Inspiration</h5>
+
</nav>
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
 
−
<ul>
+
<div id="skrollr-body">
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<div data-0="opacity:1;top:3%;transform:rotate(0deg);transform-origin:0 0;" data-500="opacity:0;top:90%;transform:rotate(-90deg);">
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
  <img class="introimg" src="https://static.igem.org/mediawiki/2016/2/26/Intro-image.jpg">
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
 
</div>
 
</div>
 +
<img class="introimg" src="https://static.igem.org/mediawiki/2016/7/71/T--ShanghaitechChina--member--bf--Home_Big_Picture.png" style="margin-top:45%;">
 +
<!--https://static.igem.org/mediawiki/2016/5/5d/Plan_1_V2.jpg-->
 +
<div class="content2">
 +
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 class="column half_size" >
 
−
<h5> Uploading pictures and files </h5>
 
−
<p> You can upload your pictures and files to the iGEM 2016 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 
−
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
 
  
 +
</div>
 +
<div class="content" style="margin-top:5%">
 +
<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 class="button_click" onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
+
</div>
−
UPLOAD FILES
+
</div>
 +
<div class="row" style="margin-top:80px">
 +
<div class="col-lg-8" style="margin-top:20px">
 +
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 class="col-lg-4">
 +
<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 class="row" style="margin-top:80px">
 +
<div class="col-lg-4">
 +
<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 class="col-lg-8" style="margin-top:20px">
 +
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>
  
 
</div>
 
</div>
 +
<div class="row" style="margin-top:80px">
 +
 +
<div class="col-lg-8" style="margin-top:20px">
 +
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 class="col-lg-4">
 +
<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 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">
 +
<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">
 +
</video>
 +
<center>
 +
<p></p>
 +
ShanghaiTech University, No. 393, Huaxiazhong Rd., Zhangjiang High-tech Park, Pudong Area, Shanghai 201210, China. Correspondence
 +
<p></p>
 +
E-mail: zhongchao@shanghaitech.edu.cn
 +
</center>
 +
</div>
 +
</div>
 +
 +
 +
 +
<script>
 +
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',
 +
                forceHeight: false
 +
    });
 +
  }
  
 +
</script>
  
  
  
 +
</body>
  
  
 
</html>
 
</html>

Latest revision as of 07:23, 2 December 2016

ShanghaiTech University