Team:HKUST-Hong Kong

From 2012.igem.org

(Difference between revisions)
 
(207 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(){
+
-
    $('#Notebook_Caption').stop().toggle(1000);
+
-
    $('#Safety_Caption').stop().toggle(1000);
+
-
    $('#Modeling_Content').stop().slideToggle("slow");
+
-
    });
+
-
    $('#Notebook_Caption').click(function(){
+
-
    $('#Modeling_Caption').stop().toggle(1000);
+
-
    $('#Safety_Caption').stop().toggle(1000);
+
-
    $('#Notebook_Content').stop().slideToggle("slow");
+
-
    });
+
-
    $('#Team_Caption').mouseover(function(){
+
-
    $('#Team_Caption').stop().animate({height:60,width:230},100);
+
-
    });
+
-
    $('#Team_Caption').mouseleave(function(){
+
-
    $('#Team_Caption').stop().animate({height:50,width:200},100);
+
-
    });
+
-
    $('#Team_Profile_Caption').mouseover(function(){
+
-
    $('#Team_Profile_Caption').stop().animate({height:60,width:230},100);
+
-
    });
+
-
    $('#Team_Profile_Caption').mouseleave(function(){
+
-
    $('#Team_Profile_Caption').stop().animate({height:50,width:200},100);
+
-
    });
+
-
    $('#Project_Caption').mouseover(function(){
+
-
    $('#Project_Caption').stop().animate({height:60,width:230},100);
+
-
    });
+
-
    $('#Project_Caption').mouseleave(function(){
+
-
    $('#Project_Caption').stop().animate({height:50,width:200},100);
+
-
    });
+
-
    $('#Parts_Caption').mouseover(function(){
+
-
    $('#Parts_Caption').stop().animate({height:60,width:230},100);
+
-
    });
+
-
    $('#Parts_Caption').mouseleave(function(){
+
-
    $('#Parts_Caption').stop().animate({height:50,width:200},100);
+
-
    });
+
-
    $('#Home').mouseover(function(){
+
-
    $('#Home').stop(true,false).animate({boxShadow:"10px 10px 10px #AAAAAA", top:"-5px", left:"-5px"},100);
+
-
    });
