Team:HKUST-Hong Kong

From 2012.igem.org

(Difference between revisions)
 
(356 intermediate revisions not shown)
Line 7: Line 7:
   <script type="text/javascript">
   <script type="text/javascript">
   $(document).ready(function(){
   $(document).ready(function(){
-
     $('#Home_Caption').mouseover(function() {
+
     $('#Team').mouseover(function(){
-
     $('#Home_Caption').stop().animate({backgroundPosition:'-200px 0px'},1000);
+
     $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
-
     $('#Home_Caption').mouseleave(function() {
+
     $('#Team').mouseleave(function(){
-
     $('#Home_Caption').stop().animate({backgroundPosition:'0px 0px'},1000);
+
     $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
     });
     });
-
     $('#Modeling_Caption').click(function(){
+
     $('#Project').mouseover(function(){
-
     $('#Notebook_Caption').stop().toggle(1000);
+
     $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
-
    $('#Safety_Caption').stop().toggle(1000);
+
-
    $('#Modeling_Content').stop().slideToggle("slow");
+
     });
     });
-
     $('#Notebook_Caption').click(function(){
+
     $('#Project').mouseleave(function(){
-
     $('#Modeling_Caption').stop().toggle(1000);
+
     $('#Projectnction(){
-
     $('#Safety_Caption').stop().toggle(1000);
+
     $('#Human_practice').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
-
    $('#Notebook_Content').stop().slideToggle("slow");
+
     });
     });
-
     $('#Team_Caption').mouseover(function(){
+
     $('#Human_practice').mouseleave(function(){
-
     $('#Team_Caption').stop().animate({height:60,width:230},100);
+
     $('#Human_practice').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
     });
     });
-
     $('#Team_Caption').mouseleave(function(){
+
     $('#Wet_lab').mouseover(function(){
-
     $('#Team_Caption').stop().animate({height:50,width:200},100);
+
     $('#Wet_lab').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
-
     $('#Team_Profile_Caption').mouseover(function(){
+
     $('#Wet_lab').mouseleave(function(){
-
     $('#Team_Profile_Caption').stop().animate({height:60,width:230},100);
+
     $('#Wet_lab').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
     });
     });
-
     $('#Team_Profile_Caption').mouseleave(function(){
+
     $('#Extras').mouseover(function(){
-
     $('#Team_Profile_Caption').stop().animate({height:50,width:200},100);
+
     $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
-
     $('#Project_Caption').mouseover(function(){
+
     $('#Extras').mouseleave(function(){
-
     $('#Project_Caption').stop().animate({height:60,width:230},100);
+
     $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
     });
     });
-
     $('#Project_Caption').mouseleave(function(){
+
     $('#Team').click(function(){
-
     $('#Project_Caption').stop().animate({height:50,width:200},100);
+
     $('#Team_Content').slideToggle("slow");
     });
     });
-
     $('#Parts_Caption').mouseover(function(){
+
     $('#Project').click(function(){
-
     $('#Parts_Caption').stop().animate({height:60,width:230},100);
+
     $('#Project_Content').slideToggle("slow");
     });
     });
-
     $('#Parts_Caption').mouseleave(function(){
+
     $('#Wet_lab').click(function(){
-
     $('#Parts_Caption').stop().animate({height:50,width:200},100);
+
     $('#Wet_lab_Content').slideToggle("slow");
     });
     });
-
     $('#Home').click(function(){
+
     $('#Human_practice').click(function(){
-
     $('#Home').animate({outlineWidth:"10px"});
+
     $('#Human_practice_Content').slideToggle("slow");
 +
    });
 +
    $('#Extras').click(function(){
 +
    $('#Extras_Content').slideToggle("slow");
 +
    });
 +
    $('#menubar').mouseover(function(){
 +
    $('#menubar').stop().animate({top:"0px"},500);
 +
    });
 +
    $('#menubar').mouseleave(function(){
 +
    $('#menubar').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#menubar.right-menu').mouseover(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
 +
    });
 +
    $('#menubar.right-menu').mouseleave(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#News_Click').click(function(){
 +
    $('#News_Content').slideToggle("slow");
     });
     });
   });
   });
Line 57: Line 72:
<style type="text/css">
<style type="text/css">
-
  #top-section {
 
-
  background-color:#FFBB55;
 
-
  height: 21px;
 
-
  border: none;
 
-
  width:977px;
 
-
  margin-bottom:0px;
 
-
  }
 
-
  #p-logo {
+
.firstHeading {
-
  position: absolute;
+
    height:0px;
-
  display: none;}
+
    visibility:hidden;
 +
}
 +
#content {
 +
    border-left-width:1px;
 +
    border-right-width:1px;
 +
    width:965px;
 +
}
 +
#top-section {      
 +
        background-position: center center;  
 +
        background-repeat: no-repeat;
 +
        background-color: #92d2ff;
 +
        border-width:0px;
 +
        height:0;
 +
}
 +
#siteSub {
 +
    display:none;
 +
}
 +
#contentSub {
 +
    display:none;
 +
}
 +
#search-controls {
 +
    margin-top:14px;
 +
}
 +
#menubar {
 +
    background-color:  #000000;
 +
    top: -4px;
 +
    width: 488px;
 +
    height:40px;
 +
    position:absolute;
 +
    top:-40px;
 +
    border-bottom:3px solid #FF8A00;
 +
}
-
  #search-controls {
+
#menubar ul li a {  
-
  display: none;}
+
    color: #007da6;
 +
}
-
  #menubar.left-menu {
+
#menubar.right-menu{
-
  position: absolute;
+
positon:relative;
-
  top:0px;
+
}
-
  left:0px;
+
-
  background-color:#FFBB55;
+
-
  border-left:3px solid #FF4400;
+
-
  }
