Difference between revisions of "Team:China Tongji"

Line 1: Line 1:
{{China_Tongji}}
+
{{China_Tongji_Head}}
 
+
  
 
<html>
 
<html>
 +
<head>
 +
<style type="text/css">
  
<head></head>
+
#content {
 +
background:#eee;
 +
margin-top:-20px;
 +
padding-top:85px;
 +
/* 颜色左右渐变 */
 +
background-image: -webkit-linear-gradient(left,#ddd,#fff,#ddd)
 +
}
  
<body>
+
.myContent{
 +
width: 1000px;
 +
margin: 0px auto;
 +
min-height: 550px;
 +
padding: 0px;
 +
font-family: "Times New Roman",Georgia, Times, serif;
 +
}
  
 +
#mainContent{
 +
width:100%;
 +
}
 +
#mainContent .titleOne{
 +
margin-top:15px;
 +
text-align: left;
 +
font-size: 30px;
 +
font-family: Verdana, Tahoma, Arial, Helvetica;
 +
font-weight: bolder;
 +
line-height: 55px;
 +
color:#333;
 +
}
 +
#mainContent .contentP{
 +
text-align: justify;
 +
text-indent: 2%;
 +
font-size: 18px;
 +
font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif";
 +
text-decoration: none;
 +
}
 +
#mainContent .divider{
 +
margin-top:15px;
 +
width:100%;
 +
height:3px;
 +
background:#5E5E1C;
 +
}
 +
.dividerNone{
 +
clear:both;
 +
}
  
<table width="90%" align="center"> <br><br>
+
/* 滚动图片样式*/
 +
#oneMorePic{
 +
width: 100%;
 +
height: 350px;
 +
background:url(https://static.igem.org/mediawiki/2015/c/c9/China_Tongji-homePicture-1.png);
 +
margin: 20px 0px;
 +
border:solid 2px #666;
 +
}
 +
.picBackground{
 +
clear:both;
 +
position:absolute;
 +
}
 +
.picMove{
 +
width:50px;
 +
height:50px;
 +
opacity:0.7;
 +
margin-top:160px;
 +
}
 +
#moveLeft{
 +
float:left;
 +
margin-left:20px;
 +
}
 +
#moveRight{
 +
float:right;
 +
margin-right:20px;
 +
}
 +
.button:hover{
 +
cursor:pointer;
 +
opacity:1;
 +
}
 +
.picPosition{
 +
position:absolute;
 +
margin-left:480px;
 +
margin-top:320px;
 +
z-index:100;
 +
}
 +
.picPositionIndex{
 +
width:15px;
 +
height:15px;
 +
opacity:0.7;
 +
margin:5px;
 +
}
 +
 +
/* 标题按钮样式 */
 +
.titleButton{
 +
float: left;
 +
margin:5px 0px;
 +
}
  
<tr><td>
+
#buttonProject{
    <h3 align="center" style="font-size:42px; color:teal"><b> Project Introduction </b></h3><br>
+
background: url(https://static.igem.org/mediawiki/2015/8/84/China_Tongji-project.png) no-repeat;
</td></tr>
+
}
 +
#buttonNotebook{
 +
background: url(https://static.igem.org/mediawiki/2015/b/be/China_Tongji-notebook.png) no-repeat;
 +
}
 +
#buttonAchivement{
 +
background: url(https://static.igem.org/mediawiki/2015/3/3b/China_Tongji-achivement.png) no-repeat;
 +
}
 +
#buttonOutreach{
 +
background: url(https://static.igem.org/mediawiki/2015/0/09/China_Tongji-outreach.png) no-repeat;
 +
}
 +
#buttonSafety{
 +
background: url(https://static.igem.org/mediawiki/2015/3/37/China_Tongji-safety.png) 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;
 +
}
  
<tr><td>
 
  
<br> <p>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>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>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>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>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> <br>
 
  
</tr></td>
+
.videoWrapper{
 +
background-color:#5E5E1C;
 +
padding:5px;
 +
}
  
</table>
 
</body>
 
