Team:SJTU-BioX-Shanghai

From 2014.igem.org

(Difference between revisions)
 
(113 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Team:SJTU-BioX-Shanghai/Front_Header}}
{{Template:Team:SJTU-BioX-Shanghai/clear}}
{{Template:Team:SJTU-BioX-Shanghai/clear}}
-
{{Template:Team:SJTU-BioX-Shanghai/top-nav}}
+
{{Template:Team:SJTU-BioX-Shanghai/top-nav-front}}
 +
{{Template:Team:SJTU-BioX-Shanghai/preview}}
<html>
<html>
-
         <div class="header_logo">
+
<style type="text/css">
-
            <div class="header_content">
+
#content{
-
                <div class="logo">
+
background-color:#2d3e58;}
-
                    <a href="http://2014.igem.org">
+
.content img{background-color:#2d3e58;}
-
                       
+
.first{
-
                    </a>
+
height:60%;
-
                </div>
+
font-family:Arial, Helvetica, Microsoft Sans Seri;
-
                <div class="biglogo">
+
font-weight:bold;
-
                </div>  
+
         padding-top:20%;
-
                <div class="name">
+
        padding-bottom:20%;
-
                <p>MEMBRANING</p>
+
font-size:2em;
-
                </div>                
+
}
-
                             
+
.first p{padding-bottom:3%;
-
             
+
        padding-left:10%;}
-
                <div style="clear:both;"></div>
+
#content1{
-
            </div>
+
background-color:#2d3e58;
 +
color:#c5faff;}
 +
#content2{
 +
background-color:#FFF;
 +
color:#2d3e58;}
 +
#content3{
 +
background-color:#f2ce3a;
 +
color:#fff;}
 +
#content4{
 +
background-color:#fff;
 +
color:#2d3e58;}
 +
#content5{
 +
        padding-top:10%;
 +
background-color:#2d3e58;
 +
color:#c5faff;
 +
}
 +
#content6{
 +
    padding-top:10%;
 +
background-color:#c5faff;
 +
color:#c5faff;
 +
}
 +
.first img{ padding-right:40px;
 +
            float:right;}
 +
 
 +
#dark{color:#2c3d58;}
 +
#light{color:#f2ce3a;}
 +
#blue{color:#c5faff;}
 +
.big{font-size:2em;font-weight:bolder;}
 +
.small{font-weight:bolder;}
 +
 
 +
 
 +
      @media screen and (max-width: 55.6875em) {
 +
.first {
 +
font-size:1.8em;
 +
padding-top:30%;
 +
}
 +
}
 +
@media screen and (max-width: 30em) {
 +
.first {
 +
font-size:1.5em;
 +
padding-top:40%;
 +
}
 +
}
 +
@media screen and (max-height: 25.25em) {
 +
.first {
 +
font-size:1.5em;
 +
 +
}}
 +
