"
Team:Hong Kong HKU
From 2014.igem.org
(Difference between revisions)
| (12 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="page-content"> | ||
| - | + | ||
<div class="vertical-align-wrapper"> | <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 { | #detail-button14 { | ||
position: ; | position: ; | ||
| Line 794: | Line 846: | ||
} | } | ||
</style> | </style> | ||
| - | <div id=" | + | <div id="image-wrapper18" style="max-width:100%; max-height:100%" class="vertical-align"> |
| + | <div id="detail-button14"> | ||
<button onclick="myFunction14()">Details</button> | <button onclick="myFunction14()">Details</button> | ||
<script> | <script> | ||
| Line 801: | Line 854: | ||
} | } | ||
</script> | </script> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 807: | Line 861: | ||
<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 818: | 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 825: | 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 836: | 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 843: | 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 854: | 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 861: | 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 879: | 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 894: | Line 948: | ||
<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-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 905: | Line 966: | ||
} | } | ||
</style> | </style> | ||
| - | <div id=" | + | <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 912: | Line 974: | ||
} | } | ||
</script> | </script> | ||
| + | </div> | ||
</div> | </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"> | <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 930: | Line 999: | ||
} | } | ||
</style> | </style> | ||
| - | <div id=" | + | <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 937: | Line 1,007: | ||
} | } | ||
</script> | </script> | ||
| - | + | </div> | |
| - | </div> | + | </div> |
</div> | </div> | ||
</div> | </div> | ||
| Line 944: | Line 1,014: | ||
<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 955: | 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>
