Team:Hong Kong-CUHK
From 2010.igem.org
(Difference between revisions)
(→Not re-inventing the wheel) |
|||
(33 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | __NOTOC__ | |
- | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" > | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <head> | |
- | == | + | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
+ | <title>CUHK IGEM 2010--Bioencryption</title> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/plugins/system/rokbox/themes/light/rokbox-style.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/rt_moxy_j15/css/template.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/rt_moxy_j15/css/header-style8.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/rt_moxy_j15/css/body-light.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/rt_moxy_j15/css/typography.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/system/css/system.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/system/css/general.css" type="text/css" /> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/templates/rt_moxy_j15/css/menu-fusion.css" type="text/css" /> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | /* Wiki Hacks - START */ | ||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | border-bottom:none; | ||
+ | color: #333; | ||
+ | } | ||
+ | body.page-Team_Hong_Kong-CUHK { | ||
+ | color: #333; | ||
+ | } | ||
+ | #content { | ||
+ | color: #333; | ||
+ | font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; | ||
+ | font-size:14px; | ||
+ | width:auto; | ||
+ | border:0px; | ||
+ | } | ||
- | + | #globalWrapper { | |
+ | padding-bottom:0px; | ||
+ | border: none; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: 0px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0 !important; | ||
+ | margin-bottom: 0px; | ||
+ | padding:0; | ||
+ | border: 1; | ||
+ | } | ||
+ | #p-logo { | ||
+ | height:0px; | ||
+ | overflow:hidden; | ||
+ | border:none; | ||
+ | } | ||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display:none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 100px; | ||
+ | right: 40px; | ||
+ | } | ||
+ | #menubar{ | ||
+ | font-size:55%; | ||
+ | } | ||
+ | body.page-Team_Hong_Kong-CUHK h1.firstHeading { display:none; } | ||
+ | body.page-Team_Hong_Kong-CUHK #menubar { top:0px; } | ||
+ | body.page-Team_Hong_Kong-CUHK table{background:none;} | ||
+ | body.page-Team_Hong_Kong-CUHK ul.special-7 li {background: url(http://137.189.51.115/igem/templates/rt_moxy_j15/images/typo/special-7.png) no-repeat 0px 1px;} | ||
+ | body.page-Team_Hong_Kong-CUHK #main-body a, body.page-Team_Hong_Kong-CUHK #bottom a, body.page-Team_Hong_Kong-CUHK #main-content body.page-Team_Hong_Kong-CUHK #footer a, body.page-Team_Hong_Kong-CUHK a, body.page-Team_Hong_Kong-CUHK .moduletable h3 span, body.page-Team_Hong_Kong-CUHK .contentheading span {color: #1366A3;} | ||
+ | /* Wiki Hacks - END */ | ||
- | === | + | div.wrapper { margin: 0 auto; width: 982px;padding:0;} |
+ | body { min-width:982px;} | ||
+ | #inset-block-left { width:0px;padding:0;} | ||
+ | #inset-block-right { width:0px;padding:0;} | ||
+ | #maincontent-block { margin-right:0px;margin-left:0px;} | ||
+ | |||
+ | .s-c-s .colmid { left:0px;} | ||
+ | .s-c-s .colright { margin-left:-280px;} | ||
+ | .s-c-s .col1pad { margin-left:280px;} | ||
+ | .s-c-s .col2 { left:280px;width:0px;} | ||
+ | .s-c-s .col3 { width:280px;} | ||
+ | |||
+ | .s-c-x .colright { left:0px;} | ||
+ | .s-c-x .col1wrap { right:0px;} | ||
+ | .s-c-x .col1 { margin-left:0px;} | ||
+ | .s-c-x .col2 { right:0px;width:0px;} | ||
+ | |||
+ | .x-c-s .colright { margin-left:-280px;} | ||
+ | .x-c-s .col1 { margin-left:280px;} | ||
+ | .x-c-s .col3 { left:280px;width:280px;} | ||
+ | --> | ||
+ | </style> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/media/system/js/mootools.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/media/system/js/caption.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/plugins/system/rokbox/rokbox.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/plugins/system/rokbox/themes/light/rokbox-config.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/modules/mod_roknavmenu/themes/fusion/js/fusion.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/templates/rt_moxy_j15/js/rokfonts.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/templates/rt_moxy_j15/js/rokutils.js"></script> | ||
+ | <script type="text/javascript" src="http://137.189.51.115/igem/templates/rt_moxy_j15/js/rokutils.inputs.js"></script> | ||
- | + | <script type="text/javascript"> | |
+ | var rokboxPath = 'http://137.189.51.115/igem/plugins/system/rokbox/index.html'; | ||
+ | window.addEvent('domready', function() { | ||
+ | new Fusion('ul.menutop', { | ||
+ | pill: 1, | ||
+ | effect: 'slide and fade', | ||
+ | opacity: 1, | ||
+ | hideDelay: 500, | ||
+ | tweakInitial: {'x': -20, 'y': 6}, | ||
+ | tweakSubsequent: {'x': -12, 'y': -14}, | ||
+ | menuFx: {duration: 400, transition: Fx.Transitions.Quint.easeOut}, | ||
+ | pillFx: {duration: 400, transition: Fx.Transitions.Quint.easeOut} | ||
+ | }); | ||
+ | }); | ||
+ | window.templatePath = 'http://137.189.51.115/igem/igem/templates/rt_moxy_j15'; | ||
+ | window.uri = '/igem'; | ||
+ | window.currentStyle = 'style8'; | ||
+ | |||
+ | window.addEvent('domready', function() { | ||
+ | var modules = ['side-mod', 'showcase-panel', 'moduletable', 'article-rel-wrapper']; | ||
+ | var header = ['h3','h2','h1']; | ||
+ | RokBuildSpans(modules, header); | ||
+ | }); | ||
+ | InputsExclusion.push('.content_vote') | ||
+ | </script> | ||
+ | <link rel="stylesheet" href="http://137.189.51.115/igem/modules/mod_countdown/tmpl/style.css" type="text/css" /> | ||
- | + | ||
+ | </head> | ||
+ | <body id="ff-georgia" class="f-default style8 body-light head-style8 iehandle" leftmargin=0 topmargin=0> | ||
+ | <!--Begin Header--> | ||
+ | <div id="header-bg"> | ||
+ | <!--Begin Horizontal Menu--> | ||
+ | <div id="horiz-menu" class="fusion"> | ||
+ | <div class="wrapper"> | ||
+ | <div class="padding"> | ||
+ | <div id="horizmenu-surround"> | ||
+ | <ul class="menutop level1" > | ||
+ | <li class="item1 active root" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK" > | ||
+ | <span> | ||
+ | Home | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li class="item167 parent root" > | ||
+ | <a class="daddy item bullet subtext" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project" > | ||
+ | <span> | ||
+ | Project <em>iGEM 2010</em> | ||
+ | |||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | <div class="fusion-submenu-wrapper level2"> | ||
+ | <div class="drop-top"></div> | ||
+ | <ul class="level2"> | ||
+ | |||
+ | <li class="item171" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project" > | ||
+ | <span> | ||
+ | Introduction | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item185" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project_principle" > | ||
+ | <span> | ||
+ | Principle | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item191" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project_results" > | ||
+ | <span> | ||
+ | Results | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item187" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project_biosafety" > | ||
+ | <span> | ||
+ | Biosafety | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item189" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project_ethics" > | ||
+ | <span> | ||
+ | Ethics | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item190" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Project_human-practice" > | ||
+ | <span> | ||
+ | Human Practice | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </li> | ||
+ | <li class="item162 parent root" > | ||
+ | <a class="daddy item bullet subtext" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team" > | ||
+ | <span> | ||
+ | Team <em>CUHK2010</em> | ||
+ | |||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | <div class="fusion-submenu-wrapper level2"> | ||
+ | <div class="drop-top"></div> | ||
+ | <ul class="level2"> | ||
+ | |||
+ | <li class="item163" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team_overview" > | ||
+ | <span> | ||
+ | Overview | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item164" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team_students" > | ||
+ | <span> | ||
+ | Students | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item166" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team_advisors" > | ||
+ | <span> | ||
+ | Advisors | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="item184" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team_gallery" > | ||
+ | <span> | ||
+ | Gallery | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </li> | ||
+ | <li class="item182 root" > | ||
+ | <a class="orphan item bullet subtext" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Parts" > | ||
+ | <span> | ||
+ | Parts <em>Submitted</em> | ||
+ | |||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li class="item180 root" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Model" > | ||
+ | <span> | ||
+ | Modeling | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li class="item175 root" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Notebook" > | ||
+ | <span> | ||
+ | Notebook | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | <li class="item168 root" > | ||
+ | <a class="orphan item bullet" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Sponsors" > | ||
+ | <span> | ||
+ | Sponsors | ||
+ | </span> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="clr"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--End Horizontal Menu--> | ||
+ | <!--Begin Showcase--> | ||
+ | <div class="wrapper"> | ||
+ | <div id="showcase-section"> | ||
+ | <!--Begin Logo--> | ||
+ | <div class="logo-module"> | ||
+ | <a href="https://2010.igem.org/Team:Hong_Kong-CUHK" id="logo"></a> | ||
+ | </div> | ||
+ | <!--End Logo--> | ||
+ | <div class="clr"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--End Showcase--> | ||
+ | </div> | ||
+ | <!--End Header--> | ||
+ | <!--Begin Top Bar--> | ||
+ | <!--End Top Bar--> | ||
+ | <!--Begin Main Body--> | ||
+ | <div id="main-body"> | ||
+ | <div id="main-content" class="x-c-s"> | ||
+ | <div class="colmask leftmenu "><div class="wrapper"> <div class="colmid"> | ||
+ | <div class="colright"> | ||
+ | <!--Begin Main Column (col1wrap)--> | ||
+ | <div class="col1wrap"> | ||
+ | <div class="col1pad"> | ||
+ | <div class="col1"> | ||
+ | <div id="maincol"> | ||
+ | <div class="bodycontent"> | ||
+ | <div id="maincontent-block"> | ||
+ | |||
+ | |||
+ | <h1 class="componentheading"> | ||
+ | CUHK IGEM 2010--Bioencryption</h1> | ||
- | = | + | <div class="blog"> |
- | + | ||
- | + | ||
- | === | + | <div class="leading"> |
- | + | ||
+ | <div class=""> | ||
+ | <div class="article-rel-wrapper"> | ||
+ | <h2 class="contentheading"> | ||
+ | Our Project </h2> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <p><span style="font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; line-height: 17px; font-size: 13px;"><p><span class="dropcap-orange">D</span></span>ata encryption and storage has always been an important branch of research in computer engineering. In our project, we explored the possibility of harnessing a biological system as an alternative solution for data en/decryption and storage. Using bacteria as the information storage device is not new.<span> </span>However the practicability of previous research is being doubt due to the limited size of information available to be inserted into the bacteria.</p></p> | ||
+ | <p> </p> | ||
+ | <p><span style="font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; line-height: 17px; font-size: 13px;"><p><span class="dropcap-purple">W</span></span>e recognized the current barricades in developing a truly useful system and we forecasted the indispensable modules that one would be anticipating when putting fantasy into reality. This year, we have proposed a model that is a true, <span class="highlight-purple">massively parallel bacterial data storage</span> system.</p></p> | ||
+ | <p> </p> | ||
+ | <p><span style="font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; line-height: 17px; font-size: 13px;"><p><span class="dropcap-brown">I</span></span>n addition we have created an <span class="highlight-purple">encryption module</span> with the R64 Shufflon-Specific Recombinase to further secure the information. Together with the data proof-read/correction and random access modules developed, our expectation is high - we believe this could be an industrial standard in handling large scale data storage in living cells.</p></p> | ||
+ | <p> </p> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/collage_images.jpg" border="0" /></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <span class="leading_separator"> </span> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
- | === | + | </div> |
- | To | + | </div> |
+ | <div class="clr"></div> | ||
+ | <div id="mainmodules2" class="spacer w49"> | ||
+ | <div class="block first"> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/home_team.png" border="0" /></p> | ||
+ | <table border="0" width="250"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td height="150"> | ||
+ | <p>Since March 2010, our team has been intensively working on this project. Learn more about our team members by visiting the team page.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team"><span>Read more</span></a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/home_model.png" border="0" /></p> | ||
+ | <table border="0" width="250"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td height="150"> | ||
+ | <p>To better illustrate our project, we have created simulation software and modeled the bioencryption platform <em>in silico.</em> Click to read more.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Model"><span>Read more</span></a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/home_sponsors.png" border="0" /></p> | ||
+ | <table border="0" width="250"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td height="150"> | ||
+ | <p>The Chinese University of Hong Kong IGEM team would like to thank our generous sponsors. Click the read more link for more information.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Sponsors"><span>Read more</span></a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="block last"> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/home_gallery.png" border="0" /></p> | ||
+ | <table border="0" width="250"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td height="150"> | ||
+ | <p>We enjoyed so much working on our project, and we had good time with other iGEM members in 2010 spring workshop.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Team_gallery"><span>Read more</span></a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/home_biobricks.png" border="0" /></p> | ||
+ | <table border="0" width="250"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td height="150"> | ||
+ | <p>We have created and submitted new biobricks, which can help keep your message SECRET and SAFE from prying eyes ! Click to read more.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Parts"><span>Read more</span></a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/home_notebook.png" border="0" /></p> | ||
+ | <table border="0" width="250"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td height="150"> | ||
+ | <p>Know more about our work progress by browsing our NOTEBOOK! There are also lots of useful protocols for bacterial transformation.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://2010.igem.org/Team:Hong_Kong-CUHK/Notebook"><span>Read more</span></a></p> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--End Main Column (col1wrap)--> | ||
+ | <!--Begin Left Column (col2)--> | ||
+ | |||
+ | <!--End Left Column (col2)--> | ||
+ | <!--Begin Right Column (col3)--> | ||
+ | <div class="col3"> | ||
+ | <div id="rightcol"> | ||
+ | <div class="round4"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <h3 class="module-title">Project highlights</h3> | ||
+ | <p><ul class="special-7"><li>Massively parallel bacterial data storage system</li><li>Error tolerant data encoding/decoding system</li><li>Recombination module for data encryption</li><li>Ready for the exciting future of Biocomputer!</li></ul></p> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="moduletable"> | ||
+ | <h3 class="module-title">Countdown to iGEM</h3> | ||
+ | <div class="countdown"> | ||
- | = | + | <span class="countdown_title">iGEM</span> |
- | + | ||
- | + | <span class="countdown_displaydate">05.11.2010 00:00</span> | |
- | + | <span class="countdown_daycount">7</span> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <span class="countdown_dney">Days</span> |
- | + | <span id="clockJS"></span> | |
- | + | ||
- | + | <script language="JavaScript" type="text/javascript"> | |
- | + | TargetDate = "11/05/2010 00:00 AM"; | |
- | + | CountActive = true; | |
- | + | CountStepper = -1; | |
- | + | LeadingZero = true; | |
- | ! | + | |
- | + | DisplayFormat = "%%H%% Hrs %%M%% Min. %%S%% Sec."; | |
- | + | FinishMessage = "Time's Up"; | |
+ | function calcage(secs, num1, num2) { | ||
+ | s = ((Math.floor(secs/num1))%num2).toString(); | ||
+ | if (LeadingZero && s.length < 2) | ||
+ | s = "0" + s; | ||
+ | return s; | ||
+ | } | ||
+ | function CountBack(secs) { | ||
+ | if (secs < 0) { | ||
+ | document.getElementById("clockJS").innerHTML = FinishMessage; | ||
+ | return; | ||
+ | } | ||
+ | DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000)); | ||
+ | DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24)); | ||
+ | DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60)); | ||
+ | DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60)); | ||
+ | document.getElementById("clockJS").innerHTML = DisplayStr; | ||
+ | if (CountActive) | ||
+ | setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod); | ||
+ | } | ||
+ | CountStepper = Math.ceil(CountStepper); | ||
+ | if (CountStepper == 0) | ||
+ | CountActive = false; | ||
+ | var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990; | ||
+ | var dthen = new Date(TargetDate); | ||
+ | var dnow = new Date(); | ||
+ | if(CountStepper>0) | ||
+ | ddiff = new Date(dnow-dthen); | ||
+ | else | ||
+ | ddiff = new Date(dthen-dnow); | ||
+ | gsecs = Math.floor(ddiff.valueOf()/1000); | ||
+ | CountBack(gsecs); | ||
+ | </script> | ||
+ | |||
+ | </div> </div> | ||
+ | <div class="round 2"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <h3 class="module-title">Quick Links</h3> | ||
+ | <p><strong>The Chinese University of Hong Kong<br /></strong><a href="http://www.cuhk.edu.hk/">CUHK</a></br> - <a href="http://www.bch.cuhk.edu.hk/">Dept. of Biochemistry</a></br> - <a href="http://www.cuhk.edu.hk/sci/lifesciences.htm">Sch. of Life Sciences</a> <br /><br /><strong>IGEM</strong><br /><a href="https://igem.org/Main_Page">IGEM Main Page</a></br> - <a href="http://partsregistry.org/Main_Page">Registry of Standard Biological Parts</a><br /> - <a href="https://igem.org/Judging_Form.cgi?id=361">Judging form</a><br /></p> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="round 2"> | ||
+ | <div class="moduletable"> | ||
+ | <div class="module-surround"> | ||
+ | <div class="module-grad"></div> | ||
+ | <div class="module-surround2"></div><div class="module-surround3"></div><div class="module-surround4"></div><div class="module-surround5"></div> | ||
+ | <div class="module-inner"> | ||
+ | <h3 class="module-title">What's IGEM?</h3> | ||
+ | <p><img src="http://137.189.51.115/igem/images/stories/igem_basic_logo.png" border="0" width="200" height="150" style="border: 0;" /></p> | ||
+ | <p>The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition.</p> | ||
+ | <p style="text-align: right;"><a class="readon" href="https://igem.org/Main_Page"><span>Read more</span></a></p> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--End Right Column (col3)--> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div></div> </div> | ||
+ | <!--Begin Main Bottom--> | ||
+ | |||
+ | <!--End Main Bottom--> | ||
+ | </div> | ||
+ | <!--End Main Body--> | ||
+ | <!--Begin Bottom Section--> | ||
+ | <!--End Bottom Section--> | ||
+ | <!--Begin Footer--> | ||
+ | <div id="footer"> | ||
+ | <div class="wrapper"> | ||
+ | <!--Begin Copyright Section--> | ||
+ | <div class="copyright-block"> | ||
+ | <div id="copyright"> | ||
+ | © Copyright CUHK IGEM Team 2010, All Rights Reserved </div> | ||
+ | <div id="top-button"><a href="http://137.189.51.115/igem/#" id="top-scroll" class="top-button-desc">Back to Top</a></div> | ||
+ | </div> | ||
+ | <!--End Copyright Section--> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--End Footer--> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 02:51, 28 October 2010