|
|
| (99 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:Hong_Kong-CUHK/template_v1}} | + | {{:Team:Hong_Kong-CUHK/header}} |
| - | <body onload="MM_preloadImages('biggermenu_r1_c1_s2.png','biggermenu_r1_c3_s2.png','biggermenu_r1_c5_s2.png','biggermenu_r1_c7_s2.png','biggermenu_r1_c9_s2.png','biggermenu_r1_c11_s2.png','biggermenu_r1_c13_s2.png')"> | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
| - | <!-- InstanceBeginEditable name="doctitle" --> | + | <body> |
| - | <title>Untitled Document</title> | + | <table width="993" border="0" cellspacing="0" cellpadding="0" align="center" style="margin-left:auto; margin-right:auto"> |
| - | <style type="text/css"> | + | <tr> |
| - | </style> | + | |
| - | <!-- InstanceEndEditable --> | + | |
| - | <script type="text/javascript"> | + | |
| - | function MM_preloadImages() { //v3.0
| + | <td colspan="2" style="background-color:#FFF; padding:25px"><!-- InstanceBeginEditable name="EditRegion1" --> |
| - | var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
| + | <p> </p> |
| - | var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
| + | <p class="aloveofthunder" style="line-height:normal; margin-bottom:35px">WELCOME!</p> |
| - | if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
| + | <p><strong><span style="color:#00C;font-size:16px"><em>“Let there be light”</em></span></strong>, it’s the start of our universe. We see the first light from sunrise and wake up. Have you imagined the bacteria can acquire the function of eyes, to “see” the color and respond to it? Our iGEM team applied the knowledge of synthetic biology to engineer the bacteria in order to make them sense different light color and decide to move toward or away from it. To play safe, we proposed a new biosafety approach to control the engineered bacteria from gene level. Below is the abstract of our project and you will find more information in our wiki website!</p> <p> </p> |
| - | }
| + | <p style="line-height:normal; font-size:36px; margin-bottom:30px">LIGHT OF NO RETURN </p> |
| - | function MM_swapImgRestore() { //v3.0
| + | <p>Although the sensory technology has been deeply explored and implemented in various means, most of the developed sensors are chemically-dependent promoters which regulate downstream gene expression. We exploited the use of halobacterial sensors, the sensory rhodopsins which are sensitive to a wide spectrum of readily available light source and build a series of sensing systems to control cellular movement and gene regulation. This system can be executed as a fundamental part for further applications, such as cell targeting and refining. Furthermore, to counter the safety issues caused by the leakage of bioengineered cells, this sensing method altogether with the CRISPR/Cas sytem can target and achieve the cleavage of the transformed plasmid under the stimulation of natural light sources. </p> |
| - | var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
| + | <!-- InstanceEndEditable --></td> |
| - | }
| + | |
| - | function MM_findObj(n, d) { //v4.01
| + | |
| - | var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
| + | |
| - | d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} | + | |
| - | if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
| + | |
| - | for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
| + | |
| - | if(!x && d.getElementById) x=d.getElementById(n); return x;
| + | |
| - | }
| + | |
| | | | |
| - | function MM_swapImage() { //v3.0
| |
| - | var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
| |
| - | if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
| |
| - | }
| |
| - | </script>
| |
| - | <style type="text/css">
| |
| - | td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {
| |
| - | display: block;
| |
| - | z-index: 100;
| |
| - | }
| |
| - | .NoBorder {
| |
| - | border-top-style: none;
| |
| - | border-right-style: none;
| |
| - | border-bottom-style: none;
| |
| - | border-left-style: none;
| |
| - | }
| |
| - | body,td,th {
| |
| - | font-family: "A.C.M.E. Secret agent";
| |
| - | font-size: 12px;
| |
| - | line-height: 20px;
| |
| - | }
| |
| - | .aloveofthunder {
| |
| - | font-family: "A Love of Thunder";
| |
| - | font-size: 50px;
| |
| - | }
| |
| - | .horizontalrule {
| |
| - | color: #FFFF00;
| |
| - | font-weight: 900;
| |
| - | }
| |
| - | .titl {
| |
| - | font-family: "AARDVARK CAFE";
| |
| - | font-size: 32px;
| |
| - | }td img {display: block;}td img {display: block;}
| |
| - | a:link {
| |
| - | color: #000;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | a:visited {
| |
| - | text-decoration: none;
| |
| - | color: #000;
| |
| - | }
| |
| - | a:hover {
| |
| - | text-decoration: none;
| |
| - | color: #F00;
| |
| - | }
| |
| - | a:active {
| |
| - | text-decoration: none;
| |
| - | }td img {display: block;}
| |
| - | </style>
| |
| - | <!-- InstanceBeginEditable name="head" -->
| |
| - | <!-- InstanceEndEditable -->
| |
| - | </head>
| |
| | | | |
| - | <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
| |
| - | <tr>
| |
| - | <td width="1037" align="center"><table width="900" border="0" cellspacing="0" cellpadding="0">
| |
| - | <tr>
| |
| - | <td align="center"><img src="banner%201200x400.png" width="1200" height="400" />
| |
| - | <table width="100%" border="0" cellspacing="0" cellpadding="0">
| |
| - | <tr>
| |
| - | <td><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1200">
| |
| - | <!-- fwtable fwsrc="biggermenu.png" fwpage="Page 1" fwbase="biggermenu.png" fwstyle="Dreamweaver" fwdocid = "717547569" fwnested="0" -->
| |
| - | <tr>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="170" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="2" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="170" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="2" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="170" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="2" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="170" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="2" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="170" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="2" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="170" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="2" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="168" height="1" id="undefined_2" /></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="1" id="undefined_2" /></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td><a href="home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c1','','biggermenu_r1_c1_s2.png',1);"><img name="biggermenu_r1_c1" src="biggermenu_r1_c1.png" width="170" height="20" id="biggermenu_r1_c1" alt="" /></a></td>
| |
| - | <td rowspan="2" valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td><a href="team.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c3','','biggermenu_r1_c3_s2.png',1);"><img name="biggermenu_r1_c3" src="biggermenu_r1_c3.png" width="170" height="20" id="biggermenu_r1_c3" alt="" /></a></td>
| |
| - | <td rowspan="2" valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td rowspan="2"><a href="project.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c5','','biggermenu_r1_c5_s2.png',1);"><img name="biggermenu_r1_c5" src="biggermenu_r1_c5.png" width="170" height="21" id="biggermenu_r1_c5" alt="" /></a></td>
| |
| - | <td rowspan="2" valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td rowspan="2"><a href="lab.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c7','','biggermenu_r1_c7_s2.png',1);"><img name="biggermenu_r1_c7" src="biggermenu_r1_c7.png" width="170" height="21" id="biggermenu_r1_c7" alt="" /></a></td>
| |
| - | <td rowspan="2" valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td rowspan="2"><a href="human.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c9','','biggermenu_r1_c9_s2.png',1);"><img name="biggermenu_r1_c9" src="biggermenu_r1_c9.png" width="170" height="21" id="biggermenu_r1_c9" alt="" /></a></td>
| |
| - | <td rowspan="2" valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td rowspan="2"><a href="sponsors.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c11','','biggermenu_r1_c11_s2.png',1);"><img name="biggermenu_r1_c11" src="biggermenu_r1_c11.png" width="170" height="21" id="biggermenu_r1_c11" alt="" /></a></td>
| |
| - | <td rowspan="2" valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td><a href="mailto:abc@abc.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('biggermenu_r1_c13','','biggermenu_r1_c13_s2.png',1);"><img name="biggermenu_r1_c13" src="biggermenu_r1_c13.png" width="168" height="20" id="biggermenu_r1_c13" alt="" /></a></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="20" id="undefined_2" /></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td valign="top" bgcolor="#ffffff"><p style="margin:0px"></p></td>
| |
| - | <td><img src="spacer.gif" alt="" name="undefined_2" width="1" height="1" id="undefined_2" /></td>
| |
| - | </tr>
| |
| - | </table></td>
| |
| - | </tr>
| |
| - | </table></td>
| |
| - | </tr>
| |
| - | </table></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
| |
| - | <tr>
| |
| - | <td align="center"><table width="100%" border="0" cellspacing="0" cellpadding="20">
| |
| - | <tr>
| |
| - | <td align="center"><p> </p>
| |
| - | <!-- InstanceBeginEditable name="text" -->
| |
| - | <table width="100%" border="0" cellspacing="0" cellpadding="0">
| |
| - | <tr>
| |
| - | <td><p class="aloveofthunder">WELCOME!</p>
| |
| - | <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
| |
| - | <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
| |
| - | <tr>
| |
| - | <td><img src="IMAGES/Lisa-in-lab-2.jpg" width="600" height="450" /></td>
| |
| - | <td><img src="IMAGES/SON-lab.jpg" width="600" height="448" /></td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <p> </p>
| |
| - | <p class="titl">ABOUT iGEM</p>
| |
| - | <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
| |
| - | <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
| |
| - | <p> </p></td>
| |
| - | </tr>
| |
| - | </table>
| |
| - | <!-- InstanceEndEditable -->
| |
| - | <p> </p></td>
| |
| - | </tr>
| |
| - | </table></td>
| |
| - | </tr>
| |
| - | <tr>
| |
| - | <td align="center"><hr width="100%" class="horizontalrule" />
| |
| - | <p><a href="home.html">hOME</a> | <a href="team.html">Team</a> | <a href="project.html">Project</a> | <a href="lab.html">Laboratory</a> | <a href="human.html">Human Practice</a> | <a href="sponsors.html">Sponsors </a> | <a href="mailto:abc@abc.com">Contact Us!</a></p></td>
| |
| - | </tr>
| |
| - | </table></td>
| |
| | </tr> | | </tr> |
| | </table> | | </table> |
| | </body> | | </body> |
| - | <!-- InstanceEnd --></html>
| + | </html> |
| | + | {{:Team:Hong_Kong-CUHK/footer}} |
"
