Team:HKUST-Hong Kong

From 2012.igem.org

(Difference between revisions)
 
(566 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:#FFCAFF;
+
}
}
-
 
+
#contentSub {
-
#content {
+
    display:none;
-
background-color: #FFACFF;
+
-
border-left:none;
+
-
border-right:none;
+
}
}
-
 
+
#search-controls {
-
#middleColumn{
+
    margin-top:14px;
-
        background-color: #999;
+
-
        width: 500px;
+
-
        height: 310px;
+
-
        padding: 5px;
+
-
        float: left;
+
-
        margin-left: 8px;
+
}
}
-
 
+
#menubar {  
-
.verticalPics{
+
    background-color:  #000000;
-
        width:120px;
+
    top: -4px;
-
        height:310px;
+
    width: 488px;
 +
    height:40px;
 +
    position:absolute;
 +
    top:-40px;
 +
    border-bottom:3px solid #FF8A00;
}
}
-
.horizontalPics{
+
#menubar ul li a {  
-
        width:240px;
+
    color: #007da6;
-
        height:150px;
+
}
}
-
#horizontalCombine{
+
#menubar.right-menu{
-
        width:250px;
+
positon:relative;
-
        height:310px;
+
-
        float:left;
+
}
}
-
.verticalPics#HKUST_Link{
+
.right-menu li a {
-
        background-image:url(https://static.igem.org/mediawiki/2012/a/a4/HKUST_Link.jpg);
+
    color: #007da6;
-
        width:120px;
+
    background-color: #000000;
-
        height:310px;
+
-
        float:left;
+
-
        margin-right:5px;
+
-
        position:relative;
+
-
        -moz-animation:flyInHKUST 2s;
+
-
        -webkit-animation:flyInHKUST 2s;
+
}
}
-
@-moz-keyframes flyInHKUST {
+
#search-controls{
-
        0%      {left:1000px; top:0px;}
+
display:none;
-
        100%  {left:0px; top:0px;}
+
}
}
-
@-webkit-keyframes flyInHKUST{
+
#Notebook_Content{
-
        0%      {left:1000px; top:0px;}
+
      width:200px;
-
        100%  {left:0px; top:0px;}
+
      margin-left:10px;
 +
      margin-right:10px;
 +
      background-color:#FFDDFF;
 +
      display:none;
 +
      height:auto;
}
}
-
.horizontalPics#iGEM_Logo{
+
#Modeling_Content{
-
        background-image:url(https://static.igem.org/mediawiki/2012/7/73/IGEM_Logo.jpg);
+
      width:200px;
-
        width:240px;
+
      margin-left:10px;
-
        height:150px;
+
      margin-right:10px;
-
        float:left;
+
      background-color:#DDFFFF;
-
        position:relative;
+
      display:none;
-
        margin-left:5px;
+
      height:auto;
-
        margin-right:5px;
+
-
        margin-bottom:5px;
+
-
        -moz-animation:flyIniGEM 2s;
+
-
        -webkit-animation:flyIniGEM 2s;
+
}
}
-
@-moz-keyframes flyIniGEM{
+
#topHeader{
-
        0%{left:0px; top:1000px;}
+
      width:965px;
-
        100%  {left:0px; top:0px;}
+
      height:320px;
}
}
-
@-webkit-keyframes flyIniGEM{
+
.firstHeading{
-
         0%{left:0px; top:1000px;}
+
         width:950px;
-
         100%  {left:0px; top:0px;}
+
        alignment-adjust:right;
 +
         visibility:hidden;
 +
        display:none;
}
}
-
.horizontalPics#HKUST_iGEM_Logo{
+
#contentSub{
-
         background-color:#FFF;
+
         display:none;
-
        float:left;
+
-
        margin-left:5px;
+
-
        margin-right:5px;
+
-
        margin-top:5px;
+
-
        position:relative;
+
-
        -moz-animation:flyInHKUSTLogo 2s;
+
-
        -webkit-animation:flyInHKUSTLogo 2s;