.projtile_only{background-color:#c5faff;}
 +
.projtile{
 +
    margin-right:1.167%;
 +
    margin-left:1.167%;
 +
    width:31%;
 +
    background-color:#c5faff;}
 +
.jiao h2,.jiao h5{color:#2c3d58;}
 +
 
 +
</style>
 +
<div id="content">
 +
<center><a href="#front"><img class="front" src="http://2014.igem.org/wiki/images/9/9f/SJTU14-front-center.png"></img></a></center>
 +
<a name="front"></a>
 +
<div id="content1" class="first">
 +
<img class="front" src="http://2014.igem.org/wiki/images/3/30/Front-1.png"></img>
 +
<p>Hi, everyone!</p>
 +
<p>There is a Chinese song named</p>
 +
<p><strong id="light" class="big">"Unity is the strength."</strong></p>
 +
<p>This year, we want to explore this great power.</p>
 +
</div>
 +
    <div id="content2" class="first">
 +
<img class="front" src="http://2014.igem.org/wiki/images/6/64/Front-2.png"></img>
 +
<p>Of course, we are not talking about ourselves.</p>
 +
<p>The main characters are...</p>
 +
<p><strong id="light" class="big">Enzymes!!</strong></p>
 +
<p>Do you know that the more enzymes <strong id="light" class="small">polymerize</strong>,</p>
 +
<p>the more useful they become?</p>
 +
    </div>
 +
    <div id="content3" class="first">
 +
<img class="front" src="http://2014.igem.org/wiki/images/6/66/Front-3.png"></img>     
 +
<p>Enzymes couldn't get close to each others easily.</p>
 +
<p>Therefore,</p>
 +
<p>we help them using a structure we call</p>
 +
<p><a href="/Team:SJTU-BioX-Shanghai/Part1_Connect"> <strong id="blue" class="big"> "Crown"</strong> </a></p>
 +
<p> to connect them together.</p>
 +
    </div>    
 +
    <div id="content4" class="first">  
 +
<img class="front" src="http://2014.igem.org/wiki/images/4/43/Front-4.png"></img>
 +
<p>That's not all.</p>
 +
<p>We try to improve our idea by taking </p>
 +
<a href="/Team:SJTU-BioX-Shanghai/Part2_Extension"><p><strong id="light" class="big">Polymerization</strong></p>
 +
<p>and</p>
 +
<p><strong id="light" class="big">Selectivity</strong></p></a>
 +
<p>into account.</p>
 +
    </div>
 +
 
 +
    <div id="content5" class="first">
 +
<img class="front" src="http://2014.igem.org/wiki/images/2/2e/Front-5.png"></img>
 +
<p>Oops, am I talking too much?</p>
 +
<p>Alright, I will just let you figure out by yourselves.</p>
 +
<p>At last, thanks for reading our <strong id="light" class="big">wiki</strong>~</p>
 +
  </div>
 +
    <div id="content6" class="first">
 +
<div class="jiao">
 +
    <div class="projtile_only">
 +
    <center><h5>Want to have a quick view?</h5></center>
 +
  </div>
 +
    <div class="projtile">
 +
      <a href="/Team:SJTU-BioX-Shanghai/Results" title="RESULTS">
 +
      <center><h2>Results</h2></center>
 +
    </div>
 +
    <div class="projtile">
 +
    <a href="/Team:SJTU-BioX-Shanghai/Modeling" title="MODELING">
 +
    <center> <h2>Modeling</h2></center>
 +
    </div>
 +
    <div class="projtile">
 +
    <a href="/Team:SJTU-BioX-Shanghai/Human_Parctice" title="HUMAN_PRACTICE">
 +
      <center><h2>Human Practice</h2></center>
 +
    </a>
 +
    </div>
 +
    <div class="projtile">
 +
      <a href="/Team:SJTU-BioX-Shanghai/Judging_Form" title="JUDGINGFORM">
 +
      </a>
 +
      <center><h2>Judging form</h2></center>
 +
    </div>
 +
    <div class="projtile">
 +
    <a href="/Team:SJTU-BioX-Shanghai/Team_Members" title="TEAM_MEMBERS">
 +
    <center> <h2>Team Members</h2></center>
 +
    </a>
 +
    </div>
         </div>
         </div>
-
        <div id="wrap">
+
    </div>
-
            <header role="banner">
+
</div>
-
                <div class="flex">
+
-
                    <h1><a href="#" class="site-title ir">HOME</a></h1>
+
-
                    <nav role="navigation">
+
-
                        <ul id="cbp-tm-menu" class="cbp-tm-menu">
+
-
                            <li class=""><a href="#">PROJECT</a>
+
-
                            <ul class="cbp-tm-submenu">
+
-
                                    <li><a href="#" class="cbp-tm-icon-archive">OVERVIEW</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-cog">BACKGROUND</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SUB 1</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SUB 2</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SUB 3</a></li>
+
-
                                </ul>
+
-
                            </li>
+
-
                            <li class=""><a href="#">ACHIEVEMENT</a>
+
-
                                <ul class="cbp-tm-submenu">
+
-
                                    <li><a href="#" class="cbp-tm-icon-screen">RESULT</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-mail">MODELING</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-contract">PARTS</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-pencil">JUDGING FORM</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-article">HUMAN PRACTICE</a></li>
+
-
                                </ul>
+
-
                            </li>
+
-
                            <li class=""><a href="#">NOTEBOOK</a>
+
-
                                <ul class="cbp-tm-submenu">
+
-
                                    <li><a href="#" class="cbp-tm-icon-archive">DAY NOTES</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SAFTY</a></li>
+
-
                                </ul>
+
-
                            </li>
+
-
                            <li class=""><a href="#">TEAM</a>
+
-
                                <ul class="cbp-tm-submenu">
+
-
                                    <li><a href="#" class="cbp-tm-icon-archive">TEAM</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-cog">RROFILE</a></li>
+
-
                                    <li><a href="#" class="cbp-tm-icon-link">ATTRIBUTION</a></li>
+
-
                                </ul>
+
-
                            </li>
+
-
                        </ul>
+
-
                    </nav>
+
-
                </div>
+
-
            </header>
+
-
            <div style="clear:both;"></div>
+
-
        </div>
+
-
        <div class="content1">
+
-
        <h2 class:title1>What is this project aiming at?</h1>
+
-
        </div>
+
-
       
+
-
       
+
-
       
+
-
        <div class="content2">
+
-
        <h2 class:title2>How can we achieve our goal?</h1>
+
-
        </div>
+
-
       
+
-
       
+
-
       
+
-
       
+
-
          <div class="content3">
+
-
          <h2 class:title3>How do we put them together?</h1>
+
-
          </div>
+
</html>  
</html>  
{{Team:SJTU-BioX-Shanghai/footer}}
{{Team:SJTU-BioX-Shanghai/footer}}

Latest revision as of 02:09, 18 October 2014

Hi, everyone!

There is a Chinese song named

"Unity is the strength."

This year, we want to explore this great power.

Of course, we are not talking about ourselves.

The main characters are...

Enzymes!!

Do you know that the more enzymes polymerize,

the more useful they become?

Enzymes couldn't get close to each others easily.

Therefore,

we help them using a structure we call

"Crown"

to connect them together.

That's not all.

We try to improve our idea by taking

Polymerization

and

Selectivity

into account.

Oops, am I talking too much?

Alright, I will just let you figure out by yourselves.

At last, thanks for reading our wiki~