Team:HKUST-Hong Kong

From 2012.igem.org

(Difference between revisions)
 
(593 intermediate revisions not shown)
Line 3: Line 3:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<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(){
 +
    $('#Team').mouseover(function(){
 +
    $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Team').mouseleave(function(){
 +
    $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Project').mouseover(function(){
 +
    $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Project').mouseleave(function(){
 +
    $('#Projectnction(){
 +
    $('#Human_practice').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Human_practice').mouseleave(function(){
 +
    $('#Human_practice').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Wet_lab').mouseover(function(){
 +
    $('#Wet_lab').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Wet_lab').mouseleave(function(){
 +
    $('#Wet_lab').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Extras').mouseover(function(){
 +
    $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Extras').mouseleave(function(){
 +
    $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Team').click(function(){
 +
    $('#Team_Content').slideToggle("slow");
 +
    });
 +
    $('#Project').click(function(){
 +
    $('#Project_Content').slideToggle("slow");
 +
    });
 +
    $('#Wet_lab').click(function(){
 +
    $('#Wet_lab_Content').slideToggle("slow");
 +
    });
 +
    $('#Human_practice').click(function(){
 +
    $('#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");
 +
    });
 +
  });
 +
 +
</script>
<title>Team:HKUST-Hong Kong - 2012.igem.org</title>
<title>Team:HKUST-Hong Kong - 2012.igem.org</title>
Line 8: Line 73:
<style type="text/css">
<style type="text/css">
-
#topHeader{
+
.firstHeading {
-
      width:965px;
+
    height:0px;
-
      height:320px;
+
    visibility:hidden;
}
}
-
 
+
#content {
-
.firstHeading{
+
    border-left-width:1px;
-
        width:950px;
+
    border-right-width:1px;
-
        alignment-adjust:right;
+
    width:965px;
-
        visibility:hidden;
+
-
        display:none;
+
}
}
-
 
+
#top-section {      
-
#contentSub{
+
        background-position: center center;
-
         display:none;
+
        background-repeat: no-repeat;
 +
        background-color: #92d2ff;
 +
        border-width:0px;
 +
         height:0;
}
}
-
 
+
#siteSub {
-
#globalWrapper{
+
    display:none;
-
        background-color:#000;
+
}
}
-
 
+
#contentSub {
-
#middleColumn{
+
    display:none;
-
        background-color: #999;
+
-
        width: 500px;
+
-
        height: 310px;
+
-
        padding: 5px;
+
-
        float: left;
+
-
        margin-left: 8px;
+
}
}
-
 
+
#search-controls {
-
.verticalPics{
+
    margin-top:14px;
-
        width:120px;
+
-
        height:310px;
+
}
}
-
 
+
#menubar {  
-
.horizontalPics{
+
    background-color:  #000000;
-
        width:240px;
+
    top: -4px;
-
        height:150px;
+
    width: 488px;
 +
    height:40px;
 +
    position:absolute;
 +
    top:-40px;
 +
    border-bottom:3px solid #FF8A00;
}
}
-
#HKUST_Link{
+
#menubar ul li a {  
-
        background-image:url(https://static.igem.org/mediawiki/2012/a/a4/HKUST_Link.jpg);
+
    color: #007da6;
-
        width:120px;
+
-
        height:310px;
+
}
}
-
#iGEM_Logo{
+
#menubar.right-menu{
-
        background-image:url(https://static.igem.org/mediawiki/2012/7/73/IGEM_Logo.jpg);
+
positon:relative;
-
        width:240px;
+
-
        height:150px;
+
}
}
-
#leftColumn{
+
.right-menu li a {  
-
width:220px;
+
    color: #007da6;
-
padding-top:10px;
+
    background-color: #000000;
-
padding-bottom:10px;
+
-
height:300px;
+
-
float:left;
+
-
background-color:#999;
+
}
}
-
#rightColumn{
+
#search-controls{
-
        width:220px;
+
display:none;
-
        padding-top:10px;
+
-
        padding-bottom:10px;
+
-
        height:300px;
