Team:HKUST-Hong Kong
From 2012.igem.org
(554 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"> | ||
- | + | .firstHeading { | |
- | + | height:0px; | |
- | + | visibility:hidden; | |
} | } | ||
- | + | #content { | |
- | + | border-left-width:1px; | |
- | + | border-right-width:1px; | |
- | + | width:965px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #top-section { | |
- | # | + | background-position: center center; |
- | + | background-repeat: no-repeat; | |
+ | background-color: #92d2ff; | ||
+ | border-width:0px; | ||
+ | height:0; | ||
} | } | ||
- | + | #siteSub { | |
- | # | + | display:none; |
- | + | ||
} | } | ||
- | + | #contentSub { | |
- | # | + | display:none; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #search-controls { | |
- | # | + | margin-top:14px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #menubar { | |
- | + | background-color: #000000; | |
- | + | top: -4px; | |
- | + | width: 488px; | |
+ | height:40px; | ||
+ | position:absolute; | ||
+ | top:-40px; | ||
+ | border-bottom:3px solid #FF8A00; | ||
} | } | ||
- | + | #menubar ul li a { | |
- | + | color: #007da6; | |
- | + | ||
} | } | ||
- | # | + | #menubar.right-menu{ |
- | + | positon:relative; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .right-menu li a { |
- | + | color: #007da6; | |
- | + | background-color: #000000; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #search-controls{ | |
- | + | display:none; | |
- | + | ||
} | } | ||
- | + | #Notebook_Content{ | |
- | + | width:200px; | |
- | + | margin-left:10px; | |
+ | margin-right:10px; | ||
+ | background-color:#FFDDFF; | ||
+ | display:none; | ||
+ | height:auto; | ||
} | } | ||
- | + | #Modeling_Content{ | |
- | + | width:200px; | |
- | + | margin-left:10px; | |
- | + | margin-right:10px; | |
- | + | background-color:#DDFFFF; | |
- | + | display:none; | |
- | + | height:auto; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #topHeader{ | |
- | + | width:965px; | |
- | + | height:320px; | |
} | } | ||
- | + | .firstHeading{ | |
- | + | width:950px; | |
- | + | alignment-adjust:right; | |
+ | visibility:hidden; | ||
+ | display:none; | ||
} | } | ||
- | + | #contentSub{ | |
- | + | display:none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #globalWrapper{ | |
- | + | background-color:#999; | |
- | + | ||
} | } | ||
- | + | #content { | |
- | + | background-color: #FFF; | |
- | + | border-left-color:#FFF; | |
+ | border-right-color:#FFF; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | #Navigation_top{ | |
- | + | padding-top:20px; | |
- | + | 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; | ||
} | } | ||
- | + | .Navigation_Buttons{ | |
- | + | width:168px; | |
- | + | 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{ | |
- | # | + | clear:both; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .Navigation_Buttons h3 p{ | |
- | + | color:#FFFFFF; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | div.Navigation_Content{ | |
- | + | width:950px; | |
- | + | height:auto; | |
- | + | margin:7px; | |
- | + | display:none; | |
- | + | float:left; | |
- | + | opacity:0.6; | |
- | + | background-color:#555555; | |
+ | border:3px solid #000000; | ||
+ | border-radius:10px; | ||
+ | -moz-border-radius:10px; | ||
} | } | ||
- | # | + | .Navigation_Content#Home_Content{ |
- | + | position:inherit; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .Content_Buttons{ | |
- | + | width:164px; | |
- | + | height:50px; | |
- | + | 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; | ||
} | } | ||
- | + | .Content_Buttons p a{ | |
- | + | color:#33DDFF; | |
- | + | text-decoration:none; | |
- | + | size:10px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | .Upper_Logos#iGEM_Logo{ |
- | + | width:100px; | |
- | + | height:80px; | |
- | + | background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png'); | |
- | + | background-size:100px 80px; | |
- | + | background-repeat:no-repeat; | |
- | + | float:left; | |
- | + | ||
} | } | ||
- | # | + | .Upper_Logos#HKUST_Logo{ |
- | + | width:270px; | |
- | + | height:80px; | |
- | + | 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; | |
- | + | ||
} | } | ||
- | # | + | .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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </head> | |
- | + | <body> | |
- | + | <div id="Navigation_top"> | |
- | + | <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> | ||
- | + | <div class="Navigation_Content" id="Team_Content"> | |
- | + | <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 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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <div id="Side_Bar" align=center> | |
- | + | <object type="application/x-shockwave-flash" height="120" width="250" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf"> | |
- | + | <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 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"> | ||
- | + | #Slideshow{ | |
- | + | width:4000px; | |
- | + | box-shadow: 5px 5px 5px #888888; | |
- | + | ||
} | } | ||
- | + | #Slideshow ul{ | |
- | + | list-style:none; | |
- | + | width:4000px; | |
- | + | margin:0; | |
+ | padding:0; | ||
+ | position:relative; | ||
} | } | ||
- | + | #Slideshow li{ | |
- | + | display:inline; | |
- | + | float:left; | |
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
- | </ | + | <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> | ||
- | < | + | <script type="text/javascript"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $(function(){ | |
- | + | ||
- | + | $('#Slideshow').infiniteCarousel(); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | }); | |
- | + | ||
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<div id="paragraph2" class="bodyParagraphs"> | <div id="paragraph2" class="bodyParagraphs"> | ||
- | + | <div align="center"> | |
+ | <h1><p align = "center" ><font size=30>Why B. hercules?</font></p></h1> </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> | ||
- | |||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
#paragraph1{ | #paragraph1{ | ||
background-color:#EDFFFF; | background-color:#EDFFFF; | ||
- | width: | + | width:680px; |
- | height: | + | height:auto; |
float:left; | float:left; | ||
+ | padding-bottom:5px; | ||
+ | padding-left:5px; | ||
margin-top:5px; | margin-top:5px; | ||
margin-bottom:5px; | margin-bottom:5px; | ||
+ | border:3px solid #A1FFFF; | ||
+ | border-radius: 10px; | ||
+ | -moz-border-radius:10px; | ||
} | } | ||
#paragraph2{ | #paragraph2{ | ||
background-color:#FFEDFF; | background-color:#FFEDFF; | ||
- | width: | + | width:680px; |
- | height: | + | height:330px; |
float:left; | float:left; | ||
+ | padding-bottom:5px; | ||
+ | padding-left:5px; | ||
margin-top:5px; | margin-top:5px; | ||
margin-bottom:5px; | margin-bottom:5px; | ||
+ | border:3px solid #FFA1FF; | ||
+ | border-radius:10px; | ||
+ | -moz-border-radius:10px; | ||
} | } | ||
#paragraph3{ | #paragraph3{ | ||
background-color:#FFFFDD; | background-color:#FFFFDD; | ||
- | width: | + | width:680px; |
- | height: | + | height:auto; |
float:left; | float:left; | ||
margin-top:5px; | margin-top:5px; | ||
margin-bottom: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
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.