Team:SJTU-BioX-Shanghai

From 2014.igem.org

(Difference between revisions)
 
(129 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:SJTU-BioX-Shanghai/clear}}
+
{{Template:Team:SJTU-BioX-Shanghai/Front_Header}}
-
<!DOCTYPE>
+
{{Template:Team:SJTU-BioX-Shanghai/clear}}
 +
{{Template:Team:SJTU-BioX-Shanghai/top-nav-front}}
 +
{{Template:Team:SJTU-BioX-Shanghai/preview}}
<html>
<html>
-
    <head>
+
<style type="text/css">
-
        <link rel="stylesheet" type="text/css" href="css/my2.css">
+
#content{
-
        <link rel="stylesheet" type="text/css" href="css/component.css">
+
background-color:#2d3e58;}
-
    </head>
+
.content img{background-color:#2d3e58;}
-
    <body>
+
.first{
-
        <div class="header_logo">
+
height:60%;
-
            <div class="header_content">
+
font-family:Arial, Helvetica, Microsoft Sans Seri;
-
                <div class="logo">
+
font-weight:bold;
-
                    <a href="http://www.baidu.com">
+
         padding-top:20%;
-
                        <img src="img/logo+igem.png" width="200px;"></img>
+
         padding-bottom:20%;
-
                    </a>
+
font-size:2em;
-
                </div>
+
}
-
                <div class="biglogo">
+
.first p{padding-bottom:3%;
-
                <img src="img/SJTU14_sjtu.png" width="250px;" ></img>
+
        padding-left:10%;}
-
                </div>
+
#content1{
-
                <div class="name">
+
background-color:#2d3e58;
-
                <p>MEMBRANING</p>
+
color:#c5faff;}
-
                </div>               
+
#content2{
-
                             
+
background-color:#FFF;
-
             
+
color:#2d3e58;}
-
                <div style="clear:both;"></div>
+
#content3{
-
            </div>
+
background-color:#f2ce3a;
-
         </div>
+
color:#fff;}
-
         <div id="wrap">
+
#content4{
-
            <header role="banner">
+
background-color:#fff;
-
                <div class="flex">
+
color:#2d3e58;}
-
                    <h1><a href="#" class="site-title ir">HOME</a></h1>
+
#content5{
-
                    <nav role="navigation">
+
        padding-top:10%;
-
                        <ul id="cbp-tm-menu" class="cbp-tm-menu">
+
background-color:#2d3e58;
-
                            <li class=""><a href="#">PROJECT</a>
+
color:#c5faff;
-
                            <ul class="cbp-tm-submenu">
+
}
-
                                    <li><a href="#" class="cbp-tm-icon-archive">OVERVIEW</a></li>
+
#content6{
-
                                    <li><a href="#" class="cbp-tm-icon-cog">BACKGROUND</a></li>
+
    padding-top:10%;
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SUB 1</a></li>
+
background-color:#c5faff;
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SUB 2</a></li>
+
color:#c5faff;
-
                                    <li><a href="#" class="cbp-tm-icon-cog">SUB 3</a></li>
+
}
-
                                </ul>
+
.first img{ padding-right:40px;
-
                            </li>
+
            float:right;}
-
                            <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">
+
-
        <h1 class:title1>What is this project aiming at?</h1>
+
-
        </div>
+
-
       
+
-
       
+
-
       
+
-
        <div class="content2">
+
-
        <h1 class:title2>How can we achieve our goal?</h1>
+
-
        </div>
+
-
       
+
-
       
+
-
       
+
-
       
+
-
          <div class="content3">
+
-
          <h1 class:title3>How do we put them together?</h1>
+
-
          </div>
+
-
         
+
-
         
+
-
         
+
-
         
+
-
       
+
-
        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
+
-
        <!--<script type="text/javascript" src="js/cbpTooltipMenu.min.js"></script>-->
+
-
        <script type="text/javascript" src="js/untitled.js"></script>
+
-
        <script type="text/javascript" src="js/modernizr.custom.js"></script>
+
-
        <script type="text/javascript">
+
-
            var aa = $(window).width();
+
#dark{color:#2c3d58;}
-
            var bb = document.getElementsByTagName("header")[0];
+
#light{color:#f2ce3a;}
-
            var cc = document.getElementById("wrap");
+
#blue{color:#c5faff;}
-
           
+
.big{font-size:2em;font-weight:bolder;}
-
            $(document).scroll(function(){
+
.small{font-weight:bolder;}
-
                var ee = cc.getBoundingClientRect().top;
+
-
                if(ee < 0){
+
-
                    cc.setAttribute("class","sticky");
+
-
                    bb.setAttribute("class","sticky");
+
-
                } else {
+
-
                    cc.setAttribute("class","");
+
-
                    bb.setAttribute("class","");
+
-
                }
+
-
            });
+
-
            var menu = new cbpTooltipMenu(document.getElementById('cbp-tm-menu'));
+
 
-
         </script>
+
      @media screen and (max-width: 55.6875em) {
-
     </body>
+
.first {
-
</html>
+
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="https://static.igem.org/mediawiki/2014/9/9f/SJTU14-front-center.png"></img></a></center>
 +
<a name="front"></a>
 +
<div id="content1" class="first">
 +
<img class="front" src="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/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="https://static.igem.org/mediawiki/2014/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>
 +
</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~