+
-
        float:right;
+
-
        background-color:#999;
+
}
}
-
#Home_Caption{
+
#Notebook_Content{
-
width:200px;
+
      width:200px;
-
height:50px;
+
      margin-left:10px;
-
position:relative;
+
      margin-right:10px;
-
margin:10px;
+
      background-color:#FFDDFF;
-
background-image:url(https://static.igem.org/mediawiki/2012/7/78/Home_Caption.jpg);
+
      display:none;
-
-moz-animation:flyin1 1s;  
+
      height:auto;
-
        -webkit-animation:flyin1 1s;
+
}
}
-
#Team_Caption{
+
#Modeling_Content{
-
width:200px;
+
      width:200px;
-
height:50px;
+
      margin-left:10px;
-
position:relative;
+
      margin-right:10px;
-
margin:10px;
+
      background-color:#DDFFFF;
-
background-image:url(https://static.igem.org/mediawiki/2012/0/09/Team_Caption.jpg);
+
      display:none;
-
-moz-animation:flyin2 1.5s;  
+
      height:auto;
-
        -webkit-animation:flyin2 1.5s;
+
}
}
-
#Team_Profile_Caption{
+
#topHeader{
-
width:200px;
+
      width:965px;
-
height:50px;
+
      height:320px;
-
position:relative;
+
-
margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/9/91/Team_Profile_Caption.jpg);
+
-
-moz-animation:flyin3 2s;
+
-
        -webkit-animation:flyin3 2s;
+
}
}
-
#Project_Caption{
+
.firstHeading{
-
width:200px;
+
        width:950px;
-
height:50px;
+
        alignment-adjust:right;
-
position:relative;
+
        visibility:hidden;
-
margin:10px;
+
         display:none;
-
background-image:url(https://static.igem.org/mediawiki/2012/e/ea/Project.jpg);
+
-
-moz-animation:flyin4 2.5s;  
+
-
         -webkit-animation:flyin4 2.5s;
+
}
}
-
#Parts_Caption{
+
#contentSub{
-
width:200px;
+
         display:none;
-
height:50px;
+
-
position:relative;
+
-
margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/igem.org/f/f1/Parts_Caption.jpg);
+
-
-moz-animation:flyin5 3s;
+
-
         -webkit-animation:flyin5 3s;
+
}
}
-
#Modeling_Caption{
+
#globalWrapper{
-
        width:200px;
+
         background-color:#999;
-
        height:50px;
+
-
        position:relative;
+
-
        margin:10px;
+
-
         background-image:url(https://static.igem.org/mediawiki/2012/d/d9/Modeling_Caption.jpg);
+
-
        -moz-animation:flyin6 1s;
+
-
        -webkit-animation:flyin6 1s;
+
}
}
-
#Notebook_Caption{
+
#content {
-
        width:200px;
+
background-color: #FFF;
-
        height:50px;
+
border-left-color:#FFF;
-
        position:relative;
+
border-right-color:#FFF;
-
        margin:10px;
+
-
        background-image:url(https://static.igem.org/mediawiki/2012/4/4c/Notebook_Caption.jpg);
+
-
        -moz-animation:flyin7 1.5s;
+
-
        -webkit-animation:flyin7 1.5s;      
+
}
}
-
#Safety_Caption{
 
-
        width:200px;
 
-
        height:50px;
 
-
        position:relative;
 
-
        margin:10px;
 
-
        background-image:url(https://static.igem.org/mediawiki/2012/1/1d/Safey_Caption.jpg);
 
-
        -moz-animation:flyin8 2s;
 
-
        -webkit-animation:flyin8 2s;     
 
-
}
 