+
-
 
+
-
  #menubar.right-menu {
+
-
  position: absolute;
+
-
  top:0px;
+
-
  right:0px;
+
-
  background-color:#FFBB55;
+
-
  border-right:3px solid #FF4400;
+
-
  }
+
-
#menubar ul li{
+
.right-menu li a {  
-
background-color:transparent;
+
    color: #007da6;
-
background:transparent;
+
    background-color: #000000;
}
}
-
#menubar a {color:#000000; background-color:transparent;}
+
#search-controls{
-
#menubar a:hover{text-decoration:none; color:#6B5A3A; background-color:transparent;}
+
display:none;
-
 
+
}
-
 
+
-
  #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
+
-
  color: #000000;}
+
#Notebook_Content{
#Notebook_Content{
Line 136: Line 161:
#globalWrapper{
#globalWrapper{
         background-color:#999;
         background-color:#999;
-
       
 
}
}
Line 145: Line 169:
}
}
-
#middleColumn{
 
-
        background-color: #EEE;
 
-
        width: 500px;
 
-
        height: 310px;
 
-
        padding: 5px;
 
-
        float: left;
 
-
        margin-left: 8px;
 
-
}
 
-
.verticalPics{
+
#Navigation_top{
-
        width:120px;
+
padding-top:20px;
-
        height:310px;
+
width:971px;
 +
height:auto;
 +
background-color: #FFBB55;
 +
float:left;
 +
border-left:3px solid #FF8A00;
 +
border-right:3px solid #FF8A00;
 +
border-bottom:3px solid #FF8A00;
 +
position:relative;
 +
background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg');
 +
top:-20px;
 +
left:-6px;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
.horizontalPics{
+
.Navigation_Buttons{
-
        width:240px;
+
width:168px;
-
        height:150px;
+
height:50px;
 +
margin:10px;
 +
position:relative;
 +
float:left;
 +
background-color:#333333;
 +
opacity:0.6;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
#horizontalCombine{
+
.Navigation_Buttons#Team{
-
        width:250px;
+
clear:both;
-
        height:310px;
+
-
        float:left;
+
}
}
-
.verticalPics#HKUST_Link{
+
.Navigation_Buttons h3 p{
-
        background-image:url(https://static.igem.org/mediawiki/2012/a/a4/HKUST_Link.jpg);
+
color:#FFFFFF;
-
        width:120px;
+
-
        height:310px;
+
-
        float:left;
+
-
        margin-right:5px;
+
-
        position:relative;
+
-
        -moz-animation:flyInHKUST 2s;
+
-
        -webkit-animation:flyInHKUST 2s;
+
}
}
-
@-moz-keyframes flyInHKUST {
+
div.Navigation_Content{
-
        0%      {left:1000px; top:0px;}
+
width:950px;
-
        100%  {left:0px; top:0px;}
+
height:auto;
 +
margin:7px;
 +
display:none;
 +
float:left;
 +
opacity:0.6;
 +
background-color:#555555;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
@-webkit-keyframes flyInHKUST{
+
.Navigation_Content#Home_Content{
-
        0%      {left:1000px; top:0px;}
+
position:inherit;
-
        100%  {left:0px; top:0px;}
+
}
}
-
.horizontalPics#iGEM_Logo{
+
.Content_Buttons{
-
        background-image:url(https://static.igem.org/mediawiki/2012/7/73/IGEM_Logo.jpg);
+
width:164px;
-
        width:240px;
+
height:50px;
-
        height:150px;
+
margin:10px;
-
        float:left;
+
background-color:#000000;
-
        position:relative;
+
padding-top:20px;
-
        margin-left:5px;
+
opacity:1.0;
-
        margin-right:5px;
+
position:relative;
-
        margin-bottom:5px;
+
text-align:center;
-
        -moz-animation:flyIniGEM 2s;
+
vertical-align:middle;
-
        -webkit-animation:flyIniGEM 2s;
+
float:left;
 +
border:3px solid #FFFFFF;
 +
border-radius:7px;
 +
-moz-border-radius:7px;
}
}
-
@-moz-keyframes flyIniGEM{
+
.Content_Buttons p a{
-
        0%{left:0px; top:1000px;}
+
color:#33DDFF;
-
        100%  {left:0px; top:0px;}
+
text-decoration:none;
 +
size:10px;
}
}
-
@-webkit-keyframes flyIniGEM{
+
.Upper_Logos#iGEM_Logo{
-
        0%{left:0px; top:1000px;}
+
width:100px;
-
        100%  {left:0px; top:0px;}
+
height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png');
 +
background-size:100px 80px;
 +
background-repeat:no-repeat;
 +
float:left;
}
}
-
.horizontalPics#HKUST_iGEM_Logo{
+
.Upper_Logos#HKUST_Logo{
-
        background-color:#FFF;
+
width:270px;
-
        float:left;
+
height:80px;
-
        margin-left:5px;
+
background-image:url('https://static.igem.org/mediawiki/2012/9/97/HKUST_Logo_Final.jpg');
-
        margin-right:5px;
+
background-size:270px 80px;
-
        margin-top:5px;
+
background-repeat:no-repeat;
-
        position:relative;
+
float:right;
-
        -moz-animation:flyInHKUSTLogo 2s;
+
-
        -webkit-animation:flyInHKUSTLogo 2s;
+
}
}
-
@-moz-keyframes flyInHKUSTLogo{
+
.Upper_Logos#HKUST_iGEM_Logl{
-
        0%{left:0px; bottom:1000px;}
+
width:114px;
-
        100%  {left:0px; bottom:0px;}
+
height:80px;
-
}
+
background-image:url('https://static.igem.org/mediawiki/2012/4/43/295197_446935765350523_472857901_n.jpg');
-
 
