|
|
| (22 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{Team:Hong_Kong_HKUST/shell | |
| | <html> | | <html> |
| | <head> | | <head> |
| - | <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
| |
| - | <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
| |
| - | <script>
| |
| - | $(document).ready(function(){
| |
| - | $(window).scroll(function(){
| |
| - | var scrollTop = $(window).scrollTop();
| |
| - | if (scrollTop > 49) {
| |
| - | $('#menu').addClass('fixed');
| |
| - | } else {
| |
| - | $('#menu').removeClass('fixed');
| |
| - | }
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| | | | |
| - | <script> | + | <style type="text/css"> |
| - | var on = true;
| + | |
| - | var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
| + | #quick_link_wetlab { |
| - | | + | font-size:50px; |
| - | function slides(i) {
| + | text-align:center; |
| - | document.getElementsByClassName("slide_pic")[1].style.width="0px";
| + | align:center; |
| - | document.getElementsByClassName("slide_pic")[2].style.width="100%";
| + | } |
| - | var slide = document.getElementsByClassName("slide_pic")[0];
| + | |
| - | document.getElementById("slide").appendChild(slide);
| + | </style> |
| - | if(i) {
| + | |
| - | on = false;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | function back_slide(i) {
| + | |
| - | document.getElementsByClassName("slide_pic")[1].style.width="0px";
| + | |
| - | document.getElementsByClassName("slide_pic")[0].style.width="100%";
| + | |
| - | var slide = document.getElementsByClassName("slide_pic")[4];
| + | |
| - | var slide2 = document.getElementsByClassName("slide_pic")[0];
| + | |
| - | document.getElementById("slide").insertBefore(slide,slide2);
| + | |
| - | if(i) {
| + | |
| - | on = false;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | </script> | + | |
| | </head> | | </head> |
| | + | </html>| |
| | + | <html> |
| | | | |
| | <body> | | <body> |
| - | <body>
| |
| - | <div id='nav_container'>
| |
| - | <nav>
| |
| | | | |
| - | <ul id="menu">
| |
| - | <li><a href="#">Home</a></li>
| |
| - | <li><a href="#">Team</a>
| |
| - | <!-- First Tier Drop Down -->
| |
| - | <ul>
| |
| - | <li><a href="#">Members</a></li>
| |
| - | <li><a href="#">Advisers</a></li>
| |
| - | <li><a href="#">Instructor</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Project</a>
| |
| - | <!-- First Tier Drop Down -->
| |
| - | <ul>
| |
| - | <li><a href="#">Main Project</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Overview</a></li>
| |
| - | <li><a href="#">Module one </a></li>
| |
| - | <li><a href="#">Module two</a></li>
| |
| - | <li><a href="#">Data</a></li>
| |
| - | <li><a href="#">Characterization</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="#">Side Project</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Overview</a></li>
| |
| - | <li><a href="#">Parts</a></li>
| |
| - | <li><a href="#">Catalogue</a></li>
| |
| - | <li><a href="#">Feature pages</a></li>
| |
| - | </ul></li>
| |
| - |
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="#">Human Practice</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Overview</a></li>
| |
| - | <li><a href="#">Start up kit</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Interview</a></li>
| |
| - | <li><a href="#">Report</a></li>
| |
| - | <li><a href="#">Database</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="#">Talks</a></li>
| |
| - | <li><a href="#">Outreach</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="#">wetlab</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Protocol</a></li>
| |
| - | <li><a href="#">Notebook</a></li>
| |
| - | <li><a href="#">Safety</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="#">Achievement</a>
| |
| - | <ul>
| |
| - | <li><a href="#">Medal Requirement</a></li>
| |
| - | <li><a href="#">Deliverable</a></li>
| |
| - | </ul></li>
| |
| - | <li class= "logo"><a href="https://2014.igem.org/Main_Page"> <img src="Igemlogo_whiteletters.png" height="45px"> </a> </li>
| |
| - | <li class= "logo"><a href="http://www.ust.hk/"> <img src="HKUST_logo.png" height="45px"> </a></li>
| |
| - |
| |
| - | </ul>
| |
| - |
| |
| - | </nav>
| |
| - | </div>
| |
| - | <h1> </h1>
| |
| - | <!-- ================ do not touch any thing above this, dont even think about it =========================-->
| |
| - |
| |
| | | | |
| | <div id="content_container"> | | <div id="content_container"> |
| - | <div class= "banner_area"> | + | <div class='content_1'> |
| - | <img src= 'banner_mod.png' />
| + | <h3 style="text-align:center">Wetlab</h3> |
| - | <!--banner should be larger and height should be more than 400px-->
| + | <table class="content_table" align= "center" valign= "top"> |
| - | </div>
| + | <tr class= "content_row"> |
| - | <hr> | + | <td class= "content_cell"> |
| - | <div id="description_area"> | + | <div class= "content_area_one_row"> |
| - | <h2>Protocol</h2>
| + | <p>The wet lab started at the beginning of summer and lasted for three months. Our wet lab work is divided into four parts, namely: |
| - | <p>We have a variety of protocols that we followed for working on our project. The step-by-step procedures of each technique | + | (1) (Detection Module) ComD & ComE, (2) (Detection Module) P<sub><i>comCDE</i></sub>, (3) (σ<sup>X</sup> promoters Module) σ<sup>X</sup> & ComW, and |
| - | can be found here!
| + | (4) (σ<sup>X</sup> promoters Module) P<sub>celA</sub> and P<sub>comFA</sub>. During the summer, lab work such as primer design, digestion, and ligation was carried out extensively |
| | + | and useful data were collected. These can be retrieved from Notebook and Protocols pages for details of experimental flows. |
| | + | The BioBrick, researchers, environmental and university safety issues can be found in Safety page. In terms of project process, |
| | + | some experiments could not be completed due to time constrains and they are outlined in Future Work page. |
| | </p> | | </p> |
| | + | </div> |
| | + | </td> |
| | + | </tr> |
| | + | </table> |
| | | | |
| - | </div>
| |
| | <div id= 'project_buttons'> | | <div id= 'project_buttons'> |
| | <table id = "project_buttons_table" align= "center" > | | <table id = "project_buttons_table" align= "center" > |
| - | <tr class= "start_up_link_row"> | + | <tr class= "start_up_link_row" align="center"> |
| - |
| + | |
| - | <td class= "start_up_link_button">
| + | |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/testPDF"><div class= "start_up_link_container">
| + | |
| - | <h4> Mutagenesis</h4>
| + | |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| + | |
| - | visibly touching the cheekbone below the eye. </p>
| + | |
| - | </div></a>
| + | |
| - | </td>
| + | |
| - |
| + | |
| | <td class= "start_up_link_button"> | | <td class= "start_up_link_button"> |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/ testPDF"><div class= "start_up_link_container"> | + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/ wetlab/notebook"><div class= "start_up_link_container"> |
| - | <h4> Western Blot </h4> | + | <div id="quick_link_wetlab"> |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| + | Notebook |
| - | visibly touching the cheekbone below the eye. </p>
| + | <hr> |
| | + | <img src="https://static.igem.org/mediawiki/2014/2/28/NotebookHKUST.png" width="200" height="200"> |
| | + | </div> |
| | </div> | | </div> |
| | </td> | | </td> |
| | | | |
| | <td class= "start_up_link_button"> | | <td class= "start_up_link_button"> |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/ testPDF"><div class= "start_up_link_container"> | + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/ wetlab/protocols"><div class= "start_up_link_container"> |
| - | <h4> LB agar and LB plates </h4> | + | <div id="quick_link_wetlab"> |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| + | Protocols |
| - | visibly touching the cheekbone below the eye. </p>
| + | <hr> |
| | + | <img src="https://static.igem.org/mediawiki/2014/2/26/HKUST_Quicklink_Icon_Protocols.png" width="200" height="200"> |
| | + | </div> |
| | + | |
| | </div> | | </div> |
| | </td> | | </td> |
| - | <td class= "start_up_link_button">
| |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/testPDF"><div class= "start_up_link_container">
| |
| - | <h4> Ligation </h4>
| |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| |
| - | visibly touching the cheekbone below the eye. </p>
| |
| - | </div>
| |
| - | </td>
| |
| - | </tr>
| |
| - | <tr class= "start_up_link_row">
| |
| | | | |
| | <td class= "start_up_link_button"> | | <td class= "start_up_link_button"> |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/ testPDF"><div class= "start_up_link_container"> | + | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/ wetlab/safety"><div class= "start_up_link_container"> |
| - | <h4> Ethanol Precipitation</h4> | + | <div id="quick_link_wetlab"> |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| + | Safety |
| - | visibly touching the cheekbone below the eye. </p>
| + | <hr> |
| - | </div>
| + | <img src="https://static.igem.org/mediawiki/2014/e/e1/HKUST_Quicklink_Icon_Safety.png" width="200" height="200"> |
| - | </td>
| + | </div> |
| - |
| + | |
| - | <td class= "start_up_link_button">
| + | |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/testPDF"><div class= "start_up_link_container">
| + | |
| - | <h4> Pbad protocols </h4> | + | |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| + | |
| - | visibly touching the cheekbone below the eye. </p>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | <td class= "start_up_link_button">
| + | |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/testPDF"><div class= "start_up_link_container">
| + | |
| - | <h4> Gibson Assembly </h4>
| + | |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth,
| + | |
| - | visibly touching the cheekbone below the eye. </p>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | <td class= "start_up_link_button">
| + | |
| - | <a href="https://2014.igem.org/Team:Hong_Kong_HKUST/testPDF"><div class= "start_up_link_container">
| + | |
| - | <h4> Polymerase Chain Reaction (PCR)</h4> | + | |
| - | <p> Cheeks are fleshy in humans and other mammals, the skin being suspended by the chin and the jaws, and forming the lateral wall of the human mouth, | + | |
| - | visibly touching the cheekbone below the eye. </p>
| + | |
| | </div> | | </div> |
| | </td> | | </td> |
| | </tr> | | </tr> |
| | + | |
| | + | |
| | </table> | | </table> |
| | </div> | | </div> |
| | + | |
| | <hr> | | <hr> |
| - |
| + | </div> |
| - | <table class= "site_map_table" align= "center"> | + | </div> |
| - | <tr>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Home</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Team</li></a>
| + | |
| - | <li class='site_link'><a href="#">Project</li></a>
| + | |
| - | <li class='site_link'><a href="#">WetLab</li></a>
| + | |
| - | <li class='site_link'><a href="#">Achievement</li></a>
| + | |
| - | <li class='site_link'><a href="#">Human Practice</li></a>
| + | |
| - | <li class='site_link'><a href="#">Side Project</li></a>
| + | |
| - | </ul>
| + | |
| - | | + | |
| - | </td>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Team</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Member</li></a>
| + | |
| - | <li class='site_link'><a href="#">Advisor</li></a>
| + | |
| - | <li class='site_link'><a href="#">Instructor</li></a>
| + | |
| - | <li class='site_link'><a href="#">Attribution</li></a>
| + | |
| - | <li class='site_link'><a href="#">Acknowledgement</li></a>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Main Project</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Overview</li></a>
| + | |
| - | <li class='site_link'><a href="#">Module one</li></a>
| + | |
| - | <li class='site_link'><a href="#">Module two</li></a>
| + | |
| - | <li class='site_link'><a href="#">Data</li></a>
| + | |
| - | <li class='site_link'><a href="#">Characterisation</li></a>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Side Project</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Overview</li></a>
| + | |
| - | <li class='site_link'><a href="#">Parts</li></a>
| + | |
| - | <li class='site_link'><a href="#">Catalogue</li></a>
| + | |
| - | <li class='site_link'><a href="#">Feature Pages</li></a>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Human Practice</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Overview</li></a>
| + | |
| - | <li class='site_link'><a href="#">Start up kit</li></a>
| + | |
| - | <ul>
| + | |
| - | <li class='site_link'><a href="#">Interview</li></a>
| + | |
| - | <li class='site_link'><a href="#">Report</li></a>
| + | |
| - | <li class='site_link'><a href="#">Database</li></a>
| + | |
| - | </ul>
| + | |
| - | <li class='site_link'><a href="#">Talks</li></a>
| + | |
| - | <li class='site_link'><a href="#">Outreach</li></a>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Wetlab</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Protocol</li></a>
| + | |
| - | <li class='site_link'><a href="#">Notebook</li></a>
| + | |
| - | <li class='site_link'><a href="#">Safety</li></a>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | <td class= 'site_map_column'><a href="#"><h4>Achievement</h4></a>
| + | |
| - | <ul class= 'site_list'>
| + | |
| - | <li class='site_link'><a href="#">Medal Requirements</li></a>
| + | |
| - | <li class='site_link'><a href="#">Deliverable</li></a>
| + | |
| - | </ul>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | | + | |
| - | </table> | + | |
| | | | |
| | | | |
| | | | |
| | </body> | | </body> |
| - | </html> | + | </html> |
| | + | }} |
"