+
-
    $('#Home').mouseleave(function(){
+
-
    $('#Home').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
+
     });
     });
     $('#Project').mouseover(function(){
     $('#Project').mouseover(function(){
-
     $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #AAAAAA", top:"-5px", left:"-5px"},100);
+
     $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
     $('#Project').mouseleave(function(){
     $('#Project').mouseleave(function(){
-
     $('#Project').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
+
     $('#Projectnction(){
 +
    $('#Human_practice').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
-
     $('#Team').mouseover(function(){
+
     $('#Human_practice').mouseleave(function(){
-
     $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #AAAAAA", top:"-5px", left:"-5px"},100);
+
     $('#Human_practice').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
     });
     });
-
     $('#Team').mouseleave(function(){
+
     $('#Wet_lab').mouseover(function(){
-
     $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
+
     $('#Wet_lab').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
-
     $('#Parts').mouseover(function(){
+
     $('#Wet_lab').mouseleave(function(){
-
    $('#Parts').stop(true,false).animate({boxShadow:"10px 10px 10px #AAAAAA", top:"-5px", left:"-5px"},100);
+
     $('#Wet_lab').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
-
    });
+
-
    $('#Parts').mouseleave(function(){
+
-
     $('#Parts').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
+
     });
     });
     $('#Extras').mouseover(function(){
     $('#Extras').mouseover(function(){
-
     $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #AAAAAA", top:"-5px", left:"-5px"},100);
+
     $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
     });
     });
     $('#Extras').mouseleave(function(){
     $('#Extras').mouseleave(function(){
-
     $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #FFBB55", top:"0px", left:"0px"},100);
+
     $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
     });
     });
-
     $('#Home').click(function(){
+
     $('#Team').click(function(){
-
     $('#Home_Content').stop(true,false).slideToggle("slow");
+
     $('#Team_Content').slideToggle("slow");
     });
     });
     $('#Project').click(function(){
     $('#Project').click(function(){
-
     $('#Project_Content').stop(true,false).slideToggle("slow");
+
     $('#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').mouseover(function(){
-
     $('#menubar').stop().animate({top:"0px"},100);
+
     $('#menubar').stop().animate({top:"0px"},500);
     });
     });
     $('#menubar').mouseleave(function(){
     $('#menubar').mouseleave(function(){
-
     $('#menubar').stop().animate({top:"-20px"},100);
+
     $('#menubar').stop().animate({top:"-40px"},500);
     });
     });
     $('#menubar.right-menu').mouseover(function(){
     $('#menubar.right-menu').mouseover(function(){
-
     $('#menubar.right-menu').stop().animate({top:"0px"},100);
+
     $('#menubar.right-menu').stop().animate({top:"0px"},500);
     });
     });
     $('#menubar.right-menu').mouseleave(function(){
     $('#menubar.right-menu').mouseleave(function(){
-
     $('#menubar.right-menu').stop().animate({top:"-20px"},100);
+
     $('#menubar.right-menu').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#News_Click').click(function(){
 +
    $('#News_Content').slideToggle("slow");
     });
     });
   });
   });
Line 134: Line 104:
     height:40px;
     height:40px;
     position:absolute;
     position:absolute;
-
     top:-20px;
+
     top:-40px;
-
     border-bottom:3px solid #AAAAAA;
+
     border-bottom:3px solid #FF8A00;
}
}
Line 199: Line 169:
}
}
-
#middleColumn{
 
-
        background-color: #EEE;
 
-
        width: 500px;
 
-
        height: 310px;
 
-
        padding: 5px;
 
-
        float: left;
 
-
        margin-left: 8px;
 
-
}
 
-
 
-
.verticalPics{
 
-
        width:120px;
 
-
        height:310px;
 
-
}
 
-
 
-
.horizontalPics{
 
-
        width:240px;
 
-
        height:150px;
 
-
}
 
-
 
-
#horizontalCombine{
 
-
        width:250px;
 
-
        height:310px;
 
-
        float:left;
 
-
}
 
-
 
-
.verticalPics#HKUST_Link{
 
-
        background-image:url(https://static.igem.org/mediawiki/2012/a/a4/HKUST_Link.jpg);
 
-
        width:120px;
 
-
        height:310px;
 
-
        float:left;
 
-
        margin-right:5px;
 
-
        position:relative;
 
-
        -moz-animation:flyInHKUST 2s;
 
-
        -webkit-animation:flyInHKUST 2s;
 
-
}
 
-
 
-
@-moz-keyframes flyInHKUST {
 
-
        0%      {left:1000px; top:0px;}
 
-
        100%  {left:0px; top:0px;}
 
-
}
 
-
 
-
@-webkit-keyframes flyInHKUST{
 
-
        0%      {left:1000px; top:0px;}
 
-
        100%  {left:0px; top:0px;}
 
-
}
 
-
 
-
.horizontalPics#iGEM_Logo{
 
-
        background-image:url(https://static.igem.org/mediawiki/2012/7/73/IGEM_Logo.jpg);
 
-
        width:240px;
 
-
        height:150px;
 
-
        float:left;
 
-
        position:relative;
 
-
        margin-left:5px;
 
-
        margin-right:5px;
 
-
        margin-bottom:5px;
 
-
        -moz-animation:flyIniGEM 2s;
 
-
        -webkit-animation:flyIniGEM 2s;
 
-
}
 
-
 
-
@-moz-keyframes flyIniGEM{
 
-
        0%{left:0px; top:1000px;}
 
-
        100%  {left:0px; top:0px;}
 
-
}
 
-
 
-
@-webkit-keyframes flyIniGEM{
 
-
        0%{left:0px; top:1000px;}
 
-
        100%  {left:0px; top:0px;}
 
-
}
 
-
 
-
.horizontalPics#HKUST_iGEM_Logo{
 
-
        background-color:#FFF;
 
-
        float:left;
 
-
        margin-left:5px;
 
-
        margin-right:5px;
 
-
        margin-top:5px;
 
-
        position:relative;
 
-
        -moz-animation:flyInHKUSTLogo 2s;
 
-
        -webkit-animation:flyInHKUSTLogo 2s;
 
-
}
 
-
 
-
@-moz-keyframes flyInHKUSTLogo{
 
-
        0%{left:0px; bottom:1000px;}
 
-
        100%  {left:0px; bottom:0px;}
 
-
}
 
-
 
-
@-webkit-keyframes flyInHKUSTLogo{
 
-
        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{
#Navigation_top{
Line 412: Line 176:
background-color: #FFBB55;
background-color: #FFBB55;
float:left;
float:left;
-
border-left:3px solid #FF4400;
+
border-left:3px solid #FF8A00;
-
border-right:3px solid #FF4400;
+
border-right:3px solid #FF8A00;
-
border-bottom:3px solid #FF4400;
+
border-bottom:3px solid #FF8A00;
position:relative;
position:relative;
background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg');
background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg');
-
top:-11px;
+
top:-20px;
left:-6px;
left:-6px;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
.Navigation_Buttons{
.Navigation_Buttons{
-
width:174px;
+
width:168px;
height:50px;
height:50px;
margin:10px;
margin:10px;
position:relative;
position:relative;
float:left;
float:left;
-
}
+
background-color:#333333;
-
 
+
opacity:0.6;
-
.Navigation_Buttons#Home{
+
border:3px solid #000000;
-
background-color:#FFBBFF;
+
border-radius:10px;
-
}
+
-moz-border-radius:10px;
-
 
+
-
.Navigation_Buttons#Project{
+
-
background-color:#DDFFFF;
+
}
}
.Navigation_Buttons#Team{
.Navigation_Buttons#Team{
-
background-color:#FFFFDD;
+
clear:both;
}
}
-
.Navigation_Buttons#Parts{
+
.Navigation_Buttons h3 p{
-
background-color:#FF99BB;
+
color:#FFFFFF;
-
}
+
-
 
+
-
.Navigation_Buttons#Extras{
+
-
background-color:#BBBBFF;
+
-
 
+
}
}
Line 453: Line 211:
width:950px;
width:950px;
height:auto;
height:auto;
-
margin:10px;
+
margin:7px;
display:none;
display:none;
float:left;
float:left;
opacity:0.6;
opacity:0.6;
background-color:#555555;
background-color:#555555;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
}
}
Line 465: Line 226:
.Content_Buttons{
.Content_Buttons{
-
width:170px;
+
width:164px;
height:50px;
height:50px;
margin:10px;
margin:10px;
background-color:#000000;
background-color:#000000;
 +
padding-top:20px;
opacity:1.0;
opacity:1.0;
position:relative;
position:relative;
text-align:center;
text-align:center;
vertical-align:middle;
vertical-align:middle;
 +
float:left;
 +
border:3px solid #FFFFFF;
 +
border-radius:7px;
 +
-moz-border-radius:7px;
}
}
-
.Upper_Logos#iGEM_Logo2{
+
.Content_Buttons p a{
 +
color:#33DDFF;
 +
text-decoration:none;
 +
size:10px;
 +
}
 +
 
 +