-
@-moz-keyframes flyin1{
+
#Navigation_top{
-
0%  {top:0px; right:400px; visibility:hidden;}
+
padding-top:20px;
-
100%  {top:0px; right:0px; visibility:visible;}
+
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;
}
}
-
@-webkit-keyframes flyin1{
+
.Navigation_Buttons{
-
0% {top:0px; right:400px; visibility:hidden;}
+
width:168px;
-
100%    {top:0px; right:0px; visibility:visible;}
+
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;
}
}
-
@-moz-keyframes flyin2{
+
.Navigation_Buttons#Team{
-
0%  {top:0px; right:400px; visibility:hidden;}
+
clear:both;
-
33%  {top:0px; right:400px; visibility:hidden;}
+
-
100%  {top:0px; right:0px; visibility:visible;}
+
}
}
-
@-webkit-keyframes flyin2{
+
.Navigation_Buttons h3 p{
-
0% {top:0px; right:400px; visibility:hidden;}
+
color:#FFFFFF;
-
33%    {top:0px; right:400px; visibility:hidden;}
+
-
100%    {top:0px; right:0px; visibility:visible;}
+
}
}
-
@-moz-keyframes flyin3{
+
div.Navigation_Content{
-
0%  {top:0px; right:400px; visibility:hidden;}
+
width:950px;
-
50%  {top:0px; right:400px; visibility:hidden;}
+
height:auto;
-
100%  {top:0px; right:0px; visibility:visible;}
+
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 flyin3{
+
.Navigation_Content#Home_Content{
-
0% {top:0px; right:400px; visibility:hidden;}
+
position:inherit;
-
50%    {top:0px; right:400px; visibility:hidden;}
+
-
100%    {top:0px; right:0px; visibility:visible;}
+
}
}
-
@-moz-keyframes flyin4{
+
.Content_Buttons{
-
0%  {top:0px; right:400px; visibility:hidden;}
+
width:164px;
-
60%  {top:0px; right:400px; visibility:hidden;}
+
height:50px;
-
100%  {top:0px; right:0px; visibility:visible;}
+
margin:10px;
 +
background-color:#000000;
 +
padding-top:20px;
 +
opacity:1.0;
 +
position:relative;
 +
text-align:center;
 +
vertical-align:middle;
 +
float:left;
 +
border:3px solid #FFFFFF;
 +
border-radius:7px;
 +
-moz-border-radius:7px;
}
}
-
@-webkit-keyframes flyin4{
+
.Content_Buttons p a{
-
0% {top:0px; right:400px; visibility:hidden;}
+
color:#33DDFF;
-
60%    {top:0px; right:400px; visibility:hidden;}
+
text-decoration:none;
-
100%    {top:0px; right:0px; visibility:visible;}
+
size:10px;
}
}
-
@-moz-keyframes flyin5{
+
.Upper_Logos#iGEM_Logo{
-
0%  {top:0px; right:400px; visibility:hidden;}
+
width:100px;
-
66%  {top:0px; right:400px; visibility:hidden;}
+
height:80px;
-
100%  {top:0px; right:0px; visibility:visible;}
+
background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png');
 +
background-size:100px 80px;
 +
background-repeat:no-repeat;
 +
float:left;
}
}
-
@-webkit-keyframes flyin5{
+
.Upper_Logos#HKUST_Logo{
-
0% {top:0px; right:400px; visibility:hidden;}
+
width:270px;
-
66%    {top:0px; right:400px; visibility:hidden;}
+
height:80px;
-
100%    {top:0px; right:0px; visibility:visible;}
+
background-image:url('https://static.igem.org/mediawiki/2012/9/97/HKUST_Logo_Final.jpg');
 +
background-size:270px 80px;
 +
background-repeat:no-repeat;
 +
float:right;
}
}
-
@-moz-keyframes flyin6{
+
.Upper_Logos#HKUST_iGEM_Logl{
-
0%  {top:0px; left:400px; visibility:hidden;}
+
width:114px;
-
100%  {top:0px; left:0px; visibility:visible;}
+
height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2012/4/43/295197_446935765350523_472857901_n.jpg');
 +
background-size:104px 80px;
 +
background-repeat:no-repeat;
 +
float:left;
}
}
-
@-webkit-keyframes flyin6{
+
#Side_Bar{
-
0% {top:0px; left:400px; visibility:hidden;}
+
clear:both;
-
100%    {top:0px; left:0px; visibility:visible;}
+
width:265px;
 +
height:auto;
 +
background-color:#CCFFCC;
 +
float:right;
 +
border:3px solid #99FF99;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
 
+
#News_Bar{
-
@-moz-keyframes flyin7{
+
background-color:#FFDDDD;
-
0%  {top:0px; left:400px; visibility:hidden;}
+
border:3px solid #FF9999;
-
33%  {top:0px; left:400px; visibility:hidden;}
+
border-radius:10px;
-
100%  {top:0px; left:0px; visibility:visible;}
+
-moz-border-radius:10px;
 +
width:265px;
 +
height:auto;
 +
padding-bottom:10px;
 +
margin-bottom:10px;
}
}
-
@-webkit-keyframes flyin7{
+
#News_Content{
-
0% {top:0px; left:400px; visibility:hidden;}
+
border:1px solid #FF9999;
-
33%    {top:0px; left:400px; visibility:hidden;}
+
width:250px;
-
100%    {top:0px; left:0px; visibility:visible;}
+
height:200px;
 +
overflow:auto;
 +
border-radius:6px;
 +
-moz-border-radius:6px;
 +
display:none;
}
}
-
@-moz-keyframes flyin8{
 
-
0%  {top:0px; left:400px; visibility:hidden;}
 
-
50%  {top:0px; left:400px; visibility:hidden;}
 
-
100%  {top:0px; left:0px; visibility:visible;}
 
-
}
 
