Team:Peking R/test

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
{{https://2011.igem.org/Team:Peking_R/bannerhidden}}
{{https://2011.igem.org/Team:Peking_R/bannerhidden}}
{{https://2011.igem.org/Team:Peking_R/back2}}
{{https://2011.igem.org/Team:Peking_R/back2}}
-
{{https://2011.igem.org/Team:Peking_R/mainpagebanner}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
{{https://2011.igem.org/Team:Peking_R/titleflash}}
+
<head>
-
{{https://2011.igem.org/Team:Peking_R/flash2}}
+
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
-
{{https://2011.igem.org/Team:Peking_R/ribowbond}}
+
<meta name="keywords" content="" />
-
{{https://2011.igem.org/Team:Peking_R/colorfulinstructor}}
+
<meta name="description" content="" />
-
{{https://2011.igem.org/Team:Peking_R/flash}}
+
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
-
{{https://2011.igem.org/Team:Peking_R/flash3}}
+
<title>Peking</title>
-
{{https://2011.igem.org/Team:Peking_R/flash4}}
+
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
-
{{https://2011.igem.org/Team:Peking_R/flash4.1}}
+
<script type="text/javascript" src="js/Nav_js.js"></script>
-
{{https://2011.igem.org/Team:Peking_R/flash5}}
+
<script type="text/javascript" src="js/mm_menu.js"></script>
-
{{https://2011.igem.org/Team:Peking_R/flash6}}
+
</head>
-
{{https://2011.igem.org/Team:Peking_R/flash6.1}}
+
<style>
 +
@charset "gb2312";
 +
/* CSS Document */
-
{{https://2011.igem.org/Team:Peking_R/flash4}}
+
body { margin:0 auto; font-size:12px;line-height:1.5; background-color:#e8e8e8}
-
{{https://2011.igem.org/Team:Peking_R/homepagebanner
+
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,span { padding:0; margin:0;}
-
{{https://2011.igem.org/Team:Peking_R/Biosafetypagebanner}}
+
img { border:0px;}
-
{{https://2011.igem.org/Team:Peking_R/Notebookpagebanner}}
+
-
{{https://2011.igem.org/Team:Peking_R/Partspagebanner}}
+
-
{{https://2011.igem.org/Team:Peking_R/Humanpracticepagebanner}}
+
-
{{https://2011.igem.org/Team:Peking_R/Projectpagebanner}}
+
-
{{https://2011.igem.org/Team:Peking_R/Teampagebanner}}
+
 +
.clear {clear:both;}
-
{{https://2011.igem.org/Team:Peking_R/Projectbackground}}
+
#logo{border:0px #000 solid;width:985px;height:70px;margin:auto;margin-top:7px;}
-
https://2011.igem.org/Template:Http://2011.igem.org/Team:Peking_R/Notebookbackground
+
#logo span{margin-left:37px;cursor:hand;}
 +
#nav {border:0px #000 solid;width:985px;height:40px;margin:auto;text-align:center}
 +
#flash {border:0px red solid;width:985px;height:381px;margin:auto;overflow:hidden; margin:0 auto; clear:both; position:relative;}
 +
#a1{border:0px blue solid;width:990px;height:264px;margin:auto;margin-top:0px; background-color:#F5F3F3;color:#030000}
 +
#a1 .project{border:0px blue solid;width:661px;height:264px;float:left; background-image:url(images/project.gif);}
 +
#project_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:400px;height:190px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:20px;word-spacing:-2px;word-spacing:0px;}
 +
#project_msg span{color:#1F7AB7;cursor:hand;}
 +
#a1 .team{border:0px red solid;width:326px;height:264px;float:right;background-image:url(images/team.gif);}
 +
#team_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:184px;height:169px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;}
 +
#team_msg span{color:#FC071E;cursor:hand;}
 +
#a2{border:0px blue solid;width:990px;height:243px;margin:auto;margin-top:0px; background-color:#F5F3F3;color:#030000}
 +
#a2 .parts{border:0px #F00 dashed;width:249px;height:242px;float:left;background-image:url(images/parts.gif);}
 +
#parts_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:220px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;}
 +
#parts_msg span{color:#035121;cursor:hand;}
 +
#a2 .human{border:0px #F00 dashed;width:246px;height:242px;float:left;background-image:url(images/human.gif);}
 +
#human_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:215px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;}
 +
#human_msg span{color:#16A005;cursor:hand;}
-
<img src="https://static.igem.org/mediawiki/2011/0/00/PekingR_Igem2.png" alt="" width="166" height="122" />
 
-
<img src="https://static.igem.org/mediawiki/2011/7/78/PekingR_biosafety2.2.png" width="225" height="34" />
 
-
<img src="https://static.igem.org/mediawiki/2011/7/7a/PekingR_gallery2.2.png" width="324" height="34" />
 
-
<img src="https://static.igem.org/mediawiki/2011/f/fa/PekingR_humanpractice2.2.png" width="220" height="34" />
+
#a2 .biosafety{border:0px #F00 dashed;width:253px;height:242px;float:left;background-image:url(images/biosafety.gif);}
-
<img src="https://static.igem.org/mediawiki/2011/f/fc/PekingR_parts2.2.png" width="325" height="34" />
+
#biosafety_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:225px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;}
-
<img src="https://static.igem.org/mediawiki/2011/7/7b/PekingR_project_smallbanner2.2.png" width="818" height="34" />
+
#biosafety_msg span{color:#A07B06;cursor:hand;}
-
<img src="https://static.igem.org/mediawiki/2011/c/c1/PekingR_team_smallbanner2.2.png" width="466" height="34" />
+
-
<img src="https://static.igem.org/mediawiki/2011/5/50/PekinpekingR_acknowledgement_smallbanner2.2.png" width="818" height="34" />
+
-
biosafety
+
#a2 .gallery{border:0px #F00 dashed;width:242px;height:242px;float:right;background-image:url(images/gallery.gif);}
-
<img src="https://static.igem.org/mediawiki/2011/c/c1/PekingR_biosafety2.png" width="977" height="144" />
+
#gallery_msg{border:0px blue dashed;margin-top:55px;margin-left:15px;width:210px;height:165px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;text-indent:0px;word-spacing:-2px;word-spacing:0px;}
-
<img src="https://static.igem.org/mediawiki/2011/c/ce/PekingR_biosafety_logo.png" width="128" height="100" />
+
#gallery_msg span{color:#D83CF8;cursor:hand;}
-
<img src="https://static.igem.org/mediawiki/2011/3/33/PekingR_biosafety_title2.png" width="225" height="34" />
+
-
导航条：
+
#link{border:0px #000 dashed;height:150px;width:990px;margin:auto; background-color:#FBFAF8}
-
https://static.igem.org/mediawiki/2011/b/bc/PekingR_the_second_instructor_edition1_biosafety.swf
+
#link .img{height:35px;float:left;padding-left:7px;}
 +
#link .spacer{height:9px;background-image:url(images/spacer.gif);}
 +
#link .url{height:100px;border:0px #000 dashed;text-align:center;}
 +
#link .url ul li{display:inline;border:0px #F00 dashed;margin-left:100px;}
 +
 
 +
#foot{border:0px #000 dashed;height:68px;width:990px;margin:auto; background-color:#FBFAF8;background-image:url(images/foot.gif);}
 +
#foot .msg{width:770px;height:45px;margin:auto;padding-top:20px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#0929a2;text-align:left;}
 +
#foot .msg ul li{display:inline;padding:5px;}
 +
#foot .copyby{text-align:center; background-color:#FBFAF8;font-family:Arial, Helvetica, sans-serif;padding:10px;}
 +
</style>
 +
<link href="css/run.css" rel="stylesheet" type="text/css" />
 +
<body>
 +
<!--head-->
 +
<div id="logo"><span><img src="https://static.igem.org/mediawiki/2011/9/9b/Peking2R_Logo.gif" width="191" height="63" /></span></div>
 +
<div id="nav">
 +
<script>mmLoadMenus();</script>
 +
  <table border="0" align="center" cellpadding="0" cellspacing="0">
 +
    <tr>
 +
      <td width="99" height="36"><a href="#"><img src="https://static.igem.org/mediawiki/2011/a/a8/Peking2R_Home.gif" width="99" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/c/cb/Peking2R_Home-over.gif'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/a/a8/Peking2R_Home.gif'" /></a></td>
 +
      <td width="101" height="36"><a href="#" id="link1" name="link1" onmouseover="MM_showMenu(window.mm_menu_0519103856_0,10,37,null,'image1')" onmouseout="MM_startTimeout();"><img src="https://static.igem.org/mediawiki/2011/5/50/Peking2R_Team.jpg" id="image1" name="image1" width="101" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/a/ae/Peking2R_Team-over.jpg'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/5/50/Peking2R_Team.jpg'" /></a></td>
 +
      <td width="105" height="36"><a href="#" id="link2" name="link2" onmouseover="MM_showMenu(window.mm_menu_0519110032_0,10,37,null,'image2')" onmouseout="MM_startTimeout();"><img id="image2" name="image2" src="https://static.igem.org/mediawiki/2011/4/4c/Peking2R_Project-2.gif" width="105" height="36" border="0" onmouseover="this.src='https://static.igem.org/mediawiki/2011/3/3d/Peking2R_Project-2-over.gif'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/4/4c/Peking2R_Project-2.gif'"/></a></td>
 +
      <td width="134" height="36"><a href="#"><img src="https://static.igem.org/mediawiki/2011/4/4d/Datapage.jpg" width="134" height="36" border="0"  onmouseover="this.src='https://static.igem.org/mediawiki/2011/a/a3/Peking2R_Datapage-over.jpg'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/4/4d/Datapage.jpg'"/></a></td>
 +
     
 +
      <td width="176" height="36"><a href="#" id="link3" name="link3" onmouseover="MM_showMenu(window.mm_menu_0519110704_0,10,37,null,'image3')" onmouseout="MM_startTimeout();"><img  id="image3" name="image3"  src="https://static.igem.org/mediawiki/2011/d/dc/Humen.jpg" width="176" height="36" border="0"  onmouseover="this.src='https://static.igem.org/mediawiki/2011/c/c1/Peking2R_999humen-over.jpg'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/d/dc/Humen.jpg'"/></a></td>
 +
     
 +
      <td width="114" height="36"><a href="#" id="link4" name="link4" onmouseover="MM_showMenu(window.mm_menu_0519110958_0,10,37,null,'image4')" onmouseout="MM_startTimeout();"><img id="image4" name="image4" src="https://static.igem.org/mediawiki/2011/5/58/Peking2R_999notebook.jpg" width="114" height="36" border="0"  onmouseover="this.src='https://static.igem.org/mediawiki/2011/d/dd/PekingR_Notebook-over.jpg'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/5/58/Peking2R_999notebook.jpg'" /></a></td>
 +
      <td width="257" height="36"><a href="#"><img src="https://static.igem.org/mediawiki/2011/a/a3/Peking2R_Biosafety-2.gif" width="257" height="36" border="0"  onmouseover="this.src='https://static.igem.org/mediawiki/2011/9/9c/Peking2R_Biosafety-2-over.gif'" onmouseout="this.src='https://static.igem.org/mediawiki/2011/a/a3/Peking2R_Biosafety-2.gif'"/></a></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="flash">
 +
  <div id="flashBg">
 +
<div id="flashLine">
 +
<div id="flash">
 +
<a href="http://www.lingyou.net" target="_blank"  id="flash1" style="display:block; " >
 +
<img src="images/flash.gif" width="985px" height="381px" />
 +
</a>
 +
<a href="#" target="_blank"  id="flash2" style="display:none; " >
 +
<img src="images/flash.gif" width="985px" height="381px" />
 +
</a>
 +
<a href="#" target="_blank"  id="flash3" style="display:none; " >
 +
<img src="images/flash.gif" width="985px" height="381px" />
 +
</a>
 +
<a href="http://www.lingyou.net/" target="_blank"  id="flash4" style="display:none; " >
 +
<img src="file/20110623100121.jpg" width="985px" height="381px" />
 +
</a>
 +
  <div class="flash_bar">
 +
  <div class="dq" id="f1" onclick="changeflash(1)"></div>
 +
<div class="no" id="f2" onclick="changeflash(2)"></div>
 +
<div class="no" id="f3" onclick="changeflash(3)"></div>
 +
<div class="no" id="f4" onclick="changeflash(4)"></div>
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
       
 +
      <script type="text/javascript">
 +
$(document).ready(function(){  
 +
$(".item1").hover(function(){$("#tit_fc1").slideDown("normal"); }, function() {$("#tit_fc1").slideUp("fast");});
 +
$(".item2").hover(function(){$("#tit_fc2").slideDown("normal"); }, function() {$("#tit_fc2").slideUp("fast");});
 +
$(".item3").hover(function(){$("#tit_fc3").slideDown("normal"); }, function() {$("#tit_fc3").slideUp("fast");});
 +
$(".item4").hover(function(){$("#tit_fc4").slideDown("normal"); }, function() {$("#tit_fc4").slideUp("fast");});
 +
});
 +
 +
var currentindex=1;
 +
$("#flashBg").css("background-color",$("#flash1").attr("name"));
 +
function changeflash(i) {
 +
currentindex=i;
 +
for (j=1;j <= 4;j++){
 +
if (j==i)
 +
{$("#flash"+j).fadeIn("normal");
 +
$("#flash"+j).css("display","block");
 +
$("#f"+j).removeClass();
 +
$("#f"+j).addClass("dq");
 +
$("#flashBg").css("background-color",$("#flash"+j).attr("name"));
 +
}
 +
else
 +
{$("#flash"+j).css("display","none");
 +
$("#f"+j).removeClass();
 +
$("#f"+j).addClass("no");}
 +
}}
 +
function startAm(){
 +
timerID = setInterval("timer_tick()",5000);
 +
}
 +
function stopAm(){
 +
clearInterval(timerID);
 +
}
 +
function timer_tick() {
 +
    currentindex=currentindex >= 4 ? 1 : currentindex + 1;
 +
changeflash(currentindex);}
 +
$(document).ready(function(){
 +
$(".flash_bar div").mouseover(function(){stopAm();}).mouseout(function(){startAm();});
 +
startAm();
 +
});
 +
 +
function ChangeImg(i){
 +
$("#img"+i).removeAttr("src");
 +
$("#img"+i).attr("src","/skin/tg2011/images/clients_"+i+"a.gif");
 +
}
 +
function ResetImg(i){
 +
$("#img"+i).removeAttr("src");
 +
$("#img"+i).attr("src","/skin/tg2011/images/clients_"+i+".gif");
 +
}
 +
//----Popfc
 +
 +
function ClosePop(i){
 +
$("#Pop"+i).fadeOut("normal")}
 +
 +
$(function() { 
 +
            $("div[name='divClick']").click(function() { 
 +
if ($(this).attr('class')=='item1')
 +
{
 +
                var showDiv = $("#Pop1");  //得到层对象 
 +
}
 +
if ($(this).attr('class')=='item2')
 +
{
 +
                var showDiv = $("#Pop2");  //得到层对象 
 +
}
 +
if ($(this).attr('class')=='item3')
 +
{
 +
                var showDiv = $("#Pop3");  //得到层对象 
 +
}
 +
if ($(this).attr('class')=='item4')
 +
{
 +
                var showDiv = $("#Pop4");  //得到层对象 
 +
}
 +
 +
                var divName = showDiv.attr('name');  //得到这个层的name 
 +
                if (showDiv.is(":hidden")) {    //判断层是否隐藏 
 +
                    $("div[name='" + divName + "']").hide("normal");     
 +
                    showDiv.fadeIn("normal");              //true：显示 
 +
                    $('body').one('click', function() {    //给BODY绑定一次性点击事件 
 +
                        showDiv.fadeOut("normal");                    //点击BODY显示层 
 +
                    }); 
 +
                    return false;                          //返回 
 +
                } 
 +
                else { 
 +
                    showDiv.hide();                  //false:显示层 
 +
                    $('body').one('click', function() {    //给BODY绑定一次性点击事件 
 +
                        showDiv.fadeOut("normal");                    //点击BODY显示层 
 +
                    }); 
 +
                    return false;                          //返回                 
 +
                } 
 +
            }); 
 +
 
 +
            $("div[name='PopBox']").click(function() {    //点击显示部分不隐藏 
 +
                return false; 
 +
            }); 
 +
        }); 
 +
 +
</script>
 +
 +
 
 +
</div>
 +
<!--head-->
 +
<div id="a1">
 +
<div class="project">
 +
    <div id="project_msg">
 +
        In our project, we are aiming at establishing an <span title="extensible">extensible</span> and versatile platform for the <span title="extensible">softcoding of genetic program</span> in bacteria, composed of a <span title="extensible">toolbox</span> and a <span title="extensible">methodology</span> --The toolbox consists of interoperable and truly <span title="extensible">modular ligand-responsive riboswitches/ribozymes</span>, while the methodology is <span title="extensible">automated design </span>of <span title="extensible">synthetic ribosome binding sites</span> (RBS) with customized <span title="extensible">translation rate</span>. When combining them together, a quantitative correlation between the concentration of specific ligand and synthetic RBS strength can be established. To learn more, please <span title="extensible">click</span> here.
 +
        </div>
 +
    </div>
 +
    <div class="team">
 +
    <div id="team_msg">
 +
        Peking_R team for iGEM 2011 consists of 11 undergraduate students who are enthusiastic towards synthetic biology. To know more about us and our work, please visit our <span title="extensible">Team page</span> and our Notebook.
 +
        </div>
 +
    </div>
 +
    <div class="clear"></div>
 +
</div>
 +
 
 +
<div id="a2">
 +
<div class="parts">
 +
    <div id="parts_msg">
 +
        We are planning to submit a set of <span title="extensible">riboswitches/ribozymes</span> which can response to different <span title="extensible">ligands</span>. Besides, we are going to hand in parts containing vio operon which are optimized to produce more <span title="extensible">violacein</span> in bacteria.Click <span title="extensible">here</span> to learn more.
 +
        </div>
 +
    </div>
 +
    <div class="human">
 +
    <div id="human_msg">
 +
        This part shows our human practice project concernning on how the development synthetic biology affects the process of <span title="extensible">horizontal gene transfer</span> between bacteria and <span title="extensible">influences</span> public health. To learn more, please click
 +
        </div>
 +
    </div>
 +
    <div class="biosafety">
 +
    <div id="biosafety_msg">
 +
        This part describes <span title="extensible">measures</span> taken to ensure biosafety in our project, answering frequently asked questions concerning <span title="extensible">environment</span> and <span title="extensible">public health</span>. To get more information, please click <span title="extensible">here</span>.
 +
        </div>
 +
    </div>
 +
    <div class="gallery">
 +
    <div id="gallery_msg">
 +
        It's an unforgettable summer we fight for our dreams and the honour of Peking iGEM team.<span title="extensible">Photos</span> recorded every footprint of everyone. Please click <span>here</span> to join us together!
 +
        </div>
 +
    </div>
 +
    <div class="clear"></div>
 +
</div>
 +
 
 +
<!--link-->
 +
<div id="link">
 +
<div class="img"><img src="images/link.gif" width="152" height="31" /></div>
 +
    <div class="clear"></div>
 +
    <div class="spacer"></div>
 +
    <div class="url">
 +
    <ul>
 +
        <li><img src="images/1.gif" width="121" height="96" /></li>
 +
            <li><img src="images/2.gif" width="150" height="97" /></li>
 +
            <li><img src="images/3.gif" width="207" height="84" /></li>
 +
        </ul>
 +
    </div>
 +
    <div class="spacer"></div>
 +
</div>
 +
<!--foot-->
 +
<div id="foot">
 +
<div class="msg">
 +
    <ul>
 +
        <li> Recent changes</li>
 +
            <li> What links here </li>
 +
            <li>Relatec changes special pages</li>
 +
            <li>My preferences</li>
 +
           
 +
          <li> Printable version </li>
 +
          <li>Permanent</li>
 +
          <li>Privacy</li>  
 +
          <li>Discialmers</li>
 +
        </ul>
 +
   
 +
    </div>
 +
    <div class="copyby">Copyright@2011 www.lingyou.com</div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 13:19, 1 October 2011

Template:Https://2011.igem.org/Team:Peking R/bannerhidden Template:Https://2011.igem.org/Team:Peking R/back2 Peking

In our project, we are aiming at establishing an extensible and versatile platform for the softcoding of genetic program in bacteria, composed of a toolbox and a methodology --The toolbox consists of interoperable and truly modular ligand-responsive riboswitches/ribozymes, while the methodology is automated design of synthetic ribosome binding sites (RBS) with customized translation rate. When combining them together, a quantitative correlation between the concentration of specific ligand and synthetic RBS strength can be established. To learn more, please click here.
Peking_R team for iGEM 2011 consists of 11 undergraduate students who are enthusiastic towards synthetic biology. To know more about us and our work, please visit our Team page and our Notebook.
We are planning to submit a set of riboswitches/ribozymes which can response to different ligands. Besides, we are going to hand in parts containing vio operon which are optimized to produce more violacein in bacteria.Click here to learn more.
This part shows our human practice project concernning on how the development synthetic biology affects the process of horizontal gene transfer between bacteria and influences public health. To learn more, please click
This part describes measures taken to ensure biosafety in our project, answering frequently asked questions concerning environment and public health. To get more information, please click here.

Retrieved from "http://2011.igem.org/Team:Peking_R/test"