</html>
 
  
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
<!--head start-->
 +
<div class="head">
 +
<div id="navLogoLeft">
 +
        <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
 +
        <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 +
        </a>
 +
    </div>
 +
    <div id="navLogoRight">
 +
        <a href="https://2015.igem.org/Main_Page">
 +
            <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 +
        </a>
 +
    </div>
 +
    <div class="nav">
 +
        <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></div>
 +
        <div class="navOne" id="divProject"><a class="navOneA" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                    <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project">Overview</a></li>
 +
                    <li class="navTwo" id="navBackground"><a href="https://2015.igem.org/Team:China_Tongji/Project">Background</a></li>
 +
                    <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project">Design</a></li>
 +
                    <li class="navTwo" id="navProtocol"><a href="https://2015.igem.org/Team:China_Tongji/Project">Protocol</a></li>
 +
                    <li class="navTwo" id="navSummaryResult"><a href="https://2015.igem.org/Team:China_Tongji/Project">Summary and Result</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divNotebook"><a class="navOneA" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                <li class="navTwo" id="navRecord"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Record</a></li>
 +
                <li class="navTwo" id="navTimeline"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Timeline</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divAchivement"><a class="navOneA" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                    <li class="navTwo" id="navParts"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Parts</a></li>
 +
                    <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Equipment</a></li>
 +
                    <li class="navTwo" id="navModeling"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Modeling</a></li>
 +
                    <li class="navTwo" id="navJudgingForm"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Judging Form</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divTeam"><a class="navOneA" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team">Members</a></li>
 +
                <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team">Attributions</a></li>
 +
                <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Advisor</a></li>
 +
                <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team">Sponsor</a></li>
 +
                <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team">Contact</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
 +
                <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Collaboration</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divSafety"><a class="navOneA" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
 +
    </div>   
 +
</div>
 +
 +
<!--content start-->
 +
 +
 +
<div class="myContent">
 +
    <div id=mainContent>
 +
    <!-- maincontent start here -->
 +
        <!-- 滚动图片 -->
 +
      <div id="oneMorePic">
 +
        <img class="button picMove" id="moveLeft" src="https://static.igem.org/mediawiki/2015/d/d9/China_Tongji-picLeftMove.png">
 +
            <img class="button picMove" id="moveRight" src="https://static.igem.org/mediawiki/2015/f/f3/China_Tongji-picRightMove.png">
 +
            <div class="picPosition">
 +
            <img class="button picPositionIndex" src="https://static.igem.org/mediawiki/2015/2/2c/China_Tongji-picPosition.png">
 +
                <img class="button picPositionIndex" src="https://static.igem.org/mediawiki/2015/2/2c/China_Tongji-picPosition.png">
 +
            </div>
 +
 +
        </div>
 +
        <!-- 一级标题块 -->
 +
        <div class="titleOneBlock">
 +
        <div class="titleButton"><a id="buttonProject" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></div>
 +
          <div class="titleButton"><a id="buttonNotebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></div>
 +
          <div class="titleButton"><a id="buttonAchivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></div>
 +
          <div class="titleButton"><a id="buttonOutreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></div>
 +
          <div class="titleButton"><a id="buttonSafety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
 +
        </div>
 +
        <!-- 项目介绍 -->
 +
      <div class="dividerNone"></div>
 +
    <p class="titleOne" id="ProjectIntroduction">Project Introduction</p> 
 +
        <div class="divider"></div>
 +
    <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>
 +
        <div class="divider"></div>
 +
        <!-- 视频欣赏 -->
 +
    <p class="titleOne" id="VideoAppreciation">Video Appreciation</p> 
 +
    <div class="videoWrapper">
 +
            <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>
 +
  </div>       
 +
       
 +
 
 +
  </div>
 +
</div>
 +
 +
</body>
 +
</html>
  
 
{{China_Tongji_Foot}}
 
{{China_Tongji_Foot}}

Revision as of 20:06, 5 August 2015

Project Introduction

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.

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.

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.

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.

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.

Video Appreciation