+
}
}
-
@-moz-keyframes flyInHKUSTLogo{
+
#globalWrapper{
-
         0%{left:0px; bottom:1000px;}
+
         background-color:#999;
-
        100%  {left:0px; bottom:0px;}
+
}
}
-
@-webkit-keyframes flyInHKUSTLogo{
+
#content {
-
        0%{left:0px; bottom:1000px;}
+
background-color: #FFF;
-
        100%  {left:0px; bottom:0px;}
+
border-left-color:#FFF;
 +
border-right-color:#FFF;
}
}
-
.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{
+
#Navigation_top{
-
        0%{right:1000px; top:0px;}
+
padding-top:20px;
-
        100%  {right:0px; top:0px;}
+
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 flyInTEMP{
+
.Navigation_Buttons{
-
        0%{right:1000px; top:0px;}
+
width:168px;
-
        100%  {right:0px; top:0px;}
+
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;
}
}
-
 
+
.Navigation_Buttons#Team{
-
#leftColumn{
+
clear:both;
-
width:220px;
+
-
padding-top:10px;
+
-
padding-bottom:10px;
+
-
height:300px;
+
-
float:left;
+
-
background-color:#999;
+
}
}
-
#rightColumn{
+
.Navigation_Buttons h3 p{
-
        width:220px;
+
color:#FFFFFF;
-
        padding-top:10px;
+
-
        padding-bottom:10px;
+
-
        height:300px;
+
-
        float:right;
+
-
        background-color:#999;
+
}
}
-
#Home_Caption{
+
div.Navigation_Content{
-
width:200px;
+
width:950px;
-
height:50px;
+
height:auto;
-
position:relative;
+
margin:7px;
-
margin:10px;
+
display:none;
-
background-image:url(https://static.igem.org/mediawiki/2012/7/78/Home_Caption.jpg);
+
float:left;
-
-moz-animation:flyin1 1s;  
+
opacity:0.6;
-
        -webkit-animation:flyin1 1s;
+
background-color:#555555;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
#Team_Caption{
+
.Navigation_Content#Home_Content{
-
width:200px;
+
position:inherit;
-
height:50px;
+
-
position:relative;
+
-
margin:10px;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/0/09/Team_Caption.jpg);
+
-
-moz-animation:flyin2 1.5s;
+
-
        -webkit-animation:flyin2 1.5s;
+
}
}
-
#Team_Profile_Caption{
+
.Content_Buttons{
-
width:200px;
+
width:164px;
-
height:50px;
+
height:50px;
-
position:relative;
+
margin:10px;
-
margin:10px;
+
background-color:#000000;
-
background-image:url(https://static.igem.org/mediawiki/2012/9/91/Team_Profile_Caption.jpg);
+
padding-top:20px;
-
-moz-animation:flyin3 2s;  
+
opacity:1.0;
-
        -webkit-animation:flyin3 2s;
+
position:relative;
 +
text-align:center;
 +
vertical-align:middle;
 +
float:left;
 +
border:3px solid #FFFFFF;
 +
border-radius:7px;
 +
-moz-border-radius:7px;
}
}
-
#Project_Caption{
+
.Content_Buttons p a{
-
width:200px;
+
color:#33DDFF;
-
height:50px;
+
text-decoration:none;
-
position:relative;
+
size:10px;
-
margin:10px;
+
-
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{
+
.Upper_Logos#iGEM_Logo{
-
width:200px;
+
width:100px;
-
height:50px;
+
height:80px;
-
position:relative;
+
background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png');
-
margin:10px;
+
background-size:100px 80px;
-
background-image:url(https://static.igem.org/mediawiki/igem.org/f/f1/Parts_Caption.jpg);
+
background-repeat:no-repeat;
-
-moz-animation:flyin5 3s;  
+
float:left;
-
        -webkit-animation:flyin5 3s;
+
}
}
-
#Modeling_Caption{
+
.Upper_Logos#HKUST_Logo{
-
        width:200px;
+
width:270px;
-
        height:50px;
+
height:80px;
-
        position:relative;
+
background-image:url('https://static.igem.org/mediawiki/2012/9/97/HKUST_Logo_Final.jpg');
-
        margin:10px;
+
background-size:270px 80px;
-
        background-image:url(https://static.igem.org/mediawiki/2012/d/d9/Modeling_Caption.jpg);
+
background-repeat:no-repeat;
-
        -moz-animation:flyin6 1s;
+
float:right;
-
        -webkit-animation:flyin6 1s;
+
}
}
-
#Notebook_Caption{
+
.Upper_Logos#HKUST_iGEM_Logl{
-
        width:200px;
+
width:114px;
-
        height:50px;
+
height:80px;
-
        position:relative;
+
background-image:url('https://static.igem.org/mediawiki/2012/4/43/295197_446935765350523_472857901_n.jpg');
-
        margin:10px;