-
 
-
@-webkit-keyframes flyin8{
 
-
0% {top:0px; left:400px; visibility:hidden;}
 
-
50%    {top:0px; left:400px; visibility:hidden;}
 
-
100%    {top:0px; left:0px; visibility:visible;}
 
-
}
 
</style>
</style>
</head>
</head>
-
 
<body>
<body>
-
         <div id="topHeader">
+
         <div id="Navigation_top">
-
<div id="leftColumn" align="justify">
+
          <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>
-
        <div id="Home_Caption">
+
          <a href="http://www.ust.hk"><img id="HKUST_Logo" class="Upper_Logos" src=""></a>
-
        <a href="/Team:HKUST-Hong Kong">
+
          <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>
-
                    <img src='https://static.igem.org/mediawiki/2012/7/78/Home_Caption.jpg'>
+
          <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div>
-
                </a>
+
          <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div>
-
        </div>
+
          <div class="Navigation_Buttons" id="Wet_lab" align="center"><h3><p>WET LAB</p></h3></div>
-
                
+
          <div class="Navigation_Buttons" id="Human_practice" align="center"><h3><p>HUMAN PRACTICE</p></h3></div>
-
        <div id="Team_Caption">
+
          <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
-
                <a href="/Team:HKUST-Hong Kong/Team">
+
 
-
                    <img src='https://static.igem.org/mediawiki/2012/0/09/Team_Caption.jpg'>
+
          <div class="Navigation_Content" id="Team_Content">
-
                </a>
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></div>
-
       
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></div>
-
        </div>
+
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Instructor">Instructor</a></p></div>
-
       
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Members">Members</a></p></div>
-
        <div id="Team_Profile_Caption">
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Advisors">Advisors</a></p></div>
-
                <a href="https://igem.org/Team.cgi?year=2012">
+
          </div>
-
                    <img src='https://static.igem.org/mediawiki/2012/9/91/Team_Profile_Caption.jpg'>
+
          <div class="Navigation_Content" id="Project_Content">
-
                 </a>
+
              <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 id="Project_Caption">
+
 
-
                <a href="/Team:HKUST-Hong Kong/Project">
+
<div id="Side_Bar" align=center>
-
                    <img src='https://static.igem.org/mediawiki/2012/e/ea/Project.jpg'>
+
  <object type="application/x-shockwave-flash" height="120" width="250" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
-
                </a>
+
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
 +
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
 +
<param name="flashvars" value="
 +
      &timer=1&
 +
      &time_template=3:ss;2:mm;1:hh;0:dd&
 +
      &time_color=0x000000&
 +
      &label_color=0x000000&
 +
      &background_color=0xFFFFFF&
 +
      &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="Chrome_Rec" width="240px" height="40px" style="padding:10px;">
 +
