Difference between revisions of "Team:China Tongji/test"

Line 1: Line 1:
<!-- <!DOCTYPE html> -->
+
{{China_Tongji_Head}}
<html lang="en">
+
  
 +
<html>
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
 
<style type="text/css">
 
<style type="text/css">
  
.firstHeading{
+
.bigName p{
display:none;
+
}
+
 
+
#content{
+
        width:80%;
+
background-color: #F0F0F0;
+
}
+
 
+
.head{
+
position: fixed;
+
        left:0px;
+
top:18px;
+
width: 100%;
+
height: 60px;
+
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
+
border-bottom: thin solid #CCC;
+
z-index:1000;
+
}
+
.head:hover{
+
background: #FFF;
+
}
+
 
+
#navLogoLeft{
+
float:left;
+
margin-left:15px;
+
margin-right:20px;
+
 
+
}
+
#navLogoLeft img{
+
border:0px;
+
}
+
#navLogoRight{
+
float:right;
+
margin-right:10px;
+
padding:5px;
+
}
+
#navLogoRight img{
+
border:0px;
+
}
+
 
+
.nav {
+
float:left;
+
}
+
.navFirstTitle{
+
line-height: 60px;
+
text-decoration: none;
+
padding: 10px 12px;
+
text-transform: uppercase;
+
font-family: "Comic Sans MS", cursive,Georgia;
+
font-size: 14px;
+
}
+
.navFirstTitle:hover{
+
background-color:#CCC;
+
}
+
 
+
 
+
 
+
 
+
.bigName h1{
+
 
z-index: 3;
 
z-index: 3;
color: #F0F;
+
background:#B7B700;
 +
color: #FFF;
 
text-align: left;
 
text-align: left;
padding-left:100px;
+
margin:60px 0px 0px 0px;
line-height: 300px;
+
padding:0px;
 +
padding-left:8%;
 +
line-height: 200px;
 
font-size: 90px;
 
font-size: 90px;
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
Line 78: Line 20:
 
}
 
}
 
.myContent{
 
.myContent{
width:1000px;
+
width: 1000px;
margin:0px auto;
+
margin: 0px auto;
min-height:300px;
+
min-height: 300px;
padding:0px;
+
padding: 0px;
 
background-color: #F0F0F0;
 
background-color: #F0F0F0;
 +
font-family: "Times New Roman",Georgia, Times, serif;
 
}
 
}
  
 
+
#mainContent{
.foot{
+
float:right;
width:100%;
+
width:80%;
height:100px;
+
background-color:#404040;
+
 
}
 
}
.navFoot{
+
#mainContent .titleOne{
margin-top:0px;
+
margin-top:15px;
padding-top:20px;
+
text-align: center;
 +
font-size: 30px;
 +
font-family: Verdana, Tahoma, Arial, Helvetica;
 +
font-weight: bolder;
 +
line-height: 55px;
 +
}
 +
#mainContent .titleTwo{
 +
text-align: left;
 +
font-size: 24px;
 +
font-family: Arial,Verdana,Helvetica,Tahoma;
 +
font-weight: bold;
 +
line-height: 40px;
 
}
 
}
.navFoot a{
+
#mainContent .contentP{
text-transform: uppercase;
+
text-align: justify;
 +
text-indent: 3%;
 +
font-size: 18px;
 +
font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif";
 
text-decoration: none;
 
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{
+
#mainContent .divider{
color: #8C8C8C;
+
margin-top:15px;
font-family: Georgia, "Times New Roman", Times, serif;
+
width:100%;
font-size: 11px;
+
height:3px;
 +
background:#C3C3C3;
 +
}
 +
.imgName{
 +
font-size: 14px;
 +
text-align:center;
 +
margin:5px;
 
}
 
}
 +
 
</style>
 
</style>
 
<script>
 
 
</script>
 
 
 
</head>
 
</head>
  
 
+
<body>
  
 
<!--head start-->
 
<!--head start-->
Line 125: Line 75:
 
<div id="navLogoLeft">
 
<div id="navLogoLeft">
 
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
 
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
         <img src="https://static.igem.org/mediawiki/2015/9/9b/China_Tongji_team-logo-60px.png"/>
