Team:BIT-China

From 2014.igem.org

(Difference between revisions)
(→E.co-Lock)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
-
== ''E.co''-Lock ==
 
-
 
-
The way we live today has been deeply revolutionized through rapid developments of low-cost drugs, novel chemicals and clean energies by various newly engineered microorganisms. However, the problem of high risks of potential ecological contamination and accidental commercial loss continues threatening the scientists, industrialists and the public as synthetic biology makes progress. Can the important strains be genetically locked up in the molecular level even when their physical lock boxes are broken up? The 2014 project of BIT-China, E.co-Lock, focused on the bio-security and bio-economy of all engineered microorganisms, is novelly designed to meet this challenge.
 
-
 
-
Layered AND Gates, sRNA regulatory System and Min System are the three main parts to build up the E.co-Lock. The layered logic AND gates are constructed and connected to realize different combinations of "the password" - here three different inducers. The sRNA regulation system is then implemented to control the order of the "password" by inhibiting the mRNAs built in the layered AND gates, thus to precisely mimic the password of a real digital lock. Currently, a three-inducer-password is built up and ideally in the future, many more layers of AND gates containing new inducers with newly synthesized sRNAs could be added up to increase the complexity of the password. Finally, Min system, representing a cell division inhibiting system, is re-designed to maintain industrial strains to an extremely low density given an initial locked state. In the future, other similar systems can be introduced to replace Min system to fulfill this function of inhibiting cell division. Therefore, commercially valuable or potentially hazardous strains will be under much more strict control with different customized E.co-Locks.
 
-
 
-
Thus, when genetically locked up with E.co-Lock, important industrial strains or dangerous strains will be under better protection from suffering loss, even at the occasions of unexpected leaking out or stolen, only when right password is put in, when suitable inducers are added in set order, strains can multiply properly. Much better safety of microorganism can be achieved both ecologically and commercially.
 
-
 
-
 
-
 
<html>
<html>
 +
<style type="text/css">
 +
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
 +
{ display:none; }
 +
#globalWrapper {
 +
padding:0; top:0px;
 +
margin:0px;
 +
font-size:100%;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
-
<!--main content -->
+
#top-section{
-
<table width="70%" align="center">
+
height:0px;
 +
border:none;
 +
width:100%; }
 +
#content{
 +
width:100%!important;
 +
border-left:none; border-right: none;
 +
padding:1px 0px 0px 0px!important;
 +
background-color:#f7f7f5;
 +
height:0px;
 +
}
-
<!--welcome box -->
+
#contentSub {
-
<tr>
+
    position:absolute;
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
}
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:BIT-China&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#menubar {
-
<!-- end welcome box -->
+
position:absolute;
-
<tr>
+
top: -5px;
 +
line-height: 1em;
 +
font-family: sans-serif;
 +
font-size: 95%;
 +
white-space: nowrap;
 +
z-index: 200;
-
<!--navigation menu -->
+
}
-
<td align="center" colspan="3">
+
#menubar:hover{
 +
background-color: #555;
 +
top:0px;
 +
}
 +
.right-menu {
 +
position:absolute;
 +
width:1500px;
 +
right:100px;
 +
height:30px;
 +
font-size:14px;
 +
color:#999;
 +
text-align: right;
 +
text-transform: lowercase;
 +
}
-
<table  width="100%">
+
.right-menu:hover {
-
<tr heigth="15px"></tr>
+
color: white;
-
<tr heigth="75px">
+
background-color: #555;
 +
}
 +
.right-menu li{
 +
float:left;
 +
}
 +
.right-menu li a{
 +
color:#ccc;
 +
background-color: transparent;
 +
text-decoration:none;
 +
}
 +
