Team:Hong Kong HKU

From 2014.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 154: Line 154:
#sponsor {
#sponsor {
     position: fixed;
     position: fixed;
-
     height: 7rem;
+
     height: 6.1rem;
     width: 100%;
     width: 100%;
     left: 0;
     left: 0;
Line 279: Line 279:
                             #image-wrapper {
                             #image-wrapper {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 1102px;
-
                                 height: 600px;
+
                                 height: 620px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/4/4a/Front_Page_0_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/4/4a/Front_Page_0_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
Line 293: Line 293:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper" class="vertical-align">
+
                             <div id="image-wrapper" style="max-width:100%; max-height:100%" class="vertical-align">
-
                                <div id="word-on-image">
+
-
                                    Testing
+
-
                                </div>
+
                             </div>
                             </div>
-
                            <!-- <div class="vertical-align"> -->
 
-
                            <!--    <img src="https://static.igem.org/mediawiki/2014/e/e2/Front_page_1_00000.jpg" alt="" style="width:1066px;height:600px"/> -->
 
-
                            <!-- </div> -->
 
                         </div>
                         </div>
                     </div>
                     </div>
Line 306: Line 300:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Background
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper1 {
                             #image-wrapper1 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
-
                                 background-image: url(https://static.igem.org/mediawiki/2014/4/46/For_Proposal_00000.jpg);
+
                                 background-image: url(https://static.igem.org/mediawiki/2014/9/98/Background_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button10 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper1" class="vertical-align">
+
                             <div id="image-wrapper1" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                                <div id="detail-button10">
 +
                                <button onclick="myFunction10()">Details</button>
 +
                                <script>
 +
                                function myFunction10() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/background");
 +
                                }
 +
                                </script>
 +
                                </div>
                             </div>
                             </div>
                         </div>
                         </div>
Line 323: Line 332:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                    Products
+
                     <div class="page-content">
-
                     <div class="vertical-align-wrapper">
+
                 
-
                         <div class="vertical-align">
+
                         <div class="vertical-align-wrapper">
-
                            <iframe src="https://www.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23ccccff&amp;src=mo3tc52c5ck375q73lubq5k2vc%40group.calendar.google.com&amp;color=%23333333&amp;ctz=Asia%2FHong_Kong" style=" border-width:0 " width="800" height="600" frameborder="0" scrolling="no"></iframe>
+
                        <style>
 +
                            #image-wrapper2 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/5/53/Products_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
                        #detail-button12 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                        }
 +
                        </style>
 +
                            <div id="image-wrapper2" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                                <div id="detail-button12">
 +
                                <button onclick="myFunction12()">Details</button>
 +
                                    <script>
 +
                                function myFunction12() {
 +
                                    alert("To provide an answer to the above two listed questions, we he proudly present two of our products: (1) a methodology for convenient purification of the affinity tagged-Eut BMC, and; (2) a plasmid that allows efficient and rigorous cloning and modification of the BMC-cargo system for expression and various experiments. For their detailed information please check the lab results pages: BMC-Cargo co-purification, and Plasmid Design.");
 +
                                }
 +
                                    </script>
 +
                                </div>
 +
                            </div>
                         </div>
                         </div>
                     </div>
                     </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                Team
+
                    <div class="page-content">
-
               
+
                       
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #image-wrapper3 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/a/a2/Team_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
                            #detail-button11 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                            <div id="image-wrapper3" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                                <div id="detail-button11">
 +
                                <button onclick="myFunction11()">Details</button>
 +
                                <script>
 +
                                function myFunction11() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/team");
 +
                                }
 +
                                </script>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Lab results
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper5 {
                             #image-wrapper5 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/9/93/Lab_results_1_front_page_00005.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/9/93/Lab_results_1_front_page_00005.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper5" class="vertical-align">
+
                             <div id="image-wrapper5" style="max-width:100%; max-height:100%" class="vertical-align">
                             </div>
                             </div>
                         </div>
                         </div>
Line 354: Line 417:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Molecular cloning
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper6 {
                             #image-wrapper6 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/b/bb/Lab_results_2_Cloning_page_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/b/bb/Lab_results_2_Cloning_page_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
Line 372: Line 435:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper6" class="vertical-align">
+
                             <div id="image-wrapper6" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button0">
                                 <div id="detail-button0">
                                 <button onclick="myFunction0()">Details</button>
                                 <button onclick="myFunction0()">Details</button>
Line 387: Line 450:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Protein expression
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper7 {
                             #image-wrapper7 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/0/07/Lab_results_Protein_expression_00047.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/0/07/Lab_results_Protein_expression_00047.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
Line 405: Line 468:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper7" class="vertical-align">
+
                             <div id="image-wrapper7" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button1">
                                 <div id="detail-button1">
                                     <button onclick="myFunction1()">Details</button>
                                     <button onclick="myFunction1()">Details</button>
Line 420: Line 483:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Expression optimization
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper8 {
                             #image-wrapper8 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 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%;
Line 438: Line 501:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper8" class="vertical-align">
+
                             <div id="image-wrapper8" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button2">
                                 <div id="detail-button2">
                                 <button onclick="myFunction2()">Details</button>
                                 <button onclick="myFunction2()">Details</button>
Line 453: Line 516:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         BMC purification
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper9 {
                             #image-wrapper9 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 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%;
Line 471: Line 534:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper9" class="vertical-align">
+
                             <div id="image-wrapper9" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button3">
                                 <div id="detail-button3">
                                 <button onclick="myFunction3()">Details</button>
                                 <button onclick="myFunction3()">Details</button>
Line 486: Line 549:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Cargo localization
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper10 {
                             #image-wrapper10 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/7/74/Lab_results_Cargo_localization_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/7/74/Lab_results_Cargo_localization_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
Line 504: Line 567:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper10" class="vertical-align">
+
                             <div id="image-wrapper10" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button4">
                                 <div id="detail-button4">
                                 <button onclick="myFunction4()">Details</button>
                                 <button onclick="myFunction4()">Details</button>
Line 519: Line 582:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         BMC-Cargo co-purification
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper11 {
                             #image-wrapper11 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/b/b7/Lab_results_BMC-Cargo_co-purification_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/b/b7/Lab_results_BMC-Cargo_co-purification_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
Line 537: Line 600:
                             }
                             }
                             </style>
                             </style>
-
                                 <div id="image-wrapper11" class="vertical-align">
+
                                 <div id="image-wrapper11" style="max-width:100%; max-height:100%" class="vertical-align">
-
                                 <div id="detail-button5" class="vertical-align">
+
                                 <div id="detail-button5">
                                 <button onclick="myFunction5()">Details</button>
                                 <button onclick="myFunction5()">Details</button>
                                 <script>
                                 <script>
Line 551: Line 614:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Confocal microscopy
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper12 {
                             #image-wrapper12 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 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%;
Line 569: Line 632:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper12" class="vertical-align">
+
                             <div id="image-wrapper12" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button6">
                                 <div id="detail-button6">
                                 <button onclick="myFunction6()">Details</button>
                                 <button onclick="myFunction6()">Details</button>
Line 584: Line 647:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Transmission electron microscopy
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper13 {
                             #image-wrapper13 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 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%;
Line 602: Line 665:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper13" class="vertical-align">
+
                             <div id="image-wrapper13" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button7">
                                 <div id="detail-button7">
                                 <button onclick="myFunction7()">Details</button>
                                 <button onclick="myFunction7()">Details</button>
Line 617: Line 680:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Plasmid design
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper14 {
                             #image-wrapper14 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/e/ea/Lab_results_Plasmid_design_00037.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/e/ea/Lab_results_Plasmid_design_00037.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
Line 635: Line 698:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper14" class="vertical-align">
+
                             <div id="image-wrapper14" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button8">
                                 <div id="detail-button8">
                                 <button onclick="myFunction8()">Details</button>
                                 <button onclick="myFunction8()">Details</button>
Line 650: Line 713:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Plasmid construction
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper15 {
                             #image-wrapper15 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 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%;
Line 668: Line 731:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper15" class="vertical-align">
+
                             <div id="image-wrapper15" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button9">
                                 <div id="detail-button9">
                                 <button onclick="myFunction9()">Details</button>
                                 <button onclick="myFunction9()">Details</button>
Line 683: Line 746:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Human practice
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper16 {
                             #image-wrapper16 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/2/21/Human_Practice_front_page_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/2/21/Human_Practice_front_page_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper16" class="vertical-align">
+
                             <div id="image-wrapper16" style="max-width:100%; max-height:100%" class="vertical-align">
                             </div>
                             </div>
                         </div>
                         </div>
Line 700: Line 763:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                Card game
+
                        <div class="page-content">
-
                    <button onclick="myFunction()">Card Games</button>
+
                       
-
                <script>
+
                        <div class="vertical-align-wrapper">
-
                function myFunction() {
+
                            <style>
-
                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/cardgame");
+
                            #image-wrapper17 {
-
                }
+
                                position: relative;
-
                </script>
+
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/d/da/Human_Practice_card_game_00079.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
                            #detail-button18 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                            <div id="image-wrapper17" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                                <div id="detail-button18">
 +
                                <button onclick="myFunction18()">Details</button>
 +
                                <script>
 +
                                function myFunction18() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/cardgame");
 +
                                }
 +
                                </script>
 +
                            </div>
 +
                            </div>
 +
                        </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                 <div class="page-content">School tour</div>
+
                 <div class="page-content">
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #image-wrapper30 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/1/15/Human_Practice_School_tour_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
                            #detail-button17 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                            }
 +
                            </style>
 +
                        <div id="image-wrapper30" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            <div id="detail-button17">
 +
                                <button onclick="myFunction17()">Details</button>
 +
                                <script>
 +
                                function myFunction17() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/schooltour");
 +
                                }
 +
                                </script>
 +
                            </div>
 +
                        </div>
 +
                        </div>
 +
                </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">Biotechnological course</div>
+
                    <div class="page-content">
 +
                       
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #image-wrapper18 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/8/8d/Human_Practice_Biotechnological_course_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
                        #detail-button14 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                        }
 +
                        </style>
 +
                        <div id="image-wrapper18" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            <div id="detail-button14">
 +
                                <button onclick="myFunction14()">Details</button>
 +
                                <script>
 +
                                function myFunction14() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/biotechcourse");
 +
                                }
 +
                                </script>
 +
                            </div>
 +
                        </div>
 +
                        </div> 
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Biobrick submission
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper20 {
                             #image-wrapper20 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/a/ae/Biobricks_front_page_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/a/ae/Biobricks_front_page_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper20" class="vertical-align">
+
                             <div id="image-wrapper20" style="max-width:100%; max-height:100%" class="vertical-align">
                             </div>
                             </div>
                         </div>
                         </div>
                     </div>
                     </div>
-
                </li>
 
-
                <li class="page">
 
-
                <div class="page-content">Biobrick characterization</div>
 
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Others
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper22 {
                             #image-wrapper22 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/e/e9/Others_front_page_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/e/e9/Others_front_page_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper22" class="vertical-align">
+
                             <div id="image-wrapper22" style="max-width:100%; max-height:100%" class="vertical-align">
                             </div>
                             </div>
                         </div>
                         </div>
Line 755: Line 897:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Safety notes
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper23 {
                             #image-wrapper23 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/d/dd/Safety_page_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/d/dd/Safety_page_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper23" class="vertical-align">
+
                             <div id="image-wrapper23" style="max-width:100%; max-height:100%" class="vertical-align">
                             </div>
                             </div>
                         </div>
                         </div>
Line 773: Line 915:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Laboratory notes
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
                             #image-wrapper24 {
                             #image-wrapper24 {
                                 position: relative;
                                 position: relative;
-
                                 width: 1066px;
+
                                 width: 973px;
-
                                 height: 600px;
+
                                 height: 547px;
                                 background-image: url(https://static.igem.org/mediawiki/2014/9/9e/Lab_note_page_00000.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/9/9e/Lab_note_page_00000.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button13 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper24" class="vertical-align">
+
                             <div id="image-wrapper24" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                                <div id="detail-button13">
 +
                                <button onclick="myFunction13()">Details</button>
 +
                                <script>
 +
                                function myFunction13() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/laboratorynotes");
 +
                                }
 +
                                </script>
 +
                                </div> 
                             </div>
                             </div>
                         </div>
                         </div>
Line 790: Line 947:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">Methods and Protocols</div>
+
                    <div class="page-content">
 +
                       
 +
                        <div class="vertical-align-wrapper">
 +
                        <style>
 +
                        #image-wrapper25 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/9/9a/Methods_and_Protocols_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                        }
 +
                        #detail-button15 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                        }
 +
                        </style>
 +
                        <div id="image-wrapper25" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            <div id="detail-button15">
 +
                                <button onclick="myFunction15()">Details</button>
 +
                                <script>
 +
                                function myFunction15() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/methodsnprotocols");
 +
                                }
 +
                                </script>
 +
                            </div>
 +
                        </div>
 +
                        </div> 
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">References</div>
+
                    <div class="page-content">
 +
                       
 +
                        <div class="vertical-align-wrapper">
 +
                        <style>
 +
                        #image-wrapper26 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/4/4a/References_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                        }
 +
                        #detail-button16 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
 +
                        }
 +
                        </style>
 +
                        <div id="image-wrapper26" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            <div id="detail-button16">
 +
                                <button onclick="myFunction16()">Details</button>
 +
                                <script>
 +
                                function myFunction16() {
 +
                                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/references");
 +
                                }
 +
                                </script>
 +
                            </div>
 +
                        </div> 
 +
                    </div>
 +
                    </div>
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                <div class="page-content">Acknowledgement</div>
+
                    <div class="page-content">
 +
                       
 +
                        <div class="vertical-align-wrapper">
 +
                            <style>
 +
                            #image-wrapper27 {
 +
                                position: relative;
 +
                                width: 973px;
 +
                                height: 547px;
 +
                                background-image: url(https://static.igem.org/mediawiki/2014/6/6d/Acknowledgement_00000.jpg);
 +
                                background-size: 100% 100%;
 +
                            }
 +
                            </style>
 +
                            <div id="image-wrapper27" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            </div>
 +
                        </div>
 +
                    </div>
                 </li>
                 </li>
             </ul>
             </ul>
Line 856: Line 1,088:
             <ul class="sub-menu">
             <ul class="sub-menu">
                 <li class="menu-button" data-page=19>Biobrick submission</li>
                 <li class="menu-button" data-page=19>Biobrick submission</li>
-
                 <li class="menu-button" data-page=20>Biobrick characterization</li>
+
                 <li class="menu-button" data-page=20>Others</li>
-
                 <li class="menu-button" data-page=21>Others</li>
+
                 <li class="menu-button" data-page=21>Safety notes</li>
-
                <li class="menu-button" data-page=22>Safety notes</li>
+
                 <li class="menu-button" data-page=22>Laboratory notes</li>
-
                 <li class="menu-button" data-page=23>Laboratory notes</li>
+
                 <li class="menu-button" data-page=23>Methods and Protocols</li>
-
                 <li class="menu-button" data-page=24>Methods and Protocols</li>
+
                 <li class="menu-button" data-page=24>References</li>
-
                 <li class="menu-button" data-page=25>References</li>
+
                 <li class="menu-button" data-page=25>Acknowledgement</li>
-
                 <li class="menu-button" data-page=26>Acknowledgement</li>
+
             </ul>
             </ul>
             </li>
             </li>

Latest revision as of 03:50, 18 October 2014

<!DOCTYPE html> HKU IGEM Team

Retrieved from "http://2014.igem.org/Team:Hong_Kong_HKU"