.Upper_Logos#iGEM_Logo{
width:100px;
width:100px;
height:80px;
height:80px;
Line 481: Line 253:
background-size:100px 80px;
background-size:100px 80px;
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
float:left;
}
}
-
.Upper_Logos#HKUST_Logo2{
+
.Upper_Logos#HKUST_Logo{
-
width:100px;
+
width:270px;
height:80px;
height:80px;
-
background-image:url('https://static.igem.org/mediawiki/2012/b/b0/UCL-Igem.png');
+
background-image:url('https://static.igem.org/mediawiki/2012/9/97/HKUST_Logo_Final.jpg');
-
background-size:70px 80px;
+
background-size:270px 80px;
background-repeat:no-repeat;
background-repeat:no-repeat;
-
position:relative;
+
float:right;
-
left:100px;
+
}
}
 +
 +
.Upper_Logos#HKUST_iGEM_Logl{
 +
width:114px;
 +
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;
 +
}
 +
 +
#Side_Bar{
 +
clear:both;
 +
width:265px;
 +
height:auto;
 +
background-color:#CCFFCC;
 +
float:right;
 +
border:3px solid #99FF99;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 +
#News_Bar{
 +
background-color:#FFDDDD;
 +
border:3px solid #FF9999;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
width:265px;
 +
height:auto;
 +
padding-bottom:10px;
 +
margin-bottom:10px;
 +
}
 +
 +
#News_Content{
 +
border:1px solid #FF9999;
 +
width:250px;
 +
height:200px;
 +
overflow:auto;
 +
border-radius:6px;
 +
-moz-border-radius:6px;
 +
display:none;
 +
}
 +
</style>
</style>
Line 497: Line 311:
<body>
<body>
         <div id="Navigation_top">
         <div id="Navigation_top">
-
           <div id="iGEM_Logo2" class="Upper_Logos"></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>
-
          <div id="HKUST_Logo2" class="Upper_Logos"></div>
+
           <a href="http://www.ust.hk"><img id="HKUST_Logo" class="Upper_Logos" src=""></a>