.right-menu li a:hover{
 +
text-decoration:none;
 +
color:white;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.left-menu {
-
<a href="https://2014.igem.org/Team:BIT-China"style="color:#000000">Home </a> </td>
+
height:30px;
 +
left: 0px;
 +
text-align: left;
 +
color: transparent;
 +
text-transform: lowercase;
 +
padding-left:20px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu a {
-
<a href="https://2014.igem.org/Team:BIT-China/Team"style="color:#000000"> Team </a> </td>
+
left: 0px; text-align: left; color: transparent; text-transform: lowercase; font-size:14px;
 +
}
 +
.left-menu:hover {
 +
color: white; background-color: rgb(85, 85, 85);
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li a{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=BIT-China"style="color:#000000"> Official Team Profile </a></td>
+
color:#FFF;
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
text-decoration:none;
-
<a href="https://2014.igem.org/Team:BIT-China/Project"style="color:#000000"> Project</a></td>
+
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li {
-
<a href="https://2014.igem.org/Team:BIT-China/Parts"style="color:#000000"> Parts</a></td>
+
color: transparent;float:left; margin-right:10px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li a:hover{
-
<a href="https://2014.igem.org/Team:BIT-China/Modeling"style="color:#000000"> Modeling</a></td>
+
text-decoration:none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.menubar ul,li{ list-style:none; margin-bottom:0 !important;}
-
<a href="https://2014.igem.org/Team:BIT-China/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:BIT-China/Safety"style=" color:#000000"> Safety </a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
</style>
-
<a href="https://2014.igem.org/Team:BIT-China/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
</html>
 +
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>BIT-CHINA</title>
 +
<style type="text/css">
 +
@charset "utf-8";
 +
/* CSS Document */
 +
*{
 +
margin:0px;
 +
padding:0px;
 +
}
 +
body{
 +
background:#338FC4 repeat;
 +
background-image:url(https://static.igem.org/mediawiki/2014/archive/e/ef/20141015091634%21BIT-CHINA_diwen.png);
 +
}
 +
.nav{
 +
position:absolute;
 +
left:150px;
 +
top:15px;
 +
width:1024px;
 +
border:0px #00FF00 solid;
 +
}
 +
.pic{
 +
position:absolute;
 +
border:0px #FF0000 solid;
 +
cursor:pointer;
 +
-webkit-transition:all 0.2s linear;
 +
-ms-transition:all 0.2s linear;
 +
-o-transition:all 0.2s linear;
 +
-moz-transition:all 0.2s linear;
 +
transition:all 0.2s linear;
 +
}
 +
#pic1{
 +
top:100px;
 +
left:180px;
 +
z-index:1;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
#pic2{
-
</tr>
+
top:90px;
-
</table>
+
left:210px;
-
 
+
z-index:1;
-
<!--end navigation menu -->
+
}
-
</tr>
+
#pic3{
-
 
+
top:207px;
-
 
+
left:104px;
-
</tr>
+
z-index:1;
-
+
}
-
 
+
#pic4{
-
 
+
top:318px;
-
 
+
left:100px;
-
 
+
z-index:1;
-
</td>
+
}
-
 
+
#pic5{
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
top:425px;
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
left:115px;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
z-index:1;
-
 
+
}
-
 
+
#pic6{
-
<!--requirements section -->
+
top:208px;
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
left:640px;
-
<tr>
+
z-index:1;
-
<td width="45%"  valign="top">
+
}
-
 
+
#pic7{
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
top:320px;
-
 
+
left:739px;
-
<!-- Links to other team pages -->
+
z-index:1;
-
<ul>
+
}
-
<li><a href="https://2014.igem.org/Team:BIT-China">Home</a> </li>
+
#pic8{
-
<li><a href="https://2014.igem.org/Team:BIT-China/Team">Team</a> </li>
+
top:428px;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=BIT-China">Official Team Profile</a> </li>
+
left:740px;
-
<li><a href="https://2014.igem.org/Team:BIT-China/Project">Project</a> </li>
+
z-index:1;
-
<li><a href="https://2014.igem.org/Team:BIT-China/Parts">Parts</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:BIT-China/Modeling">Modeling</a> </li>
+
#pic9{
-
<li><a href="https://2014.igem.org/Team:BIT-China/Notebook">Notebook</a> </li>
+
top:529px;
-
<li><a href="https://2014.igem.org/Team:BIT-China/Safety">Safety</a> </li>
+
left:190px;
-
<li><a href="https://2014.igem.org/Team:BIT-China/Attributions">Attributions</a> </li>
+
z-index:1;
-
 
+
}
-
</ul>
+
.circle{
-
 
+
position:absolute;
-
</td>
+
border:0px rgba(255,255,255,1) solid;
-
 
+
margin:0px auto;
-
<td > </td>
+
top:170px;
-
<td width="45%">
+
left:310px;
-
 
+
width:430px;
-
<p>There are a few wiki requirements teams must follow:</p>
+
height:364px;
-
<ul>
+
text-align:center;
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-webkit-transition:all 0.5s linear;
-
<li>All pages must be created under the team’s name space.</li>
+
-ms-transition:all 0.5s linear;
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-o-transition:all 0.5s linear;
-
<li>Do not use flash in wiki code. </li>
+
-moz-transition:all 0.5s linear;
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
transition:all 0.5s linear;
-
</ul>
+
}
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
-
 