+
background-size:104px 80px;
-
        background-image:url(https://static.igem.org/mediawiki/2012/4/4c/Notebook_Caption.jpg);
+
background-repeat:no-repeat;
-
        -moz-animation:flyin7 1.5s;
+
float:left;
-
        -webkit-animation:flyin7 1.5s;      
+
}
}
-
#Safety_Caption{
+
#Side_Bar{
-
        width:200px;
+
clear:both;
-
        height:50px;
+
width:265px;
-
        position:relative;
+
height:auto;
-
        margin:10px;
+
background-color:#CCFFCC;
-
        background-image:url(https://static.igem.org/mediawiki/2012/1/1d/Safey_Caption.jpg);
+
float:right;
-
        -moz-animation:flyin8 2s;
+
border:3px solid #99FF99;
-
        -webkit-animation:flyin8 2s;      
+
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
-
@-moz-keyframes flyin1{
+
#News_Bar{
-
0%  {top:0px; right:400px; visibility:hidden;}
+
background-color:#FFDDDD;
-
100%  {top:0px; right:0px; visibility:visible;}
+
border:3px solid #FF9999;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
width:265px;
 +
height:auto;
 +
padding-bottom:10px;
 +
margin-bottom:10px;
}
}
-
@-webkit-keyframes flyin1{
+
#News_Content{
-
0% {top:0px; right:400px; visibility:hidden;}
+
border:1px solid #FF9999;
-
100%    {top:0px; right:0px; visibility:visible;}
+
width:250px;
 +
height:200px;
 +
overflow:auto;
 +
border-radius:6px;
 +
-moz-border-radius:6px;
 +
display:none;
}
}
-
@-moz-keyframes flyin2{
+
</style>
-
0%  {top:0px; right:400px; visibility:hidden;}
+
-
33%  {top:0px; right:400px; visibility:hidden;}
+
-
100%  {top:0px; right:0px; visibility:visible;}
+
-
}
+
-
@-webkit-keyframes flyin2{
+
</head>
-
0% {top:0px; right:400px; visibility:hidden;}
+
<body>
-
33%    {top:0px; right:400px; visibility:hidden;}
+
        <div id="Navigation_top">
-
100%    {top:0px; right:0px; visibility:visible;}
+
          <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="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 class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
-
@-moz-keyframes flyin3{
+
          <div class="Navigation_Content" id="Team_Content">
-
0%  {top:0px; right:400px; visibility:hidden;}
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></div>
-
50%  {top:0px; right:400px; visibility:hidden;}
+
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></div>
-
100%  {top:0px; right:0px; visibility:visible;}
+
              <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 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>
-
@-webkit-keyframes flyin3{
 
-
0% {top:0px; right:400px; visibility:hidden;}
 
-
50%    {top:0px; right:400px; visibility:hidden;}
 
-
100%    {top:0px; right:0px; visibility:visible;}
 
-
}
 
-
@-moz-keyframes flyin4{
+
<div id="Side_Bar" align=center>
-
0%  {top:0px; right:400px; visibility:hidden;}
+
  <object type="application/x-shockwave-flash" height="120" width="250" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
-
60%  {top:0px; right:400px; visibility:hidden;}
+
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
-
100%  {top:0px; right:0px; visibility:visible;}
+
<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>
-
@-webkit-keyframes flyin4{
+
<div id="Chrome_Rec" width="240px" height="40px" style="padding:10px;">
-
0% {top:0px; right:400px; visibility:hidden;}
+
<img src="https://static.igem.org/mediawiki/2012/c/c1/Google_Chrome.png"  width="35px" height="35px" id="Chrome_Logo" style="float:left;">
-
60%    {top:0px; right:400px; visibility:hidden;}
+
<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>
-
100%    {top:0px; right:0px; visibility:visible;}
+
<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>
-
@-moz-keyframes flyin5{
+
</div>
-
0%  {top:0px; right:400px; visibility:hidden;}
+
-
66%  {top:0px; right:400px; visibility:hidden;}
+
-
100%  {top:0px; right:0px; visibility:visible;}
+
-
}
+
-
@-webkit-keyframes flyin5{
+
        <div id="Slideshow">
-
0% {top:0px; right:400px; visibility:hidden;}
+
<ul>
-
66%    {top:0px; right:400px; visibility:hidden;}
+
<li>
-
100%    {top:0px; right:0px; visibility:visible;}
+
        <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>
 +
-
@-moz-keyframes flyin6{
+
        </div>
-
0%  {top:0px; left:400px; visibility:hidden;}
+
-
100%  {top:0px; left:0px; visibility:visible;}
+
-
}
+
-
@-webkit-keyframes flyin6{
+
        <div id="paragraph1" class="bodyParagraphs">
-
0% {top:0px; left:400px; visibility:hidden;}
+
          <div align="left">
-
100%    {top:0px; left:0px; visibility:visible;}
+
              <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">
-
@-moz-keyframes flyin7{
+
#Slideshow{
-
0%  {top:0px; left:400px; visibility:hidden;}
+
width:4000px;
-
33%  {top:0px; left:400px; visibility:hidden;}
+
box-shadow: 5px 5px 5px #888888;
-
100%  {top:0px; left:0px; visibility:visible;}
+
}
}
-
@-webkit-keyframes flyin7{
+
#Slideshow ul{
-
0% {top:0px; left:400px; visibility:hidden;}
+
list-style:none;
-
33%    {top:0px; left:400px; visibility:hidden;}
+
width:4000px;
-
100%    {top:0px; left:0px; visibility:visible;}
+
margin:0;
 +
padding:0;
 +
position:relative;
}
}
-
@-moz-keyframes flyin8{
+
#Slideshow li{
-
0%  {top:0px; left:400px; visibility:hidden;}
+
display:inline;
-
50%  {top:0px; left:400px; visibility:hidden;}
+
float:left;
-
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>
+
<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>
-
<body>
+
-
        <div id="topHeader">
+
-
<div id="leftColumn" align="justify">
+
-
        <div id="Home_Caption">
+
-
        <a href="/Team:HKUST-Hong Kong">
+
-
                    <img src='https://static.igem.org/mediawiki/2012/7/78/Home_Caption.jpg'>
+
-
                </a>
+
-
        </div>
+
-
             
+
-
        <div id="Team_Caption">
+
-
                <a href="/Team:HKUST-Hong Kong/Team">
+
-
                    <img src='https://static.igem.org/mediawiki/2012/0/09/Team_Caption.jpg'>
+
-
                </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">
+
-
                <a href="/Team:HKUST-Hong Kong/Project">
+
-
                    <img src='https://static.igem.org/mediawiki/2012/e/ea/Project.jpg'>
+
-
                </a>
+
-
        </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="HKUST_Link" class="verticalPics">
+
-
                </div>
+
<script type="text/javascript">
-
                <div id="horizontalCombine">
+
-
                <div id="iGEM_Logo" class="horizontalPics">
+
-
                </div>
+
$(function(){
 +
 +
$('#Slideshow').infiniteCarousel();
-
                <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>
+
</script>
-
               
+
         </div>
         </div>
-
         <div id="rightColumn">
+
         <div id="paragraph2" class="bodyParagraphs">
-
 
+
          <div align="center">
-
        <div id="Modeling_Caption">
+
              <h1><p align = "center" ><font size=30>Why B. hercules?</font></p></h1> </div>
-
              <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Modeling">
+
<p>
-
                    <img src='https://static.igem.org/mediawiki/2012/d/d9/Modeling_Caption.jpg'>
+
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>
-
              </a>
+
<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="Notebook_Caption">
+
<style type="text/css">
-
              <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 id="Safety_Caption">
+
#paragraph1{
-
              <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">
+
background-color:#EDFFFF;
-
                    <img src='https://static.igem.org/mediawiki/2012/1/1d/Safey_Caption.jpg'>
+
width:680px;
-
              </a>
+
height:auto;
-
        </div>
+
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;
 +
}
-
        <div id="Attributions_Caption">
+
#paragraph2{
-
             
+
background-color:#FFEDFF;
-
        </div>
+
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;
 +
}
-
        </div>
+
#paragraph3{
-
        </div>
+
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;
 +
}
-
        <div id="paragraph1" class="bodyParagraphs">
+
.Sitemap_Content{
-
 
+
background-color:#CCFFCC;
-
        </div>
+
opacity:0.8;
-
 
+
width:230px;
-
        <div id="paragraph2" class="bodyParagraphs">
+
height:auto;
-
 
+
float:left;
-
        </div>
+
margin:1px;
-
 
+
padding-bottom:5px;
-
        <div id="paragraph3" class="bodyParagraphs">
+
padding-left:5px;
-
 
+
border:3px solid #99FF99;
-
        </div>
+
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.