-
           <div class="Navigation_Buttons" id="Home" align="center" style="outline:0px solid #FFBBFF"><h3><p style="position:relative" align="center">HOME</p></h3></div>
+
          <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="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="Team" align="center"><h3><p>TEAM</p></h3></div>
-
           <div class="Navigation_Buttons" id="Parts" align="center"><h3><p>PARTS</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>
           <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
-
           <div class="Navigation_Content" id="Home_Content">
+
           <div class="Navigation_Content" id="Team_Content">
-
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong">Home Page</a></p></div>
+
               <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>content1</p></div>
+
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></div>
-
              <div class="Content_Buttons"><p>content2</p></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>content3</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>content4</p></div>
+
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Advisors">Advisors</a></p></div>
-
               <div class="Content_Buttons""><p>content5</p></div>
+
-
               <div class="Content_Buttons"><p>content6</p></div>
+
           </div>
           </div>
           <div class="Navigation_Content" id="Project_Content">
           <div class="Navigation_Content" id="Project_Content">
-
               <div class="Content_Buttons"><p>Our Project</p></div>
+
               <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/Project">Project Description</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>content1</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>content2</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>content3</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 class="Content_Buttons"><p>content4</p></div>
+
           </div>
           </div>
-
           <div class="Navigation_Content" id="Team_Content" align="center">
+
           <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>
-
           <div class="Navigation_Content" id="Parts_Content" align="center">
+
           <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>
           <div class="Navigation_Content" id="Extras_Content" align="center">
           <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>
-
        <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><p><font color="red"><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project">*NEW! click here to view our project description!</a></font></p></div>
 
-
        <div id="topHeader">
+
<div id="Side_Bar" align=center>
-
<div id="leftColumn">
+
  <object type="application/x-shockwave-flash" height="120" width="250" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
-
        <div id="Home_Caption_Div">
+
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
-
        <a href="/Team:HKUST-Hong Kong" id="Home_Caption">
+
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
-
               
+
<param name="flashvars" value="
-
                </a>
+
      &timer=1&
-
        </div>
+
      &time_template=3:ss;2:mm;1:hh;0:dd&
-
             
+
      &time_color=0x000000&
-
        <div id="Team_Caption">
+
      &label_color=0x000000&
-
                <a href="/Team:HKUST-Hong Kong/Team">
+
      &background_color=0xFFFFFF&
-
                   
+
      &flare_view=true&
-
                </a>
+
      &time_label=d:DAY;h:HOUR;m:MIN;s:SEC&
-
       
+
      &time_zone=Local time&
-
        </div>
+
      &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&
-
        <div id="Team_Profile_Caption">
+
      &event_recursion=hourly&
-
                <a href="https://igem.org/Team.cgi?year=2012">
+
      &onpress_url=-&
-
                    <img src='https://static.igem.org/mediawiki/2012/9/91/Team_Profile_Caption.jpg'>
+
      &event_onpress_url=-&
-
                </a>
+
      &title=time to HKUST!&
-
        </div>
+
      &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="Project_Caption">
+
<div id="Chrome_Rec" width="240px" height="40px" style="padding:10px;">
-
                <a href="/Team:HKUST-Hong Kong/Project">
+
<img src="https://static.igem.org/mediawiki/2012/c/c1/Google_Chrome.png"  width="35px" height="35px" id="Chrome_Logo" style="float:left;">
-
                    <img src='https://static.igem.org/mediawiki/2012/e/ea/Project.jpg'>
+
<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>
-
                </a>
+
<div class="Sitemap_Content">
-
        </div>
+
<p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong"><b>Home</b></a></p>
-
        <div id="Parts_Caption">      
+
</div>
-
                <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts">
+
<div class="Sitemap_Content">
-
                    <img src='https://static.igem.org/mediawiki/igem.org/f/f1/Parts_Caption.jpg'>
+
<li><p><b>Team</b><p><ol>
-
                </a>
+
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></li>
-
        </div>
+
<li><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></li>
-
</div>
+
<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 id="middleColumn" align="center">
+
</div>
-
                <div id="HKUST_Link" class="verticalPics">
+
-
                </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>
<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/0/07/Whole_project.JPG" width="670" height="420" />
-
             <p>Write something here</p>
+
              
-
        </li>
+
-
<li>
+
-
        <img src="https://static.igem.org/mediawiki/2012/9/9c/TestingPics2.jpg" width="500" height="300" />
+
-
            <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 670: 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 709: 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 736: 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 750: 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 762: 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.