+
-
<!--tips  -->
+
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
 
+
-
<tr>
+
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
 
+
-
<ul>
+
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
 
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
-
</td>
+
-
 
+
-
<td> </td>
+
-
<td width="45%">
+
-
<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>
+
.circle_pic{
 +
position:absolute;
 +
}
 +
.logo{
 +
left:85px;
 +
top:45px;
 +
position:absolute;
 +
display:block;
 +
border:0px #FF0000 dashed;
 +
width:250px;
 +
height:250px;
 +
z-index:999;
 +
-webkit-transition:all 0.3s linear;
 +
-ms-transition:all 0.3s linear;
 +
-o-transition:all 0.3s linear;
 +
-moz-transition:all 0.3s linear;
 +
transition:all 0.3s linear;
 +
}
 +
.logo_opacity{
 +
opacity:0;
 +
}
 +
.bg_opacity{
 +
opacity:0.5;
 +
}
 +
#middle{
 +
left:0px;
 +
top:0px;
 +
}
 +
#red{
 +
left:125px;
 +
top:67px;
 +
z-index:2;
 +
animation: myred 8s linear infinite;
 +
-webkit-animation:myred 8s linear 0s infinite;
 +
-moz-animation: myred 8s linear 0s infinite;
 +
}
 +
#green{
 +
left:138px;
 +
top:98px;
 +
z-index:3;
 +
animation: mygreen 8s linear infinite;
 +
-webkit-animation:mygreen 8s linear 0s infinite;
 +
-moz-animation: mygreen 8s linear 0s infinite;
 +
}
 +
#yellow{
 +
left:111px;
 +
top:126px;
 +
z-index:4;
 +
animation: myred 8s linear infinite;
 +
-webkit-animation:myred 8s linear 0s infinite;
 +
-moz-animation: myred 8s linear 0s infinite;
 +
}
 +
@-webkit-keyframes myred{
 +
0% {-webkit-transform:rotate(0deg); }
 +
100% {-webkit-transform:rotate(180deg) ;}
 +
}
 +
@-moz-keyframes myred{
 +
0% {-moz-transform:rotate(0deg); }
 +
100% {-moz-transform:rotate(180deg) ;}
 +
}
 +
@keyframes myred{
 +
0% {transform:rotate(0deg); }
 +
100% {transform:rotate(180deg) ;}
 +
}
 +
@-ms-keyframes myred{
 +
0% {-ms-transform:rotate(0deg); }
 +
100% {-ms-transform:rotate(180deg) ;}
 +
}
 +
@-webkit-keyframes mygreen{
 +
0% {-webkit-transform:rotate(180deg); }
 +
100% {-webkit-transform:rotate(0deg) ;}
 +
}
 +
