Team:Hong Kong HKU

From 2014.igem.org

(Difference between revisions)
Line 364: Line 364:
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
                             }
                             }
-
                             #detail-button {
+
                             #detail-button0 {
                                 position: ;
                                 position: ;
                                 right: 10%;
                                 right: 10%;
Line 373: Line 373:
                             </style>
                             </style>
                             <div id="image-wrapper6" class="vertical-align">
                             <div id="image-wrapper6" class="vertical-align">
-
                                 <div id="detail-button">
+
                                 <div id="detail-button0">
-
                                 <button onclick="myFunction()">Details</button>
+
                                 <button onclick="myFunction0()">Details</button>
                                 <script>
                                 <script>
-
                                 function myFunction() {
+
                                 function myFunction0() {
-
                                window.open("https://2014.igem.org/Team:Hong_Kong_HKU/cloning");
+
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/cloning");
                                 }
                                 }
                                 </script>
                                 </script>
Line 386: Line 386:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">Protein expression</div>
+
                    <div class="page-content">
 +
                        Protein expression
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #detail-button1 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                                <div id="detail-button1" class="vertical-align">
 +
                                    <button onclick="myFunction1()">Details</button>
 +
                                    <script>
 +
                                    function myFunction1() {
 +
                                        window.open("https://2014.igem.org/Team:Hong_Kong_HKU/proteinexpression");
 +
                                    }
 +
                                    </script>
 +
                                </div>
 +
                        </div>
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
Line 399: Line 420:
                                 background-image: url(https://static.igem.org/mediawiki/2014/7/76/Lab_results_Expression_optimization_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/7/76/Lab_results_Expression_optimization_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button2 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
                             <div id="image-wrapper8" class="vertical-align">
                             <div id="image-wrapper8" class="vertical-align">
 +
                                <div id="detail-button2">
 +
                                <button onclick="myFunction2()">Details</button>
 +
                                <script>
 +
                                function myFunction2() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/expressionoptimization");
 +
                                }
 +
                                </script>
 +
                                </div>
                             </div>
                             </div>
                         </div>
                         </div>
Line 417: Line 453:
                                 background-image: url(https://static.igem.org/mediawiki/2014/4/47/Lab_results_BMC_purification_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/4/47/Lab_results_BMC_purification_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button3 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
                             <div id="image-wrapper9" class="vertical-align">
                             <div id="image-wrapper9" class="vertical-align">
 +
                                <div id="detail-button3">
 +
                                <button onclick="myFunction3()">Details</button>
 +
                                <script>
 +
                                function myFunction3() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/BMCpurification");
 +
                                }
 +
                                </script>
 +
                                </div>
                             </div>
                             </div>
                         </div>
                         </div>
Line 425: Line 476:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">Cargo localization</div>
+
                    <div class="page-content">
 +
                        Cargo localization
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #detail-button4 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                                <div id="detail-button4" class="vertical-align">
 +
                                <button onclick="myFunction4()">Details</button>
 +
                                <script>
 +
                                function myFunction4() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/cargolocalisation");
 +
                                }
 +
                                </script>
 +
                                </div>
 +
                        </div>
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">BMC-Cargo co-purification</div>
+
                    <div class="page-content">
 +
                        BMC-Cargo co-purification
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #detail-button5 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                                <div id="detail-button5" class="vertical-align">
 +
                                <button onclick="myFunction5()">Details</button>
 +
                                <script>
 +
                                function myFunction5() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/BMCcargocopurification");
 +
                                }
 +
                                </script>
 +
                                </div>   
 +
                        </div>
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
Line 441: Line 534:
                                 background-image: url(https://static.igem.org/mediawiki/2014/0/08/Lab_results_confocal_microscopy_00029.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/0/08/Lab_results_confocal_microscopy_00029.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button6 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
                             <div id="image-wrapper12" class="vertical-align">
                             <div id="image-wrapper12" class="vertical-align">
 +
                                <div id="detail-button6">
 +
                                <button onclick="myFunction6()">Details</button>
 +
                                <script>
 +
                                function myFunction6() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/confocalmicroscopy");
 +
                                }
 +
                                </script>
 +
                                </div>   
                             </div>
                             </div>
                         </div>
                         </div>
Line 459: Line 567:
                                 background-image: url(https://static.igem.org/mediawiki/2014/c/cd/Lab_results_TEM_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/c/cd/Lab_results_TEM_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button7 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
                             <div id="image-wrapper13" class="vertical-align">
                             <div id="image-wrapper13" class="vertical-align">
 +
                                <div id="detail-button7">
 +
                                <button onclick="myFunction7()">Details</button>
 +
                                <script>
 +
                                function myFunction7() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/TEM");
 +
                                }
 +
                                </script>
 +
                                </div> 
                             </div>
                             </div>
                         </div>
                         </div>
Line 467: Line 590:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">Plasmid design</div>
+
                    <div class="page-content">
 +
                        Plasmid design
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #detail-button8 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                                <div id="detail-button8" class="vertical-align">
 +
                                <button onclick="myFunction8()">Details</button>
 +
                                <script>
 +
                                function myFunction8() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/plasmidesign");
 +
                                }
 +
                                </script>
 +
                                </div> 
 +
                        </div>
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
Line 480: Line 624:
                                 background-image: url(https://static.igem.org/mediawiki/2014/5/5f/Lab_results_Plasmid_construction_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/5/5f/Lab_results_Plasmid_construction_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button9 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
                             <div id="image-wrapper15" class="vertical-align">
                             <div id="image-wrapper15" class="vertical-align">
 +
                                <div id="detail-button9">
 +
                                <button onclick="myFunction9()">Details</button>
 +
                                <script>
 +
                                function myFunction9() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/plasmidconstruction");
 +
                                }
 +
                                </script>
 +
                                </div> 
                             </div>
                             </div>
                         </div>
                         </div>

Revision as of 16:42, 16 October 2014

<!DOCTYPE html> HKU IGEM Team

  • Testing
  • Background
  • Products
  • Team
  • Lab results
  • Molecular cloning
  • Protein expression
  • Expression optimization
  • BMC purification
  • Cargo localization
  • BMC-Cargo co-purification
  • Confocal microscopy
  • Transmission electron microscopy
  • Plasmid design
  • Plasmid construction
  • Human practice
  • Card game
  • School tour
  • Biotechnological course
  • Biobrick submission
  • Biobrick characterization
  • Others
  • Safety notes
  • Laboratory notes
  • Methods and Protocols
  • References
  • Acknowledgement