Team:OUC-China
<script type="text/javascript">
jQuery(document).ready(function($){ $('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);}); $('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);}); $('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);}); $('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);}); $('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});
$('#navRecord').click(function(){$('html,body').animate({scrollTop: $('#Record').offset().top-78}, 800);}); $('#navTimeline').click(function(){$('html,body').animate({scrollTop: $('#Timeline').offset().top-78}, 800);});
$('#navParts').click(function(){$('html,body').animate({scrollTop: $('#Parts').offset().top-78}, 800);}); $('#navEquipment').click(function(){$('html,body').animate({scrollTop: $('#Equipment').offset().top-78}, 800);}); $('#navModeling').click(function(){$('html,body').animate({scrollTop: $('#Modeling').offset().top-78}, 800);}); $('#navJudgingForm').click(function(){$('html,body').animate({scrollTop: $('#JudgingForm').offset().top-78}, 800);});
$('#navMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);}); $('#navAttributions').click(function(){$('html,body').animate({scrollTop: $('#Attributions').offset().top-78}, 800);}); $('#navAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);}); $('#navSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);}); $('#navContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').offset().top-78}, 800);});
$('#navHumanPractice').click(function(){$('html,body').animate({scrollTop: $('#HumanPractice').offset().top-78}, 800);}); $('#navCollaboration').click(function(){$('html,body').animate({scrollTop: $('#Collaboration').offset().top-78}, 800);});
});
</script>
<style type="text/css">
- globalWrapper{
padding:0px; }
- content{
width:100%;
padding:0px; border:none; background-color: #F0F0F0; } .firstHeading{ display:none; }
- bodyContent{
padding:0px; }
.head{ position: fixed;
eft:0px;
top:18px;
width: 100%;
height: 60px;
background:url(
);
border-bottom: thin solid #CCC;
z-index:1000;
}
.head:hover{
background: #FFF;
}
- navLogoLeft{
float:left; margin-left:15px; margin-right:20px; padding:2px 0px 4px 0px; }
- navLogoLeft img{
border: 0px; height: 54px; width: auto; }
- navLogoRight{
float:right; margin-right:10px; padding:2px; }
- navLogoRight img{
border:0px; height:56px; width: auto; } .nav { float:left; } .navOne{ float: left; padding-top:4px; } .navOne a{ color: #333; } .navOneA{ line-height: 52px; text-decoration: none; padding: 10px 12px; text-transform: uppercase; font-family: "Comic Sans MS", cursive,Georgia; font-size: 14px; } .navOneA img{ border:0px; } .navOne:hover{ background:#CCC; border-bottom: 4px solid #CCC; } .navOne:hover a{ text-decoration: none; } .navOne:hover .navDrop{ display:block; } .navDrop{ display:none; padding-bottom:5px; margin-top:-10px; } .navTwo{ list-style-type: none; padding: 5px 10px; } .navTwo:hover{ background:#999; } .navTwo a{ text-decoration: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
</style> </head>
<body>
</body>
<head> <style type="text/css">
- content {
- mainContent{
- mainContent .titleOne{
- mainContent .contentP{
- mainContent .divider{
- oneMorePic{
);
margin: 20px 0px;
border:solid 2px #666;
}
.picBackground{
clear:both;
position:absolute;
}
.picMove{
width:50px;
height:50px;
opacity:0.7;
margin-top:160px;
}
- moveLeft{
- moveRight{
- buttonProject{
) no-repeat;
}
- buttonNotebook{
) no-repeat;
}
- buttonAchivement{
) no-repeat;
}
- buttonOutreach{
) no-repeat;
}
- buttonSafety{
) no-repeat;
}
.titleButton a{
font-family: Tahoma, Arial, Helvetica;
font-size: 26px;
font-weight: bold;
color: #333;
display:block;
width:200px;
height:172px;
text-align: center;
padding-top:28px;
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.80;
}
.titleButton a:hover{
filter:alpha(opacity=1);
opacity:1;
text-decoration: none;
}
.videoWrapper{
background-color:#5E5E1C;
padding:5px;
}
</style>
</head>
<body>
<a href="https://igem.org/Team.cgi?year=2015&team_name=China_Tongji"> <img id="teamLogo" src=""/> </a>
<a href="https://2015.igem.org/Main_Page"> <img id="igemLogo" src="" alt="China_Tongji"/> </a>
"></a>
"></a>
"></a>
"></a>
"></a>
<img class="button picMove" id="moveLeft" src=""> <img class="button picMove" id="moveRight" src="
">
<img class="button picPositionIndex" src=""> <img class="button picPositionIndex" src="
<p class="titleOne" id="ProjectIntroduction">Project Introduction</p>
<p class="contentP">In our project, we will use the technology of optogenetic and use light of different wave produced by the special light source assembled by ourselves to control the moving of C.elegans, construct a movement controlling system and bulid an amusement park of C.elegans.</p>
<p class="contentP">We will try to design our special parts and express channalrhodopsin in specific C.elegans' neurons. To accomplish our goals to express channalrhodopsin in single neuron, we make the use of cre- loxp system and the overlapping of promoters. We not only use the traditional channalrhodopsin,chR2,but also try to express the novel channelrhodopsin, Blink, and other fancy channelrhodopsins which have never been tested in C.elegans.</p> <p class="contentP">And we will also get some parts and assemble those parts into a new equipment which can serves as the light source of our experiment.Then we will use computer controlling that lightsource to change the light which can activate or suppress the channelrhodopsin. By doing that, we can try to control the behaviours of C.elegans such as moving forwards or twisting more effectively.</p> <p class="contentP">What's more,we will express GFP,YFP,mcherry in E.coli. By combining the color of microorgasims and C.elegans, we want to construct some interesting scenes to form a C.elegans' fancy world.</p> <p class="contentP">This technology will be helpful in the research on neuron's function and interaction. In the future, this technology may also be used in mechanical controlling system and the theraphy of movement defect.</p>
<p class="titleOne" id="VideoAppreciation">Video Appreciation</p>
<video controls width="990">
<source src="https://static.igem.org/mediawiki/2015/3/36/Tongji_University_promotional_video_2011.mp4" type="video/mp4" />Your browser does not support the video tag.
</video>
</body>
<head>
<style type="text/css">
.foot{ clear:both; width:100%; height:100px; background-color:#404040; position:relative; bottom:-5px; } .navFoot{ margin-top:0px; padding-top:25px; } .navFoot a{ text-transform: uppercase; text-decoration: none; padding: 10px; color: #D2D2D2; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; } .navFoot a:hover{ text-decoration:underline; } .copyright{ color: #8C8C8C; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; } </style>
</head>
<body>
<script defer>
var keyWord = location.href.substring(39); switch (keyWord) {
case "ome":
document.getElementById("divHome").style.borderBottom = "4px solid #F0F"; break;
case "Project":
document.getElementById("divProject").style.borderBottom = "4px solid #F0F"; break;
case "Notebook":
document.getElementById("divNotebook").style.borderBottom = "4px solid #F0F"; break;
case "Achivement":
document.getElementById("divAchivement").style.borderBottom = "4px solid #F0F"; break;
case "Team":
document.getElementById("divTeam").style.borderBottom = "4px solid #F0F"; break;
case "Outreach":
document.getElementById("divOutreach").style.borderBottom = "4px solid #F0F"; break;
case "Safety":
document.getElementById("divSafety").style.borderBottom = "4px solid #F0F"; break; }
</script>
</body>
</div>
</div>
<script>if (window.runOnloadHook) runOnloadHook();</script> </div>