Team:Hong Kong HKU

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
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>
                             </div>
                         </div>
                         </div>
Line 300: 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>
Line 318: Line 318:
                             }
                             }
                             </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">
                                 <div id="detail-button10">
                                 <button onclick="myFunction10()">Details</button>
                                 <button onclick="myFunction10()">Details</button>
Line 333: Line 333:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                    Products
+
                 
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                         <style>
                         <style>
Line 351: Line 351:
                         }
                         }
                         </style>
                         </style>
-
                             <div id="image-wrapper2" class="vertical-align">
+
                             <div id="image-wrapper2" style="max-width:100%; max-height:100%" class="vertical-align">
-
                                 <div id="detail-button12" class="vertical-align">
+
                                 <div id="detail-button12">
                                 <button onclick="myFunction12()">Details</button>
                                 <button onclick="myFunction12()">Details</button>
                                     <script>
                                     <script>
Line 366: Line 366:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Team
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
Line 384: Line 384:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper3" class="vertical-align">
+
                             <div id="image-wrapper3" style="max-width:100%; max-height:100%" class="vertical-align">
                                 <div id="detail-button11">
                                 <div id="detail-button11">
                                 <button onclick="myFunction11()">Details</button>
                                 <button onclick="myFunction11()">Details</button>
Line 399: Line 399:
                 <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>
Line 410: Line 410:
                             }
                             }
                             </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 417: 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>
Line 435: 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 450: 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>
Line 468: 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 483: 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>
Line 501: 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 516: 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>
Line 534: 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 549: 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>
Line 567: 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 582: 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>
Line 600: 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 614: 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>
Line 632: 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 647: 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>
Line 665: 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 680: 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>
Line 698: 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 713: 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>
Line 731: 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 746: 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>
Line 757: Line 757:
                             }
                             }
                             </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 763: Line 763:
                 </li>
                 </li>
                 <li class="page">
                 <li class="page">
-
                         Card game
+
                         <div class="page-content">
 +
                       
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
Line 772: Line 773:
                                 background-image: url(https://static.igem.org/mediawiki/2014/d/da/Human_Practice_card_game_00079.jpg);
                                 background-image: url(https://static.igem.org/mediawiki/2014/d/da/Human_Practice_card_game_00079.jpg);
                                 background-size: 100% 100%;
                                 background-size: 100% 100%;
 +
                            }
 +
                            #detail-button18 {
 +
                                position: ;
 +
                                right: 10%;
 +
                                bottom: 10%;
 +
                                font-size: 50px;
 +
                                color: red;
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper17" class="vertical-align">
+
                             <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>
                         </div>
                         </div>
-
                    <button onclick="myFunction()">Card Games</button>
 
-
                <script>
 
-
                function myFunction() {
 
-
                    window.open("https://2014.igem.org/Team:Hong_Kong_HKU/cardgame");
 
-
                }
 
-
                </script>
 
                 </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">
                     <div class="page-content">
-
                         Biotechnological course
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
Line 807: Line 846:
                         }
                         }
                         </style>
                         </style>
-
                         <div id="image-wrapper18" class="vertical-align">
+
                         <div id="image-wrapper18" style="max-width:100%; max-height:100%" class="vertical-align">
-
                             <div id="detail-button14" class="vertical-align">
+
                             <div id="detail-button14">
                                 <button onclick="myFunction14()">Details</button>
                                 <button onclick="myFunction14()">Details</button>
                                 <script>
                                 <script>
Line 822: Line 861:
                 <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>
Line 833: Line 872:
                             }
                             }
                             </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>
Line 840: Line 879:
                 <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>
Line 851: Line 890:
                             }
                             }
                             </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 858: 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>
Line 869: Line 908:
                             }
                             }
                             </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 876: 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>
Line 894: Line 933:
                             }
                             }
                             </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">
                                 <div id="detail-button13">
                                 <button onclick="myFunction13()">Details</button>
                                 <button onclick="myFunction13()">Details</button>
Line 909: Line 948:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Methods and Protocols
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                         <style>
                         <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 {
                         #detail-button15 {
                                 position: ;
                                 position: ;
Line 920: Line 966:
                         }
                         }
                         </style>
                         </style>
-
                         <div id="detail-button15" class="vertical-align">
+
                         <div id="image-wrapper25" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            <div id="detail-button15">
                                 <button onclick="myFunction15()">Details</button>
                                 <button onclick="myFunction15()">Details</button>
                                 <script>
                                 <script>
Line 927: Line 974:
                                 }
                                 }
                                 </script>
                                 </script>
 +
                            </div>
                         </div>
                         </div>
                         </div>   
                         </div>   
Line 933: Line 981:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         References
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                         <style>
                         <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 {
                         #detail-button16 {
                                 position: ;
                                 position: ;
Line 944: Line 999:
                         }
                         }
                         </style>
                         </style>
-
                         <div id="detail-button16" class="vertical-align">
+
                         <div id="image-wrapper26" style="max-width:100%; max-height:100%" class="vertical-align">
 +
                            <div id="detail-button16">
                                 <button onclick="myFunction16()">Details</button>
                                 <button onclick="myFunction16()">Details</button>
                                 <script>
                                 <script>
Line 951: Line 1,007:
                                 }
                                 }
                                 </script>
                                 </script>
-
                         </div>  
+
                            </div>
 +
                         </div>
                     </div>
                     </div>
                     </div>
                     </div>
Line 957: Line 1,014:
                 <li class="page">
                 <li class="page">
                     <div class="page-content">
                     <div class="page-content">
-
                         Acknowledgement
+
                          
                         <div class="vertical-align-wrapper">
                         <div class="vertical-align-wrapper">
                             <style>
                             <style>
Line 968: Line 1,025:
                             }
                             }
                             </style>
                             </style>
-
                             <div id="image-wrapper27" class="vertical-align">
+
                             <div id="image-wrapper27" style="max-width:100%; max-height:100%" class="vertical-align">
                             </div>
                             </div>
                         </div>
                         </div>

Latest revision as of 03:50, 18 October 2014

<!DOCTYPE html> HKU IGEM Team