+
background-size:104px 80px;
-
@-webkit-keyframes flyInHKUSTLogo{
+
background-repeat:no-repeat;
-
        0%{left:0px; bottom:1000px;}
+
-
        100%  {left:0px; bottom:0px;}
+
-
}
+
-
 
+
-
.verticalPics#TEMP{
+
-
        background-image:url(https://static.igem.org/mediawiki/2012/a/a4/HKUST_Link.jpg);
+
-
        float:right;
+
-
        position:relative;
+
-
        -moz-animation:flyInTEMP 2s;
+
-
        -webkit-animation:flyInTEMP 2s;
+
-
}
+
-
 
+
-
@-moz-keyframes flyInTEMP{
+
-
        0%{right:1000px; top:0px;}
+
-
        100%  {right:0px; top:0px;}
+
-
}
+
-
 
+
-
@-webkit-keyframes flyInTEMP{
+
-
        0%{right:1000px; top:0px;}
+
-
        100%  {right:0px; top:0px;}
+
-
}
+
-
 
+
-
 
+
-
#leftColumn{
+
-
width:220px;
+
-
padding-top:10px;
+
-
padding-bottom:10px;
+
-
height:auto;
+
-
float:left;
+
-
background-color:#EEE;
+
-
}
+
-
 
+
-
#rightColumn{
+
-
        width:220px;
+
-
        padding-top:10px;
+
-
        padding-bottom:10px;
+
-
        height:auto;
+
-
        float:right;
+
-
        background-color:#EEE;
+
-
}
+
-
 
+
-
#Home_Caption_Div{
+
-
width:200px;
+
-
height:50px;
+
-
        position:relative;
+
-
margin:10px;
+
-
        top:0px;
+
-
        left:0px;
+
-
}
+
-
 
+
-
#Home_Caption{
+
-
width:200px;
+
-
height:50px;
+
-
position:absolute;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/7/78/Home_Caption.jpg);
+
-
+
-
}
+
-
 
+
-
#Team_Caption{
+
-
width:200px;
+
-
height:50px;
+
-
position:relative;
+
-
        margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/0/09/Team_Caption.jpg);
+
-
+
-
}
+
-
 
+
-
#Team_Profile_Caption{
+
-
width:200px;
+
-
height:50px;
+
-
position:relative;
+
-
margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/9/91/Team_Profile_Caption.jpg);
+
-
+
-
}
+
-
 
+
-
#Project_Caption{
+
-
width:200px;
+
-
height:50px;
+
-
position:relative;
+
-
margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Project.jpg);
+
-
 