@-moz-keyframes mygreen{
 +
0% {-moz-transform:rotate(180deg); }
 +
100% {-moz-transform:rotate(0deg) ;}
 +
}
 +
@keyframes mygreen{
 +
0% {transform:rotate(180deg); }
 +
100% {transform:rotate(0deg) ;}
 +
}
 +
@-ms-keyframes mygreen{
 +
0% {-ms-transform:rotate(180deg); }
 +
100% {-ms-transform:rotate(0deg) ;}
 +
}
 +
.pic_project{
 +
background-image:url(https://static.igem.org/mediawiki/2014/0/05/BIT-CHINA_Project1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_modeling{
 +
background-image:url(https://static.igem.org/mediawiki/2014/b/b4/BIT-CHINA_Modeling1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_judging{
 +
background-image:url(https://static.igem.org/mediawiki/2014/f/f9/BIT-CHINA_Judging1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_notebook{
 +
background-image:url(https://static.igem.org/mediawiki/2014/2/2d/BIT-CHINA_Notebook1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_practice{
 +
background-image:url(https://static.igem.org/mediawiki/2014/4/4d/BIT-CHINA_Practice1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_team{
 +
background-image:url(https://static.igem.org/mediawiki/2014/2/2d/BIT-CHINA_Team1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_safety{
 +
background-image:url(https://static.igem.org/mediawiki/2014/e/ed/BIT-CHINA_Safety1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
.pic_sponsor{
 +
background-image:url(https://static.igem.org/mediawiki/2014/c/c2/BIT-CHINA_Sponsor1.png);
 +
background-repeat:no-repeat;
 +
-webkit-transition:all 0.5s linear;
 +
-ms-transition:all 0.5s linear;
 +
-o-transition:all 0.5s linear;
 +
-moz-transition:all 0.5s linear;
 +
transition:all 0.5s linear;
 +
}
 +
#intro{
 +
-webkit-transition:all 1s linear;
 +
-ms-transition:all 1s linear;
 +
-o-transition:all 1s linear;
 +
-moz-transition:all 1s linear;
 +
transition:all 1s linear;
 +
}
 +
#hand{
 +
top:10px;
 +
left:200px;
 +
}
 +
#name{
 +
top:45px;
 +
left:0px;
 +
}
 +
</style>
 +
<script type="text/javascript" src="http://code.hs-cn.com/jquery/jquery-1.7.1.min.js"></script>
 +
<script type="text/javascript">
 +
function changetop00()
 +
{
 +
document.getElementById("pic2").src="https://static.igem.org/mediawiki/2014/9/95/BIT-CHINA_TOP01.png";
 +
}
 +
function changetop01()
 +
{
 +
document.getElementById("pic2").src="https://static.igem.org/mediawiki/2014/6/65/BIT-CHINA_TOP00.png";
 +
}
 +
function changeleft00(){
 +
document.getElementById("pic3").src="https://static.igem.org/mediawiki/2014/4/48/BIT-CHINA_LEFT01.png";
 +
<!--document.getElementById("middle").src="img/BIT-CHINA lg.png";-->
 +
}
 +
function changeleft01(){
 +
document.getElementById("pic3").src="https://static.igem.org/mediawiki/2014/d/d8/BIT-CHINA_LEFT00.png";
 +
<!--document.getElementById("middle").src="img/logo(XIII).png"; -->
 +
}
 +
function changebottom00(){
 +
document.getElementById("pic9").src="https://static.igem.org/mediawiki/2014/2/28/BIT-CHINA_BOTTOM01.png";
 +
}
 +
function changebottom01(){
 +
document.getElementById("pic9").src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_BOTTOM00.png";
 +
}
 +
function changeright20(){
 +
document.getElementById("pic8").src="https://static.igem.org/mediawiki/2014/3/3f/BIT-CHINA_RIGHT21.png";
 +
}
 +
function changeright21(){
 +
document.getElementById("pic8").src="https://static.igem.org/mediawiki/2014/1/12/BIT-CHINA_RIGHT20.png";
 +
}
 +
function changeright10(){
 +
document.getElementById("pic7").src="https://static.igem.org/mediawiki/2014/9/90/BIT-CHINA_RIGHT11.png";
 +
}
 +
function changeright11(){
 +
document.getElementById("pic7").src="https://static.igem.org/mediawiki/2014/7/72/BIT-CHINA_RIGHT10.png";
 +
}
 +
function changeright00(){
 +
document.getElementById("pic6").src="https://static.igem.org/mediawiki/2014/0/0e/BIT-CHINA_RIGHT01.png";
 +
}
 +
function changeright01(){
 +
document.getElementById("pic6").src="https://static.igem.org/mediawiki/2014/0/06/BIT-CHINA_RIGHT00.png";
 +
}
 +
function changeleft10(){
 +
document.getElementById("pic4").src="https://static.igem.org/mediawiki/2014/f/fb/BIT-CHINA_LEFT11.png";
 +
}
 +
function changeleft11(){
 +
document.getElementById("pic4").src="https://static.igem.org/mediawiki/2014/9/91/BIT-CHINA_LEFT10.png";
 +
}
 +
function changeleft20(){
 +
document.getElementById("pic5").src="https://static.igem.org/mediawiki/2014/0/01/BIT-CHINA_LEFT21.png";
 +
}
 +
function changeleft21(){
 +
document.getElementById("pic5").src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_LEFT20.png";
 +
}
-
<ul>
+
$(document).ready(function() {
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
$("#pic3").mouseover(function(){
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
    $('#intro').addClass("pic_project",500);
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
$('#start_logo').addClass("logo_opacity",300);
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
$("#pic1").addClass("bg_opacity",500);
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </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="">iGEM 2013 calendar</a> </li>
+
$("#pic3").mouseout(function(){
-
<li>Have lots of fun! </li>
+
$('#intro').removeClass("pic_project",500);
-
</ul>
+
$('#start_logo').removeClass('logo_opacity',300);
-
</br>
+
$("#pic1").removeClass("bg_opacity",500);
-
</td>
+
});
-
</tr>
+
$("#pic4").mouseover(function(){
-
</table>
+
    $('#intro').addClass("pic_modeling",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic4").mouseout(function(){
 +
$('#intro').removeClass("pic_modeling",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
$("#pic5").mouseover(function(){
 +
    $('#intro').addClass("pic_judging",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic5").mouseout(function(){
 +
$('#intro').removeClass("pic_judging",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
$("#pic6").mouseover(function(){
 +
    $('#intro').addClass("pic_notebook",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic6").mouseout(function(){
 +
$('#intro').removeClass("pic_notebook",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
$("#pic7").mouseover(function(){
 +
    $('#intro').addClass("pic_practice",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic7").mouseout(function(){
 +
$('#intro').removeClass("pic_practice",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
$("#pic8").mouseover(function(){
 +
    $('#intro').addClass("pic_team",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic8").mouseout(function(){
 +
$('#intro').removeClass("pic_team",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
$("#pic9").mouseover(function(){
 +
    $('#intro').addClass("pic_sponsor",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic9").mouseout(function(){
 +
$('#intro').removeClass("pic_sponsor",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
$("#pic2").mouseover(function(){
 +
    $('#intro').addClass("pic_safety",500);
 +
$('#start_logo').addClass("logo_opacity",300);
 +
$("#pic1").addClass("bg_opacity",500);
 +
});
 +
$("#pic2").mouseout(function(){
 +
$('#intro').removeClass("pic_safety",500);
 +
$('#start_logo').removeClass('logo_opacity',300);
 +
$("#pic1").removeClass("bg_opacity",500);
 +
});
 +
},500);
 +
</script>
 +
</head>
 +
<body>
 +
<div class="nav" onmouseover="fadeout()">
 +
  <img class="pic" src="https://static.igem.org/mediawiki/2014/a/a6/BIT-CHINA_MIDDLE.png" id="pic1"/>
 +
  <a href="https://2014.igem.org/Team:BIT-China/Safety"><img class="pic" src="https://static.igem.org/mediawiki/2014/6/65/BIT-CHINA_TOP00.png"  id="pic2" onmouseover="changetop00()" onmouseout="changetop01()" /></a>
 +
    <a href="https://2014.igem.org/Team:BIT-China/Project"><img class="pic" src="https://static.igem.org/mediawiki/2014/d/d8/BIT-CHINA_LEFT00.png" id="pic3" onmouseover="changeleft00()" onmouseout="changeleft01()"/></a>
 +
      <a href="https://2014.igem.org/Team:BIT-China/Modeling"><img class="pic" src="https://static.igem.org/mediawiki/2014/9/91/BIT-CHINA_LEFT10.png" id="pic4" onmouseover="changeleft10()" onmouseout="changeleft11()" /></a>
 +
        <a href="https://2014.igem.org/Team:BIT-China/Judging"><img class="pic" src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_LEFT20.png" id="pic5" onmouseover="changeleft20()" onmouseout="changeleft21()"/></a>
 +
        <a href="https://2014.igem.org/Team:BIT-China/Notebook"><img class="pic" src="https://static.igem.org/mediawiki/2014/0/06/BIT-CHINA_RIGHT00.png" id="pic6" onmouseover="changeright00()" onmouseout="changeright01()"/></a>
 +
        <a href="https://2014.igem.org/Team:BIT-China/Practice"><img class="pic" src="https://static.igem.org/mediawiki/2014/7/72/BIT-CHINA_RIGHT10.png" id="pic7" onmouseover="changeright10()" onmouseout="changeright11()" /></a>
 +
        <a href="https://2014.igem.org/Team:BIT-China/Team"><img class="pic" src="https://static.igem.org/mediawiki/2014/1/12/BIT-CHINA_RIGHT20.png" id="pic8" onmouseover="changeright20()" onmouseout="changeright21()" /></a>
 +
        <a href="https://2014.igem.org/Team:BIT-China/Sponsor"><img class="pic" src="https://static.igem.org/mediawiki/2014/8/8e/BIT-CHINA_BOTTOM00.png" id="pic9" onmouseover="changebottom00()" onmouseout="changebottom01()" /></a>
 +
        <div class="circle" id="intro">
 +
        <div class="logo" id="start_logo">
 +
            <img class="circle_pic" id="middle" src="https://static.igem.org/mediawiki/2014/b/b6/Logo_no.png" />
 +
        <img class="circle_pic" id="red" src="https://static.igem.org/mediawiki/2014/3/31/Red.png" />
 +
        <img class="circle_pic" id="green" src="https://static.igem.org/mediawiki/2014/7/72/Green.png"/>
 +
        <img class="circle_pic" id="yellow" src="https://static.igem.org/mediawiki/2014/9/92/Yellow.png" />
 +
        </div>
 +
        </div>
 +
        <img class="pic" id="hand" src="https://static.igem.org/mediawiki/2014/c/c9/BIT-CHINA_Lock_Hand.png" />
 +
        <img class="pic" id="name" src="https://static.igem.org/mediawiki/2014/d/d1/BIT-CHINA_clcok.png" />
 +
      <div><a href="https://www.youtube.com/watch?v=2x96XQ03Tno&feature=youtu.be"><img src="https://static.igem.org/mediawiki/2014/e/e5/BIT-CHINA_TV1.png" style="position:fixed;top:100px;right:100px"></a></div>
 +
    </div>
 +
   
 +
   
 +
</body>
 +
</html>

Latest revision as of 03:37, 18 October 2014

BIT-CHINA

Retrieved from "http://2014.igem.org/Team:BIT-China"