Team:Hong Kong HKU
From 2014.igem.org
(Difference between revisions)
(14 intermediate revisions not shown) | |||
Line 293: | Line 293: | ||
} | } | ||
</style> | </style> | ||
- | <div id="image-wrapper" | + | <div id="image-wrapper" style="max-width:100%; max-height:100%" class="vertical-align"> |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 303: | Line 300: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 321: | 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 336: | Line 333: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <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 { | #detail-button12 { | ||
position: ; | position: ; | ||
Line 347: | Line 351: | ||
} | } | ||
</style> | </style> | ||
- | <div id=" | + | <div id="image-wrapper2" style="max-width:100%; max-height:100%" class="vertical-align"> |
+ | <div id="detail-button12"> | ||
<button onclick="myFunction12()">Details</button> | <button onclick="myFunction12()">Details</button> | ||
- | + | <script> | |
function myFunction12() { | 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."); | 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> | ||
Line 360: | Line 366: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 378: | 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 393: | Line 399: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 404: | 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 411: | Line 417: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 429: | 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 444: | Line 450: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 462: | 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 477: | Line 483: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 495: | 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 510: | Line 516: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 528: | 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 543: | Line 549: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 561: | 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 576: | Line 582: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 594: | 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 | + | <div id="detail-button5"> |
<button onclick="myFunction5()">Details</button> | <button onclick="myFunction5()">Details</button> | ||
<script> | <script> | ||
Line 608: | Line 614: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 626: | 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 641: | Line 647: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 659: | 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 674: | Line 680: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 692: | 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 707: | Line 713: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 725: | 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 740: | Line 746: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 751: | 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 757: | Line 763: | ||
</li> | </li> | ||
<li class="page"> | <li class="page"> | ||
- | + | <div class="page-content"> | |
+ | |||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 766: | 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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</li> | </li> | ||
<li class="page"> | <li class="page"> | ||
- | <div class="page-content"> | + | <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="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"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 797: | 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 804: | Line 879: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 815: | 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 822: | Line 897: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 833: | 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 840: | Line 915: | ||
<li class="page"> | <li class="page"> | ||
<div class="page-content"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 858: | 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 872: | Line 947: | ||
</li> | </li> | ||
<li class="page"> | <li class="page"> | ||
- | + | <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"> | |
+ | |||
+ | <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"> | <div class="page-content"> | ||
- | + | ||
<div class="vertical-align-wrapper"> | <div class="vertical-align-wrapper"> | ||
<style> | <style> | ||
Line 890: | 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>