+
-
}
+
-
 
+
-
#Parts_Caption{
+
-
width:200px;
+
-
height:50px;
+
-
position:relative;
+
-
margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/igem.org/f/f1/Parts_Caption.jpg);
+
-
 
+
-
}
+
-
 
+
-
#Modeling_Caption{
+
-
        width:200px;
+
-
        height:50px;
+
-
        position:relative;
+
-
        margin:10px;
+
-
        background-image:url(https://static.igem.org/mediawiki/2012/d/d9/Modeling_Caption.jpg);
+
-
+
-
}
+
-
 
+
-
#Notebook_Caption{
+
-
        width:200px;
+
-
        height:50px;
+
-
        position:relative;
+
-
        margin:10px;
+
-
        background-image:url(https://static.igem.org/mediawiki/2012/4/4c/Notebook_Caption.jpg);
+
-
     
+
-
}
+
-
 
+
-
#Safety_Caption{
+
-
        width:200px;
+
-
        height:50px;
+
-
        position:relative;
+
-
        margin:10px;
+
-
        background-image:url(https://static.igem.org/mediawiki/2012/1/1d/Safey_Caption.jpg);
+
-
     
+
-
}
+
-
 
+
-
#Navigation_top{
+
-
width:971px;
+
-
height:100px;
+
-
background-color: #FFBB55;
+
float:left;
float:left;
-
border-left:3px solid #FF4400;
 
-
border-right:3px solid #FF4400;
 
-
border-bottom:3px solid #FF4400;
 
-
position:relative;
 
-
top:-11px;
 
-
left:-6px;
 
}
}
-
.Navigation_Buttons{
+
#Side_Bar{
-
width:174px;
+
clear:both;
-
height:50px;
+
width:265px;
-
margin:10px;
+
height:auto;
-
float:left;
+
background-color:#CCFFCC;
 +
float:right;
 +
border:3px solid #99FF99;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
.Navigation_Buttons#Home{
+
#News_Bar{
-
background-color:#FFBBFF;
+
background-color:#FFDDDD;
 +
border:3px solid #FF9999;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
width:265px;
 +
height:auto;
 +
padding-bottom:10px;
 +
margin-bottom:10px;
}
}
-
.Navigation_Buttons#Project{
+
#News_Content{
-
background-color:#DDFFFF;
+
border:1px solid #FF9999;
 +
width:250px;
 +
height:200px;
 +
overflow:auto;
 +
border-radius:6px;
 +
-moz-border-radius:6px;
 +
display:none;
}
}
-
 
-
.Navigation_Buttons#Team{
 
-
background-color:#FFFFDD;
 
-
}
 
-
 
-
.Navigation_Buttons#Parts{
 
-
background-color:#FF99BB;
 
-
}
 
-
 
-
.Navigation_Buttons#Extras{
 
-
background-color:#BBBBFF;
 
-
}
 
-
 
</style>
</style>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
 
-
<script type="text/javascript">
 