+
         <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 
         </a>
 
         </a>
 
     </div>
 
     </div>
    <div class="nav">
 
    <tr>
 
            <td><a class="navFirstTitle" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></td>
 
            <td><a class="navFirstTitle" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a>
 
            </td>
 
            <td><a class="navFirstTitle" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></td>
 
            <td><a class="navFirstTitle" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a>
 
            </td>
 
            <td><a class="navFirstTitle" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></td>
 
            <td><a class="navFirstTitle" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></td>
 
            <td><a class="navFirstTitle" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></td>
 
      </tr>
 
    </div> 
 
 
     <div id="navLogoRight">
 
     <div id="navLogoRight">
 
         <a href="https://2015.igem.org/Main_Page">
 
         <a href="https://2015.igem.org/Main_Page">
             <img src="https://static.igem.org/mediawiki/2015/4/47/China_Tongji-logo-right.png" alt="China_Tongji"/>
+
             <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 
         </a>
 
         </a>
     </div>  
+
     </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>
 
</div>
  
 
<!--content start-->
 
<!--content start-->
 
<div class="bigName">
 
<div class="bigName">
<h1 align="left">Project</h1>
+
<p align="left">Home</p>
 
</div>
 
</div>
  
 
<div class="myContent">
 
<div class="myContent">
<p>首先是上面的菜单,最好可以像复旦这样可以随着滑动页面也跟着改动(复旦有一点问题是他们挡住了最上面的edit栏,都给移到了右边的Igem  bar里面,这次应该不可以,第二个HZAU连接里面留住了edit 栏,可以参考这个),然后这一栏像他们一样可以点击的稍微大一点,醒目一点~ 然后我们也想要能在菜单左边有一块位置放我们的logo这个刚刚画好,还没有最后定稿,大概是这风格,所以整体色调和色卡选择最好可以和Logo匹配~。就是各个大标题和大背景色可不可以是那种淡淡的暖黄色~。</p>
+
    <div id=mainContent>
<p>其次我们想要像HZAU一样主页最上面是一个那种图栏,有几张图片(一张线虫一张合影等)可以切换。</p>
+
    <!-- maincontent start here -->
<p>最后就是复旦他们每点进去一个主题,左边会有一栏竖着的分主题list, 会随着网页看到哪里而改变显示的位置,(像上面图片上那样)这个我们比较想要加入到我们的那些分页面里~不知道可不可以实现?</p>
+
        <p class="titleOne" id="ProjectIntroduction">1. Project Introduction</p>  
<p>&nbsp;</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>中间内容测试内容!</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>中间内容测试内容!</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</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>中间内容测试内容!</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</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>
 
</div>
 
</div>
  
 +
</body>
 +
</html>
  
<!--foot start-->
+
{{China_Tongji_Foot}}
<div class="foot">
+
    <div class="navFoot" align="center">
+
    <tr align="center">
+
            <td><a href="https://2015.igem.org/Team:China_Tongji">Home</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></td><td></td>
+
      </tr>
+
    </div>   
+
    <div class="copyright"><center><p>Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu </p></center></div>
+
</div>
+
 
+
<!--当前页面指示-->
+
<script defer>
+
var keyWord = location.href.substring(39);
+
switch (keyWord)
+
{
+
  case "ome":
+
document.getElementById("Home").style.color = "#F0F";
+
break;
+
  case "Project":
+
document.getElementById("Project").style.color = "#F0F";
+
break;
+
  case "Notebook":
+
document.getElementById("Notebook").style.color = "#F0F";
+
break;
+
  case "Achivement":
+
document.getElementById("Achivement").style.color = "#F0F";
+
break;
+
  case "Team":
+
document.getElementById("Team").style.color = "#F0F";
+
break;
+
  case "Outreach":
+
document.getElementById("Outreach").style.color = "#F0F";
+
break;
+
  case "Safety":
+
document.getElementById("Safety").style.color = "#F0F";
+
break;
+
}
+
</script>
+
 
+
 
+
</html>
+

Revision as of 20:17, 28 July 2015

Home

1. 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.