Team:SJTU-BioX-Shanghai

From 2014.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 1: Line 1:
{{Template:Team:SJTU-BioX-Shanghai/Front_Header}}
{{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>
<style type="text/css">
<style type="text/css">
-
#front_container{width:100%;}
+
#content{
-
div.flex h1{width:100%;}
+
background-color:#2d3e58;}
 +
.content img{background-color:#2d3e58;}
.first{
.first{
height:60%;
height:60%;
Line 12: Line 14:
         padding-top:20%;
         padding-top:20%;
         padding-bottom:20%;
         padding-bottom:20%;
-
padding-left:10%;
 
font-size:2em;
font-size:2em;
}
}
-
.first p{padding-bottom:3%;}
+
.first p{padding-bottom:3%;
 +
        padding-left:10%;}
#content1{
#content1{
background-color:#2d3e58;
background-color:#2d3e58;
-
color:#68afbc;}
+
color:#c5faff;}
#content2{
#content2{
background-color:#FFF;
background-color:#FFF;
Line 29: Line 31:
color:#2d3e58;}
color:#2d3e58;}
#content5{
#content5{
 +
        padding-top:10%;
background-color:#2d3e58;
background-color:#2d3e58;
-
color:#f2ce3a;}
+
color:#c5faff;
-
#front_1_3 {
+
}
-
color:#f2ce3a;
+
#content6{
-
font-size:2em;
+
    padding-top:10%;
-
font-weight:bolder;
+
background-color:#c5faff;
-
}
+
color:#c5faff;
-
#front_2_3 {
+
}
-
color:#f2ce3a;
+
.first img{ padding-right:40px;
-
font-size:2em;
+
            float:right;}
-
font-weight:bolder;
+
 
-
}
+
#dark{color:#2c3d58;}
-
#front1{
+
#light{color:#f2ce3a;}
-
color:#f2ce3a;
+
#blue{color:#c5faff;}
-
font-weight:bolder;}
+
.big{font-size:2em;font-weight:bolder;}
-
        img#front-1{
+
.small{font-weight:bolder;}
-
                float:right;
+
 
-
                padding-right:30px;
+
 
-
)
+
      @media screen and (max-width: 55.6875em) {
-
@media screen and (max-width: 55.6875em) {
+
.first {
.first {
font-size:1.8em;
font-size:1.8em;
Line 64: Line 66:
font-size:1.5em;
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>
</style>
-
<div id="front_container">
+
<div id="content">
-
    <div id="content1" class="first">
+
<center><a href="#front"><img class="front" src="https://static.igem.org/mediawiki/2014/9/9f/SJTU14-front-center.png"></img></a></center>
-
<img id="front-1" src="https://static.igem.org/mediawiki/2014/3/30/Front-1.png"></img>
+
<a name="front"></a>
-
<p id="front_1_1" class="front_1">Hi,everyone!</p>
+
<div id="content1" class="first">
-
<p id="front_1_2" class="front_1">There is a Chinese song named</p>
+
<img class="front" src="https://static.igem.org/mediawiki/2014/3/30/Front-1.png"></img>
-
<p id="front_1_3" class="front_1">"Unity is the strength."</p>
+
<p>Hi, everyone!</p>
-
<p id="front_1_4" class="front_1">This year, we want to explore this great power.</p>
+
<p>There is a Chinese song named</p>
-
<audio controls="controls" height="100" width="100">
+
<p><strong id="light" class="big">"Unity is the strength."</strong></p>
-
  <source src="https://static.igem.org/mediawiki/2014/d/d3/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E6%B0%91%E8%A7%A3%E6%94%BE%E5%86%9B%E5%86%9B%E4%B9%90%E5%9B%A2_-_%E5%9B%A2%E7%BB%93%E5%B0%B1%E6%98%AF%E5%8A%9B%E9%87%8F.mp3" type="audio/mp3" />
+
<p>This year, we want to explore this great power.</p>
-
<embed height="100" width="100" src="shttps://static.igem.org/mediawiki/2014/d/d3/%E4%B8%AD%E5%9B%BD%E4%BA%BA%E6%B0%91%E8%A7%A3%E6%94%BE%E5%86%9B%E5%86%9B%E4%B9%90%E5%9B%A2_-_%E5%9B%A2%E7%BB%93%E5%B0%B1%E6%98%AF%E5%8A%9B%E9%87%8F.mp3" />
+
</div>
-
</audio>
+
-
    </div>
+
     <div id="content2" class="first">  
     <div id="content2" class="first">  
-
<p class="front_2">Of course,we are not talking about ourselves.</p>
+
<img class="front" src="https://static.igem.org/mediawiki/2014/6/64/Front-2.png"></img>
-
<p class="front_2">The main characters are...</p>
+
<p>Of course, we are not talking about ourselves.</p>
-
<p id="front_2_3"class="front_2">Enzymes!!</p>
+
<p>The main characters are...</p>
-
<p class="front_2">Do you know that the more enzymes <strong id="front1">polymerize</strong>,</p>
+
<p><strong id="light" class="big">Enzymes!!</strong></p>
-
<p class="front_2_4">the more useful they become?</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>
-
     <div id="content3" class="first">      
+
     <div id="content3" class="first">
-
<p class="front_3_1">Enzymes couldn't get close to each others by themselves.</p>
+
<img class="front" src="https://static.igem.org/mediawiki/2014/6/66/Front-3.png"></img>     
-
<p class="front_3_2">Therefore,</p>
+
<p>Enzymes couldn't get close to each others easily.</p>
-
<p class="front_3_3">we help them using a structure we call〈/p>
+
<p>Therefore,</p>
-
<p class="front_3_4"> "Crown" </p>
+
<p>we help them using a structure we call</p>
-
<p class="front_3_5"> to connet them together.</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>       
     <div id="content4" class="first">  
     <div id="content4" class="first">  
-
<p class="front_4_1">That's not all.</p>
+
<img class="front" src="https://static.igem.org/mediawiki/2014/4/43/Front-4.png"></img>
-
<p class="front_4_2">We redesign them <strong id="front1">look the same</strong>;</p>
+
<p>That's not all.</p>
-
<p class="front_4_3">build a bigger "Crown" and</p>
+
<p>We try to improve our idea by taking </p>
-
<p class="front_4_4">try various enzyme combination...</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>
-
     <div id="content5" class="first">  
+
 
-
<p class="front_5_1">Oops,am I talking too much?</p>
+
     <div id="content5" class="first">
-
<p class="front_5_2">Alright,i will just let you figure out by yourselves.</p>
+
<img class="front" src="https://static.igem.org/mediawiki/2014/2/2e/Front-5.png"></img>
-
<p class="front_5_3">At last,Thanks for reading our wiki~</p>
+
<p>Oops, am I talking too much?</p>
-
</div>
+
<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>
</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~