<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 id="Slideshow">
 +
<ul>
 +
<li>
 +
        <img src="https://static.igem.org/mediawiki/2012/8/81/HKUST2012Team.jpg" width="670" height="420" />
 +
           
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/b/ba/Bhercules.jpg" width="670" height="420" />
 +
           
 +
        </li>
 +
<li>
 +
        <img src="https://static.igem.org/mediawiki/2012/0/07/Whole_project.JPG" width="670" height="420" />
 +
           
 +
        </li>
 +
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/2/20/InhibitionDevice.jpg" width="670" height="420" />
 +
         
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/c/cf/BsubtilisIntegration.JPG" width="670" height="420" />
 +
       
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="670" height="420" />
 +
         
 +
        </li>
 +
</ul>
 +
 +
 
         </div>
         </div>
-
        <div id="Parts_Caption">       
 
-
                <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts">
 
-
                    <img src='https://static.igem.org/mediawiki/igem.org/f/f1/Parts_Caption.jpg'>
 
-
                </a>
 
-
        </div>
 
-
</div>
 
-
         <div id="middleColumn" align="center">
+
         <div id="paragraph1" class="bodyParagraphs">
-
                <div id="HKUST_Link" class="verticalPics">
+
          <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>
 +
     
-
                </div>
+
<style type="text/css">
-
                <div id="iGEM_Logo" class="horizontalPics">
+
#Slideshow{
 +
width:4000px;
 +
box-shadow: 5px 5px 5px #888888;
 +
}
-
                </div>
+
#Slideshow ul{
 +
list-style:none;
 +
width:4000px;
 +
margin:0;
 +
padding:0;
 +
position:relative;
 +
}
-
                <div id="HKUST_iGEM_Logo" class="horizontalPics">
+
#Slideshow li{
 +
display:inline;
 +
float:left;
 +
}
-
                </div>
+
</style>
-
                <div id="iGEM_Logo" class="verticalPics">
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://static.igem.org/mediawiki/2012/9/91/Slide_Show.txt"></script>
-
                </div>
+
<script type="text/javascript">
-
               
+
-
        </div>
+
-
        <div id="rightColumn">
+
$(function(){
 +
 +
$('#Slideshow').infiniteCarousel();
-
        <div id="Modeling_Caption">
+
});
-
              <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Modeling">
+
-
                    <img src='https://static.igem.org/mediawiki/2012/d/d9/Modeling_Caption.jpg'>
+
-
              </a>
+
-
        </div>
+
-
        <div id="Notebook_Caption">
+
</script>
-
              <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Notebook">
+
-
                    <img src='https://static.igem.org/mediawiki/2012/4/4c/Notebook_Caption.jpg'>
+
-
              </a>
+
         </div>
         </div>
-
         <div id="Safety_Caption">
+
         <div id="paragraph2" class="bodyParagraphs">
-
              <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">
+
          <div align="center">
-
                    <img src='https://static.igem.org/mediawiki/2012/1/1d/Safey_Caption.jpg'>
+
              <h1><p align = "center" ><font size=30>Why B. hercules?</font></p></h1> </div>
-
              </a>
+
<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="Attributions_Caption">
+
<style type="text/css">
-
             
+
-
        </div>
+
-
        </div>
+
#paragraph1{
-
        </div>
+
background-color:#EDFFFF;
 +
width:680px;
 +
height:auto;
 +
float:left;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
border:3px solid #A1FFFF;
 +
border-radius: 10px;
 +
-moz-border-radius:10px;
 +
}
 +
#paragraph2{
 +
background-color:#FFEDFF;
 +
width:680px;
 +
height:330px;
 +
float:left;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
border:3px solid #FFA1FF;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 +
#paragraph3{
 +
background-color:#FFFFDD;
 +
width:680px;
 +
height:auto;
 +
float:left;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
border:3px solid #FFFFA1;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 +
.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.