-
  $(document).ready(function(){
 
-
    $('#Home).click(function(){
 
-
    $('#Home_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Project).click(function(){
 
-
    $('#Project_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Parts).click(function(){
 
-
    $('#Parts_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Team).click(function(){
 
-
    $('#Team_Content).stop().slideToggle("slow");
 
-
    });
 
-
    $('#Extras).click(function(){
 
-
    $('#Extras_Content).stop().slideToggle("slow");
 
-
    });
 
-
  });
 
-
</script>
 
</head>
</head>
<body>
<body>
         <div id="Navigation_top">
         <div id="Navigation_top">
-
           <div class="Navigation_Buttons" id="Home" align="center" style="outline:1px solid #FFBBFF"><h3><p>HOME</p></h3></div>
+
           <a href="https://2012.igem.org/Main_Page"><img id="iGEM_Logo" class="Upper_Logos" src="https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png"></a>
 +
          <a href="http://www.ust.hk"><img id="HKUST_Logo" class="Upper_Logos" src=""></a>
 +
          <a href="https://2012.igem.org/Team:HKUST-Hong_Kong"><img id="HKUST_iGEM_Logo" class="Upper_Logos" src="https://static.igem.org/mediawiki/2012/4/43/295197_446935765350523_472857901_n.jpg"></a>
 +
          <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div>
           <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div>
           <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div>
-
           <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div>
+
           <div class="Navigation_Buttons" id="Wet_lab" align="center"><h3><p>WET LAB</p></h3></div>
-
           <div class="Navigation_Buttons" id="Parts" align="center"><h3><p>PARTS</p></h3></div>
+
           <div class="Navigation_Buttons" id="Human_practice" align="center"><h3><p>HUMAN PRACTICE</p></h3></div>
           <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
           <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
-
           <div class="Navigation_Content" id="Home_Content"></div>
+
           <div class="Navigation_Content" id="Team_Content">
-
           <div class="Navigation_Content" id="Project_Content"></div>
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></div>
-
           <div class="Navigation_Content" id="Team_Content"></div>
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></div>
-
           <div class="Navigation_Content" id="Parts_Content"></div>
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Instructor">Instructor</a></p></div>
-
           <div class="Navigation_Content" id="Extras_Content"></div>
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Members">Members</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Advisors">Advisors</a></p></div>
 +
          </div>
 +
           <div class="Navigation_Content" id="Project_Content">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project_Abstraction">Abstract</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Background_and_Motive">Motive</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Design_Overview">Design - Overview</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Design_Module">Design - Module</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Design_Chassis">Design - Chassis</a></p></div>
 +
          </div>
 +
           <div class="Navigation_Content" id="Wet_lab_Content" align="center">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts_and_Device">Parts and Devices</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Notebook">Notebook</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Characterization">Characterization</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Achievement">Achievement</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Future_Work">Future Work</a></p></div>
 +
          </div>
 +
           <div class="Navigation_Content" id="Human_practice_Content" align="center">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Overview">Overview</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Interview">Interview</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Presentation">Presentation</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Calendar">Calendar</a></p></div>
 +
          </div>
 +
           <div class="Navigation_Content" id="Extras_Content" align="center">
 +
                <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Medal_Requirements">Medal Requirements</a></p></div>
 +
                <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">Safety</a></p></div>
 +
                <div class="Content_Buttons""><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Attribution">Attribution</a></p></div>
 +
                <div class="Content_Buttons""><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Acknowledgement">Acknowledgement</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Glossary">Glossary</a></p></div>
 +
          </div>
         </div>
         </div>
-
        <div><font size="1"><a href="https://www.google.com/intl/en/chrome/browser/?hl=en&brand=CHMB&utm_campaign=zh-HK&utm_source=zh-HK-ha-apac-hk-sk&utm_medium=ha">Google Chrome</a> is recommended for viewing this page.</font></div>
 
-
        <div id="topHeader">
 
-
<div id="leftColumn">
 
-
        <div id="Home_Caption_Div">
 
-
        <a href="/Team:HKUST-Hong Kong" id="Home_Caption">
 
-
               
 
-
                </a>
 
-
        </div>
 
-
             
 
-
        <div id="Team_Caption">
 
-
                <a href="/Team:HKUST-Hong Kong/Team">
 
-
                   
 
-
                </a>
 
-
       
 
-
        </div>
 
-
       
 
-
        <div id="Team_Profile_Caption">
 
-
                <a href="https://igem.org/Team.cgi?year=2012">
 
-
                    <img src='https://static.igem.org/mediawiki/2012/9/91/Team_Profile_Caption.jpg'>
 
-
                </a>
 
-
        </div>
 
-
        <div id="Project_Caption">
+
<div id="Side_Bar" align=center>
-
                <a href="/Team:HKUST-Hong Kong/Project">
+
  <object type="application/x-shockwave-flash" height="120" width="250" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
-
                    <img src='https://static.igem.org/mediawiki/2012/e/ea/Project.jpg'>
+
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
-
                </a>
+
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
-
        </div>
+
<param name="flashvars" value="
-
        <div id="Parts_Caption">       
+
      &timer=1&
-
                <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts">
+
      &time_template=3:ss;2:mm;1:hh;0:dd&
-
                    <img src='https://static.igem.org/mediawiki/igem.org/f/f1/Parts_Caption.jpg'>
+
      &time_color=0x000000&
-
                </a>
+
      &label_color=0x000000&
-
        </div>
+
      &background_color=0xFFFFFF&
-
</div>
+
      &flare_view=true&
 +
      &time_label=d:DAY;h:HOUR;m:MIN;s:SEC&
 +
      &time_zone=Local time&
 +
      &event_time=year:2012;month:10;day:6;hour:0;minute:0;seconds:0&
 +
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
 +
      &event_recursion=hourly&
 +
      &onpress_url=-&
 +
      &event_onpress_url=-&
 +
      &title=time to HKUST!&
 +
      &event_title=event&
 +
      &sound_file=-&
 +
      &event_sound_file=-&
 +
      &transparent=true&
 +
" />
 +
<param name="quality" value="high" />
 +
<param name="wmode" value="transparent" />
 +
<param name="scale" value="noscale" />
 +
<param name="salign" value="lt" />
 +
</object>
-
        <div id="middleColumn" align="center">
+
<div id="Chrome_Rec" width="240px" height="40px" style="padding:10px;">
-
                <div id="HKUST_Link" class="verticalPics">
+
<img src="https://static.igem.org/mediawiki/2012/c/c1/Google_Chrome.png"  width="35px" height="35px" id="Chrome_Logo" style="float:left;">
 +
<div style="float:left; margin-left:5px;" align=left><font size="1"><a href="https://www.google.com/intl/en/chrome/browser/?hl=en&brand=CHMB&utm_campaign=zh-HK&utm_source=zh-HK-ha-apac-hk-sk&utm_medium=ha">Google Chrome</a> is recommended<br> for viewing this page.</font></div>
 +
<div class="Sitemap_Content">
 +
<p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong"><b>Home</b></a></p>
 +
</div>
 +
<div class="Sitemap_Content">
 +
<li><p><b>Team</b><p><ol>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Instructor">Instructor</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Members">Members</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Advisors">Advisors</a></p></li>
 +
</ol>
 +
</div>
 +
<div class="Sitemap_Content">
 +
<li><p><b>Project</b></p><ol>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project_Abstraction">Abstract</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Background_and_Motive">Motive</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Design_Overview">Design - Overview</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Design_Module">Design - Module</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Module/Target_binding">Target Binding Module</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Module/Anti_tumor">Anti-tumor Molecule Secretion Module</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Module/Regulation_and_control">Regulation and Control Module</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Design_Chassis">Design - Chassis</a></p></li></ol>
 +
</div>
 +
<div class="Sitemap_Content">
 +
<li><p><b>Wet Lab</b></p><ol>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts_and_Device">Parts and Devices</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Notebook">Notebook</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Characterization">Characterization</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Achievement">Achievement</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Future_Work">Future Work</a></p></li></ol>
 +
</div>
 +
<div class="Sitemap_Content">
 +
<li><p><b>Human Practice</b></p><ol>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Overview">Overview</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Interview">Interview</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Presentation">Presentation</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Calendar">Calendar</a></p></li></ol>
 +
</div>
 +
<div class="Sitemap_Content">
 +
<li><p><b>Extras</b></p><ol>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Medal_Requirements">Medal Requirements</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">Safety</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Attribution">Attribution</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Acknowledgement">Acknowledgement</a></p></li>
 +
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Glossary">Glossary</a></p></li></ol>
 +
</div>
 +
</div>
-
                </div>
+
</div>
-
                <div id="horizontalCombine">
+
-
                <div id="iGEM_Logo" class="horizontalPics">
+
-
                </div>
 
-
 
-
                <div id="HKUST_iGEM_Logo" class="horizontalPics">
 
-
                          <p id="temp"><font face="verdana" color="green" size="5">OUR LOGO</font></p>
 
-
                </div>
 
-
                </div>
 
-
                <div id="TEMP" class="verticalPics">
 
-
 
-
                </div>
 
-
               
 
-
        </div>
 
-
 
-
        <div id="rightColumn">
 
-
 
-
        <div id="Modeling_Caption">
 
-
              <a>
 
-
                    <img src='https://static.igem.org/mediawiki/2012/d/d9/Modeling_Caption.jpg'>
 
-
              </a>
 
-
        </div>
 
-
        <div id="Modeling_Content" align="center">
 
-
              <p>Modeling</p>
 
-
              <p>content1</p>
 
-
              <p>content2</p>
 
-
              <p>content3</p>
 
-
              <p>content4</p>
 
-
              <p>content5</p>
 
-
              <p>content6</p>
 
-
        </div>
 
-
 
-
        <div id="Notebook_Caption" align="center">
 
-
              <a>
 
-
                    <img src='https://static.igem.org/mediawiki/2012/4/4c/Notebook_Caption.jpg'>
 
-
              </a>
 
-
        </div>
 
-
        <div id="Notebook_Content" align="center">
 
-
              <p>Modeling</p>
 
-
              <p>content1</p>
 
-
              <p>content2</p>
 
-
              <p>content3</p>
 
-
              <p>content4</p>
 
-
              <p>content5</p>
 
-
              <p>content6</p>
 
-
        </div>
 
-
 
-
 
-
        <div id="Safety_Caption">
 
-
              <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">
 
-
                    <img src='https://static.igem.org/mediawiki/2012/1/1d/Safey_Caption.jpg'>
 
-
              </a>
 
-
        </div>
 
-
 
-
        <div id="Attributions_Caption">
 
-
             
 
-
        </div>
 
-
 
-
        </div>
 
-
        </div>
 
-
 
-
        <div id="paragraph1" class="bodyParagraphs">
 
-
          <div align="left">
 
-
              <h1><p>First Paragraph</p></h1>
 
-
          </div>
 
         <div id="Slideshow">
         <div id="Slideshow">
<ul>
<ul>
<li>
<li>
-
         <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="500" height="300" />
+
         <img src="https://static.igem.org/mediawiki/2012/8/81/HKUST2012Team.jpg" width="670" height="420" />
-
             <p>Write something here</p>
+
              
         </li>
         </li>
         <li>
         <li>
-
         <img src="https://static.igem.org/mediawiki/2012/f/f7/TestingPics1.jpg" width="500" height="300" />
+
         <img src="https://static.igem.org/mediawiki/2012/b/ba/Bhercules.jpg" width="670" height="420" />
-
             <p>Write something here</p>
+
              
-
        </li>
+
-
<li>
+
-
        <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="500" height="300" />
+
-
            <p>Write something here</p>
+
         </li>
         </li>
<li>
<li>
-
         <img src="https://static.igem.org/mediawiki/2012/9/9c/TestingPics2.jpg" width="500" height="300" />
+
         <img src="https://static.igem.org/mediawiki/2012/0/07/Whole_project.JPG" width="670" height="420" />
-
             <p>Write something here</p>
+
              
         </li>
         </li>
 +
         <li>
         <li>
-
         <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="500" height="300" />
+
         <img src="https://static.igem.org/mediawiki/2012/2/20/InhibitionDevice.jpg" width="670" height="420" />
-
            <p>Write something here</p>
+
         
         </li>
         </li>
         <li>
         <li>
-
         <img src="https://static.igem.org/mediawiki/2012/8/87/TestingPics3.jpg" width="500" height="300" />
+
         <img src="https://static.igem.org/mediawiki/2012/c/cf/BsubtilisIntegration.JPG" width="670" height="420" />
-
            <p>Write something here</p>
+
       
         </li>
         </li>
         <li>
         <li>
-
         <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="500" height="300" />
+
         <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="670" height="420" />
-
            <p>Write something here</p>
+
         
         </li>
         </li>
</ul>
</ul>
Line 569: Line 471:
         </div>
         </div>
 +
 +
        <div id="paragraph1" class="bodyParagraphs">
 +
          <div align="left">
 +
              <h1><p align = "center" ><font size=50>B. hercules</font><br>------<i>The Terminator of Colon Cancer</i></p></h1>
 +
<p>Millions of cancer patients around the world currently depend on conventional cancer therapies to extend their lives. These conventional therapies, composed of surgery, radiotherapy and chemotherapies, all have their own limitations and shortcomings. Short-term and long-term side effects include vomiting, hair loss, organ failure, or even induction of a second tumor brought about by the spreading toxicity of anti-tumor chemicals in the circulatory system, thus prompting active research into alternative cancer therapies. We, the 2012 HKUST iGEM team, have chosen to focus on colorectal carcinomas, the fourth most common cancer type around the world, as our study object. We aim to use genetically modified <i>Bacillus subtilis</i> to execute targeted drug delivery to cancer cells in the intestinal tract, offering an advantage of minimal harm of the drug to normal colon epithelial cells. <br><br> Our project hopes to engineer <i>B. subtilis</i> to enable them to recognize colon carcinomas. This specific targeting is to be achieved by expressing a colon tumor specific binding peptide on the cell wall using a cell wall binding system.<br><br> After binding, an anti-tumor chemokine is to be synthesized and secreted from the bacterial cells with the help of a signaling peptide fused to the protein. To minimize over-production of this tumor suppressor, an inducible production system is introduced. This option of external inducible control will allow us to initiate chemokine release at a time when optimum effect can be achieved; that is, when the killer bacteria are close enough to the colon cancer cells. <br><br> Finally, in consideration of both biosafety issues and the possible harm from an over-dosage of antitumor drug, a toxin-antitoxin system is to be employed in our bacterial vector. This system is supposed to provide a minimum threshold of antitumor drug production and at the same time, minimizing the risk of plasmid lateral transfer among gut flora. </p> 
 +
          </div>
 +
     
<style type="text/css">
<style type="text/css">
Line 608: Line 517:
         <div id="paragraph2" class="bodyParagraphs">
         <div id="paragraph2" class="bodyParagraphs">
           <div align="center">
           <div align="center">
-
               <h1><p>Second Paragraph</p></h1>
+
               <h1><p align = "center" ><font size=30>Why B. hercules?</font></p></h1> </div>
-
          </div>          
+
<p>
 +
Cancer, as one of the most obstinate diseases around the world, is well-known for its immortal proliferation. Its name originates from one of the Zodiac ‘Cancer’ which represents death and reincarnation. Next to Cancer, there is a constellation called Heracles. It is named after the most famous Greek hero Heracles (whose Roman name is Hercules). In Greek myth, Hera sent Karkinos (Cancer or crab in Greek) to distract Heracles in his battle with Hedra, the second labour for Heracles.  However, during the battle, Heracles easily smashed the crab’s (Cancer) shell by foot.</p>
 +
<p>
 +
B. hercules, our engineered <i>B. subtilis</i> executing anti-tumor function, is named after this hero.  We would like to have our hero, B. hercules, combat and eliminate colon cancer in a breeze, but leaving the innocent unharmed. </p>
 +
<p>
 +
That’s the mission we gave to our B. hercules.
 +
</p>
 +
                   
         </div>
         </div>
-
        <div id="paragraph3" class="bodyParagraphs">
 
-
          <div align="Right">
 
-
              <h1><p>Third Paragraph</p></h1>
 
-
          </div>
 
-
        </div>
 
<style type="text/css">
<style type="text/css">
#paragraph1{
#paragraph1{
background-color:#EDFFFF;
background-color:#EDFFFF;
-
width:955px;
+
width:680px;
height:auto;
height:auto;
float:left;
float:left;
Line 635: Line 546:
#paragraph2{
#paragraph2{
background-color:#FFEDFF;
background-color:#FFEDFF;
-
width:955px;
+
width:680px;
-
height:400px;
+
height:330px;
float:left;
float:left;
padding-bottom:5px;
padding-bottom:5px;
Line 649: Line 560:
#paragraph3{
#paragraph3{
background-color:#FFFFDD;
background-color:#FFFFDD;
-
width:955px;
+
width:680px;
-
height:400px;
+
height:auto;
float:left;
float:left;
margin-top:5px;
margin-top:5px;
Line 661: Line 572:
}
}
-
</style>
+
.Sitemap_Content{
-
 
+
background-color:#CCFFCC;
 +
opacity:0.8;
 +
width:230px;
 +
height:auto;
 +
float:left;
 +
margin:1px;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
border:3px solid #99FF99;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
</style>
</body>
</body>
</html>
</html>

Latest revision as of 09:53, 27 February 2013

Team:HKUST-Hong Kong - 2012.igem.org

B. hercules
------The Terminator of Colon Cancer

Millions of cancer patients around the world currently depend on conventional cancer therapies to extend their lives. These conventional therapies, composed of surgery, radiotherapy and chemotherapies, all have their own limitations and shortcomings. Short-term and long-term side effects include vomiting, hair loss, organ failure, or even induction of a second tumor brought about by the spreading toxicity of anti-tumor chemicals in the circulatory system, thus prompting active research into alternative cancer therapies. We, the 2012 HKUST iGEM team, have chosen to focus on colorectal carcinomas, the fourth most common cancer type around the world, as our study object. We aim to use genetically modified Bacillus subtilis to execute targeted drug delivery to cancer cells in the intestinal tract, offering an advantage of minimal harm of the drug to normal colon epithelial cells.

Our project hopes to engineer B. subtilis to enable them to recognize colon carcinomas. This specific targeting is to be achieved by expressing a colon tumor specific binding peptide on the cell wall using a cell wall binding system.

After binding, an anti-tumor chemokine is to be synthesized and secreted from the bacterial cells with the help of a signaling peptide fused to the protein. To minimize over-production of this tumor suppressor, an inducible production system is introduced. This option of external inducible control will allow us to initiate chemokine release at a time when optimum effect can be achieved; that is, when the killer bacteria are close enough to the colon cancer cells.

Finally, in consideration of both biosafety issues and the possible harm from an over-dosage of antitumor drug, a toxin-antitoxin system is to be employed in our bacterial vector. This system is supposed to provide a minimum threshold of antitumor drug production and at the same time, minimizing the risk of plasmid lateral transfer among gut flora.

Why B. hercules?

Cancer, as one of the most obstinate diseases around the world, is well-known for its immortal proliferation. Its name originates from one of the Zodiac ‘Cancer’ which represents death and reincarnation. Next to Cancer, there is a constellation called Heracles. It is named after the most famous Greek hero Heracles (whose Roman name is Hercules). In Greek myth, Hera sent Karkinos (Cancer or crab in Greek) to distract Heracles in his battle with Hedra, the second labour for Heracles. However, during the battle, Heracles easily smashed the crab’s (Cancer) shell by foot.

B. hercules, our engineered B. subtilis executing anti-tumor function, is named after this hero. We would like to have our hero, B. hercules, combat and eliminate colon cancer in a breeze, but leaving the innocent unharmed.

That’s the mission we gave to our B. hercules.

Retrieved from "http://2012.igem.org/Team:HKUST-Hong_Kong"