|
|
(7 intermediate revisions not shown) |
Line 8: |
Line 8: |
| <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> |
| <link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:HKU Hong Kong - 2012</title> | | <link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:HKU Hong Kong - 2012</title> |
- | <style type="text/css" media="screen, projection">/*<![CDATA[*/ | + | <style type="text/css" media="screen, projection"> |
| + | /*<![CDATA[*/ |
| @import "/wiki/skins/common/shared.css?270"; | | @import "/wiki/skins/common/shared.css?270"; |
| @import "/wiki/skins/igem/main.css?270"; | | @import "/wiki/skins/igem/main.css?270"; |
- | /*]]>*/</style> | + | /*]]>*/ |
| + | </style> |
| <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" /> | | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" /> |
| <script> | | <script> |
Line 66: |
Line 68: |
| <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> | | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> |
| <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' /> | | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' /> |
- | <script type='text/javascript' src ='/forum/forum_scripts.js'></script>
| + | <script type='text/javascript' src ='/forum/forum_scripts.js'></script> |
| </head> | | </head> |
| | | |
Line 98: |
Line 100: |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
- |
| |
- | /*
| |
- | Design by Metamorphosis Design
| |
- | http://www.metamorphozis.com
| |
- | Released for free under a Creative Commons Attribution 2.5 License
| |
- | */
| |
| | | |
| *Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/ | | *Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/ |
Line 278: |
Line 274: |
| width: 1014px; | | width: 1014px; |
| height: 10px; | | height: 10px; |
- | background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
| |
| } | | } |
| | | |
Line 402: |
Line 397: |
| #footer-box{ | | #footer-box{ |
| position: relative; | | position: relative; |
- | top: 1000px; | + | top: 1500px; |
| } | | } |
| | | |
Line 456: |
Line 451: |
| <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p> | | <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p> |
| <p> </p> | | <p> </p> |
| + | |
| | | |
| <!-- Start css3menu.com BODY section id=2 --> | | <!-- Start css3menu.com BODY section id=2 --> |
Line 468: |
Line 464: |
| <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Project </a> | | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Project </a> |
| <ul> | | <ul> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 476: |
Line 472: |
| <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font> | | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font> |
| <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font> | | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font> |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Protocols </a> | + | |
| + | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Protocols </a> |
| <ul> | | <ul> |
| <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html"> Molecular Cloning </a></li></font> | | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html"> Molecular Cloning </a></li></font> |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html"> pvdQ Expression Analysis </a></li></font>
| + | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html"> pvdQ Expression Analysis </a></li></font> |
- | </ul>
| + | </ul> |
| </li> | | </li> |
- | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;"> Safety </a></li>
| |
- | <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;"> Human Practice </a></li>
| |
- | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
| |
- | <head>
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
- | <meta name="generator" content="MediaWiki 1.16.0" />
| |
- | <link rel="shortcut icon" href="/favicon.ico" />
| |
- | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2011.igem.org (en)" />
| |
- | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:HKU&action=creativecommons" rel="meta" />
| |
- | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| |
- | <link rel="alternate" type="application/atom+xml" title="2011.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:HKU Hong Kong - 2012</title>
| |
- | <style type="text/css" media="screen, projection">/*<![CDATA[*/
| |
- | @import "/wiki/skins/common/shared.css?270";
| |
- | @import "/wiki/skins/igem/main.css?270";
| |
- | /*]]>*/</style>
| |
- | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
| |
- | <script>
| |
- | var skin="igem",
| |
- | stylepath="/wiki/skins",
| |
- | wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
| |
- | wgArticlePath="/$1",
| |
- | wgScriptPath="/wiki",
| |
- | wgScriptExtension=".php",
| |
- | wgScript="/wiki/index.php",
| |
- | wgVariantArticlePath=false,
| |
- | wgActionPaths={},
| |
- | wgServer="https://2012.igem.org",
| |
- | wgCanonicalNamespace="",
| |
- | wgCanonicalSpecialPageName=false,
| |
- | wgNamespaceNumber=0,
| |
- | wgPageName="Team:HKU",
| |
- | wgTitle="Team:HKU",
| |
- | wgAction="view",
| |
- | wgArticleId=408,
| |
- | wgIsArticle=true,
| |
- | wgUserName=null,
| |
- | wgUserGroups=null,
| |
- | wgUserLanguage="en",
| |
- | wgContentLanguage="en",
| |
- | wgBreakFrames=false,
| |
- | wgCurRevisionId=260202,
| |
- | wgVersion="1.16.0",
| |
- | wgEnableAPI=true,
| |
- | wgEnableWriteAPI=true,
| |
- | wgSeparatorTransformTable=["", ""],
| |
- | wgDigitTransformTable=["", ""],
| |
- | wgMainPageTitle="Main Page",
| |
- | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2011.igem.org", "5": "2011.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
| |
- | wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2011.igem.org": 4, "2011.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
| |
- | wgSiteName="2011.igem.org",
| |
- | wgCategories=[],
| |
- | wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
| |
- | wgDBname="2011_igem_org",
| |
- | wgSearchNamespaces=[0],
| |
- | wgMWSuggestMessages=["with suggestions", "no suggestions"],
| |
- | wgRestrictionEdit=[],
| |
- | wgRestrictionMove=[];
| |
- | </script>
| |
- | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
| |
- | <!-- Head Scripts -->
| |
- | <script src="/wiki/skins/common/ajax.js?270"></script>
| |
- | <script src="/wiki/skins/common/mwsuggest.js?270"></script>
| |
- | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&gen=js&useskin=igem"><!-- site js --></script>
| |
- | <!-- jQuery Javascript -->
| |
- | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script>
| |
- | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
| |
- | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| |
- | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| |
- | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
| |
- | <script type='text/javascript' src ='/forum/forum_scripts.js'></script>
| |
- | </head>
| |
| | | |
- | <body class="mediawiki ltr ns-0 ns-subject page-Team_HKU"> | + | <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;"> Human Practice </a></li> |
- | <div id="globalWrapper">
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | <p> </p> |
| + | <h2 style="font-variant: normal; vertical-align: baseline; clear: left; color: #232323; font-family: Gentium Basic; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin: 0.7em 0px; padding: 0px"> |
| + | |
| + | <p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: rgb(85, 85, 85); font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px"> |
| + | </p> |
| + | <p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px"> |
| | | |
- | <div id="top-section">
| + | <ul> |
- | <div id="p-logo">
| + | <li>Introduction</p> |
- | <a href="/Main_Page"
| + | <p align="left"><br /> |
- | title="Main Page">
| + | The city of Hong Kong is known as the world’s commercial hub. Logically, a large sum of money is invested in expansion of multinational enterprises, to gain a cutting edge financially and economically. In a country so focused on development and international recognition, the field of Synthetic Biology has not been given much attention. <br /> |
- | <img src='/wiki/skins/common/images/wiki.png'>"
| + | In an attempt to raise awareness of this upcoming field, University of Hong Kong’s iGEM team made three preliminary initiatives. We wanted to begin by educating the youth about this concept. Hence, we published an article in HKU’s Undergraduate Magazine, a magazine that is widely distributed amongst students at HKU. Our next move was to produce a video that further explained the concept. This video was extensively broadcasted throughout all televisions on HKU’s Main Campus. Lastly, we attempted a very novel strategy to publicize this field of Science. This innovative approach is called the “Flash Mob”. In one of the very crowded markets of Hong Kong, our group members took stage (without prior notice), and performed a short Drama to explain the workings of Synthetic Biology and advertise iGEM amidst the common public. All three approaches of reaching out to Hong Kong’s citizens about Synthetic Biology were quite effective. <br /> |
- | </a>
| + | Through our Human Practice projects, the concept of Synthetic Biology – a subject area concerning biological research and technology - was effectively delivered. In the coming years, this research area can be used to create new biological systems that will benefit society. It promises to decrease problems we are currently facing by implementing strategies for the degradation of pollutants, electricity generation, and medical treatments. </p> |
- | </div> <!-- end p-logo -->
| + | <p align="left"> </p> |
- | <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
| + | |
| | | |
| + | <p align="left">A. Publishing in HKU Undergraduate Magazine</p> |
| + | <p align="left">To establish a stronger presence in HKU, our IGEM team published an article in HKU’s Undergraduate Magazine. This magazine is freely distributed to all HKU undergraduate students. It can also be found at various locations around campus, such as the Canteens, Main Library, and the main Podium. Thereby, it is widely accessible, increasing the odds that students’ read our article. <br /> |
| + | The article covered all the important aspects of Synthetic Biology, including what Synthetic Biology is as well as its current workings and future implications. We illustrated a variety of applications of the field, especially those in biomedicine, energy conservation, and agriculture. Also, we utilized Lego blocks to explain the concept of biobricks, which are put together to create new living systems. The article was also a means to advertise the iGEM team and competition to HKU’s students. In order to do so, we briefly explained all our past projects, and the application process to be part of HKU’s team in the coming years. Through this, we hope to recruit skillful and motivated members for next year’s team. </p> |
| + | <p align="left"> </p> |
| + | <p align="left">B. Video Broadcasting in Campus TV, HKU</p> |
| + | <p align="left"><br /> |
| + | Animations and video broadcasting are one of the most effective ways of approaching the undergraduates at HKU. The main campus has over 10 televisions for video broadcasting. Thus, through the Campus TV department of HKUSU, we were able to include our short video covering Synthetic Biology and the iGEM competition into the University’s daily broadcasting schedule. </p> |
| + | <p align="left">Since audiences of differing fields of study view the TVs, we made sure that everyone, regardless of their background in Synthetic Biology, could understand the concept. For instance, Lego block-animations were used to illustrate the procedure of the construction of a genetic network or bio-brick production. Moreover, we also aimed to introduce the applications of Synthetic biology that extend beyond medicine generation as well as production and supply of genetically modified food to the third world.<br /> |
| + | In an attempt to stimulate motivated undergraduates to begin thinking of joining HKU’s iGEM team, we also introduced the workings of the team as well as our previous and current representatives. We hope that this would bring forth some of the most capable undergraduates from various fields of study for next year’s recruitment. </p> |
| + | <p align="left"> </p> |
| + | <p align="left">C. Smart Mob (Street Drama)</p> |
| + | <p align="left"> <br /> |
| + | To promote Synthetic Biology, our iGEM Team reached out to the main crowd of Hong Kong. The city, long known as a “shopping paradise”, has extensive streets showcasing a plethora of local and international commodities. These markets, especially on weekends, are heavily populated with all types of people, the elderly, middle-aged, and the youth. Hence, there wasn’t a better way of reaching out to the general public about Synthetic Biology than unexpectedly performing a short Drama openly in Hong Kong’s shopping district known as Mong Kok. This street drama performance, with no prior notice, can be effectively termed as the “Smart Mob”. <br /> |
| + | <br /> |
| + | We managed to execute two performances, on the 26th of August and 15th of September respectively. The main cartoon character of our cast was Synthia, a green bacterium much liked by the common public. Many people stopped by and requested for a photograph with this bacterium, a partially incomplete synthetic organism that escapes from Dr. Venter’s laboratory and is unfortunately adrift in the crowded streets of Hong Kong. Hence this marks the beginning of our drama’s storyline. <br /> |
| + | <br /> |
| + | The other two characters in our drama are the Moralist and Dr. Venter. While the Moralist tries to kill Synthia and accuses scientists like Dr. Venter of jeopardizing public safety, Dr. Venter makes every attempt to try and defend his laboratory investigations and practices. Thus these two personas spark into a heated debate. With the introduction of our last character, Dr. Venter’s laboratory helper, and much interaction with the common public, we were able to resolve this debate and accurately illustrate the definition and purpose of synthetic biology. We are confident that through this innovative approach, which harbored some light-hearted comedy, our audience has acquired a glimpse into the dilemma that Science and technology are facing today, despite of which these fields have advanced to publish data that is beneficial for society. </p> |
| + | <p> </p> |
| | | |
- |
| + | <!-- footer begins --> |
| + | <p> </p> |
| | | |
- | </div> <!-- close top-section-->
| + | |
- | <div id="content"> | + | |
- | <a name="top" id="top"></a>
| + | |
- | <h1 class="firstHeading">Team:HKU HK</h1>
| + | |
- | <div id="bodyContent">
| + | |
- | <h3 id="siteSub" class='noprint'>From 2011.igem.org</h3>
| + | |
- | <div id="contentSub"></div>
| + | |
- | <!--
| + | |
- | <div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
| + | |
- | <!-- start content -->
| + | |
- | <p>
| + | |
- | <head>
| + | |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | /*
| + | |
- | Design by Metamorphosis Design
| + | |
- | http://www.metamorphozis.com
| + | |
- | Released for free under a Creative Commons Attribution 2.5 License
| + | |
- | */
| + | |
- | | + | |
- | *Cleaning and Resetting the Background -- Credits to 2012 iGEM NorthWestern university*/
| + | |
- | * {
| + | |
- | margin:0;
| + | |
- | padding:0;}
| + | |
- | #top-section {
| + | |
- | height: 1px; }
| + | |
- | #p-logo {
| + | |
- | height:1px; overflow:hidden; display:none;}
| + | |
- | #search-controls {
| + | |
- | display:none;}
| + | |
- | #globalWrapper {
| + | |
- | background: #FFF;
| + | |
- | padding:0px;}
| + | |
- | #content {
| + | |
- | border: 0px;
| + | |
- | width: 100%;}
| + | |
- | #catlinks {
| + | |
- | display:none;}
| + | |
- | h1.firstHeading {
| + | |
- | display: none;}
| + | |
- | h1, h2, h3, h4, h5, h6 {
| + | |
- | border-bottom: 0px;}
| + | |
- | p {
| + | |
- | font-size: 16px;}
| + | |
- | | + | |
- | *
| + | |
- | {
| + | |
- | border: 0;
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | | + | |
- | img
| + | |
- | {
| + | |
- | border: 0px;
| + | |
- | }
| + | |
- | | + | |
- | body{
| + | |
- | font: 12px Arial, Helvetica, sans-serif;
| + | |
- | color: #000000;
| + | |
- | background: #FFFFFF; --- background image
| + | |
- | line-height: 18px;
| + | |
- | padding-bottom: 23px;
| + | |
- | }
| + | |
- | | + | |
- | #main {
| + | |
- | width: 1014px;
| + | |
- | margin: 0px auto;
| + | |
- | }
| + | |
- | | + | |
- | #header {
| + | |
- | width:100%;
| + | |
- | background: url(images/header.jpg) left top no-repeat;
| + | |
- | height: 183px;
| + | |
- | }
| + | |
- | | + | |
- | #logo { font-family: Arial, Helvetica, sans-serif;
| + | |
- | color:#FFFFFF;
| + | |
- | font-size:18px;
| + | |
- | font-style:italic;
| + | |
- | padding: 62px 0px 0px 667px;
| + | |
- | background: url(images/big_img.jpg) left top no-repeat;
| + | |
- | height: 60px;
| + | |
- | }
| + | |
- | | + | |
- | #logo a {
| + | |
- | text-decoration: none;
| + | |
- | text-transform: lowercase;
| + | |
- | font-style: italic;
| + | |
- | font-size: 18px;
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | #logo H2 a{
| + | |
- | font-size: 12px;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | text-transform: none;
| + | |
- | font-weight:100;
| + | |
- | }
| + | |
- | | + | |
- | #buttons{
| + | |
- | width: 990px;
| + | |
- | text-align:center;
| + | |
- | height: 46px;
| + | |
- | margin-left: 50px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .scroll_header
| + | |
- | {
| + | |
- | width: 1014px;
| + | |
- | height: 229px;
| + | |
- | background: url(images/header.png) no-repeat;
| + | |
- | margin-bottom: 10px;
| + | |
- | padding-top: 10px;
| + | |
- | }
| + | |
- | | + | |
- | #box_all {
| + | |
- | height: 10px;
| + | |
- | background:url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_top.png) left top no-repeat;
| + | |
- | margin-top: 30px;
| + | |
- | }
| + | |
- | | + | |
- | #box_all h1 {
| + | |
- | text-align:center;
| + | |
- | font-size:18px;
| + | |
- | color:#FFFFFF;
| + | |
- | font-weight:100;
| + | |
- | padding: 12px 0px 23px 0px;}
| + | |
- | | + | |
- | #box_all .text {
| + | |
- | padding: 0px 10px 0px 20px;}
| + | |
- | | + | |
- | .box_munth {
| + | |
- | float: left;
| + | |
- | width: 132px;
| + | |
- | padding: 0px 0px 0px 13px}
| + | |
- | | + | |
- | .munth {
| + | |
- | color:#FFFFFF;
| + | |
- | font-weight:bold;
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
| + | |
- | padding: 7px 0px 7px 28px;
| + | |
- | text-decoration:none;}
| + | |
- | | + | |
- | .munth a{color:#FFFFFF;
| + | |
- | font-weight:bold;
| + | |
- | text-decoration:none;}
| + | |
- | | + | |
- | .munth:hover {
| + | |
- | text-decoration: none;
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/f/f6/HKU_box_fish.png) 0px 11px no-repeat;
| + | |
- | }
| + | |
- | | + | |
- | h5 {
| + | |
- | font-weight: 100;
| + | |
- | font-size:18px;
| + | |
- | color:#10156F;
| + | |
- | padding: 13px 0px 5px 0px}
| + | |
- | | + | |
- | .box {
| + | |
- | width: 206px;
| + | |
- | height: 240px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | .box_razd {float:left; width: 10px; height: 10px;}
| + | |
- | | + | |
- | .box1 { background:url(images/box1.png) ;}
| + | |
- | .box2 { background:url(images/box2.png) ;}
| + | |
- | .box3 { background:url(images/box3.png) ;
| + | |
- | width: 211px}
| + | |
- | .box4 { background:url(images/box4.png) ;}
| + | |
- | | + | |
- | .b { color: #0E76BD;
| + | |
- | font-weight:100;
| + | |
- | font-style:italic;}
| + | |
- | .g { color: #0D748A;
| + | |
- | font-weight:100;
| + | |
- | font-style:italic;}
| + | |
- | .gr { color: #0E9A40;
| + | |
- | font-weight:100;
| + | |
- | font-style:italic;}
| + | |
- | .o { color: #DE7C09;
| + | |
- | font-weight:100;
| + | |
- | font-style:italic;}
| + | |
- | | + | |
- | .img_box { float:left;
| + | |
- | margin: 6px 7px 3px 0px;
| + | |
- | }
| + | |
- | | + | |
- | #top_tb {
| + | |
- | width: 1014px;
| + | |
- | height: 10px;
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/f/f1/HKU_tb_top.jpg) right bottom no-repeat #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | #bot_tb {
| + | |
- | width: 1014px;
| + | |
- | height: 19px;
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/f/f7/HKU_tb_bot.jpg) right top no-repeat #FFFFFF;
| + | |
- | }
| + | |
- | | + | |
- | #tb{
| + | |
- | width: 1014px;
| + | |
- | padding: 0px 0px 0px 0px;
| + | |
- | background: url(https://static.igem.org/mediawiki/2012/6/68/HKU_tb_bg.gif) right repeat-y #FFFFFF;
| + | |
- | margin: 0px 0px 0px 0px;
| + | |
- | }
| + | |
- | | + | |
- | #left{
| + | |
- | width: 330px;
| + | |
- | margin: 0px 0px 0px 12px;
| + | |
- | float: left;
| + | |
- | color:#000000;
| + | |
- | }
| + | |
- | | + | |
- | .right_b {
| + | |
- | padding-left: 52px;
| + | |
- | padding-right: 5px;
| + | |
- | }
| + | |
- | | + | |
- | .text{
| + | |
- | padding: 0px 0px 0px 0px;
| + | |
- | }
| + | |
- | | + | |
- | .img { float:left;
| + | |
- | margin: 7px 16px 3px 0px;
| + | |
- | }
| + | |
- | | + | |
- | .img_r { float: right;
| + | |
- | margin: 7px 0px 3px 16px;
| + | |
- | }
| + | |
- | | + | |
- | span {font-weight:bold;}
| + | |
- | | + | |
- | #left span { color:#000000;
| + | |
- | font-weight:bold;
| + | |
- | font-size:14px;
| + | |
- | }
| + | |
- | | + | |
- | #right span {
| + | |
- | font-weight:bold;
| + | |
- | }
| + | |
- | .bl {color:#34902D;}
| + | |
- | | + | |
- | #left H1{
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size:18px;
| + | |
- | font-weight: 100;
| + | |
- | color: #34902D;
| + | |
- | text-align:left;
| + | |
- | padding: 5px 0px 10px 0px;
| + | |
- | }
| + | |
- | | + | |
- | #right H1{
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size:18px;
| + | |
- | font-weight: 100;
| + | |
- | color: #34902D;
| + | |
- | text-align:left;
| + | |
- | padding: 5px 0px 10px 0px;
| + | |
- | }
| + | |
- | | + | |
- | .read{
| + | |
- | text-align:right;
| + | |
- | padding-right:5px;
| + | |
- | padding-top: 6px;
| + | |
- | font-weight:bold;
| + | |
- | }
| + | |
- | | + | |
- | .pad_view {padding-right:15px;}
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .read a{
| + | |
- | color: #0056CC;
| + | |
- | text-decoration: underline;}
| + | |
- | | + | |
- | .read a:hover {
| + | |
- | text-decoration:none;}
| + | |
- | | + | |
- | #right{
| + | |
- | float: right;
| + | |
- | width: 620px;
| + | |
- | margin-right: 18px;
| + | |
- | padding: 0px 0px 0px 0px;
| + | |
- | }
| + | |
- | | + | |
- | .col { width: 620px;}
| + | |
- | | + | |
- | .col_left { float:left;
| + | |
- | width: 203px;}
| + | |
- | | + | |
- | .images {
| + | |
- | height: 200px;
| + | |
- | padding-top: 3px;}
| + | |
- | | + | |
- | .img_col { float:left;
| + | |
- | margin: 7px 7px 0px 0px;}
| + | |
- | | + | |
- | .col_right { float: right;
| + | |
- | width: 417px;
| + | |
- | padding-top: 8px;}
| + | |
- | | + | |
- | #footer{
| + | |
- | height: 50px;
| + | |
- | width: 100%;
| + | |
- | font-size: 12px;
| + | |
- | color: #008B00;
| + | |
- | text-align: center;
| + | |
- | clear:both;
| + | |
- | padding: 13px 0px 0px 0px;
| + | |
- | /*background: url(https://static.igem.org/mediawiki/2012/4/45/HKU.PNG_footer.png) 0px 0px no-repeat;*/
| + | |
- | }
| + | |
- | | + | |
- | #footer-box{
| + | |
- | position: relative;
| + | |
- | top: 1000px;
| + | |
- | }
| + | |
- | | + | |
- | #main #header #buttons p {
| + | |
- | color: #0033CC;
| + | |
- | font-family: Arial, Helvetica, sans-serif;
| + | |
- | font-size: 18px;
| + | |
- | }
| + | |
- | | + | |
- | ul#css3menu2,ul#css3menu2 ul{
| + | |
- | margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
| + | |
- | ul#css3menu2 ul{
| + | |
- | display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
| + | |
- | ul#css3menu2 li:hover>*{
| + | |
- | display:block;}
| + | |
- | ul#css3menu2 li{
| + | |
- | position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
| + | |
- | ul#css3menu2 li:hover{
| + | |
- | z-index:1;}
| + | |
- | ul#css3menu2{
| + | |
- | font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
| + | |
- | *display:inline;}
| + | |
- | * html ul#css3menu2 li a{
| + | |
- | display:inline-block;}
| + | |
- | ul#css3menu2>li{
| + | |
- | margin:0;}
| + | |
- | ul#css3menu2 a:active, ul#css3menu2 a:focus{
| + | |
- | outline-style:none;}
| + | |
- | ul#css3menu2 a{
| + | |
- | display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 20px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#c1c1c1;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
| + | |
- | ul#css3menu2 ul li{
| + | |
- | float:none;margin:10px 0 0;}
| + | |
- | ul#css3menu2 ul a{
| + | |
- | text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
| + | |
- | ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{
| + | |
- | background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;color:#000000;text-shadow:#FFF 0 0 1px;background-image:url("https://static.igem.org/mediawiki/2012/0/0c/HKU_mainbk.png");background-position:0 100px;text-decoration:none;}
| + | |
- | ul#css3menu2 span{
| + | |
- | display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
| + | |
- | ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{
| + | |
- | background-color:#FFFFFF;background-image:none;color:#868686;text-decoration:none;}
| + | |
- | ul#css3menu2 li.topfirst>a{
| + | |
- | border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
| + | |
- | ul#css3menu2 li.toplast>a{
| + | |
- | border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;}
| + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <div id="main">
| + | |
- | <!-- header begins -->
| + | |
- | <div id="header">
| + | |
- | <div id="buttons">
| + | |
- | <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p>
| + | |
- | <p> </p>
| + | |
- | | + | |
- | <!-- Start css3menu.com BODY section id=2 -->
| + | |
- | <ul id="css3menu2" class="topmenu">
| + | |
- | <li class="topfirst"><a href="https://2012.igem.org/Team:HKU_HongKong" style="height:26px;line-height:26px;"> Home </a></li>
| + | |
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Team </a>
| + | |
- | <ul>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/About_Us.html">About Us</a></li></font>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Team/Profiles.html">Profiles</a></li></font>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Project </a>
| + | |
- | <ul>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Data </a>
| + | |
- | <ul>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topmenu"><a href="#" style="height:26px;line-height:26px;"> Protocols </a>
| + | |
- | <ul>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html"> Molecular Cloning </a></li></font>
| + | |
- | <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html"> pvdQ Expression Analysis </a></li></font>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;"> Safety </a></li>
| + | |
- | <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;"> Human Practice </a></li>
| + | |
- | </ul>
| + | |
- | <p> </p>
| + | |
- | <h2 style="font-variant: normal; vertical-align: baseline; clear: left; color: #232323; font-family: Gentium Basic; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin: 0.7em 0px; padding: 0px">
| + | |
- | <span style="font-weight: 400; ">
| + | |
- | <font face="Trebuchet MS" size="6"><u>Human Practice</u><br>
| + | |
- | </font></span></h2>
| + | |
- | <p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px">
| + | |
- | The city of Hong Kong is known as the world’s commercial hub. Logically, a large sum of money is invested in expansion of multinational enterprises, to gain a cutting edge financially and economically. In a country so focused on development and international recognition, the field of Synthetic Biology has not been given much attention. </p>
| + | |
| | | |
- | <p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px"> | + | <div id="footer" style="width: 1075px; height: 206px"> |
- | In an attempt to raise awareness of this upcoming field, University of Hong Kong’s iGEM team made three preliminary initiatives. We wanted to begin by educating the youth about this concept. Hence, we published an article in HKU’s Undergraduate Magazine, amagazine that is widely distributed amongst students at HKU. Our next move was to produce a video that further explained the concept. This video was extensively broadcasted throughout all televisions on HKU’s Main Campus. Lastly, we attempted a very novel strategy to publicize this field of Science. This innovative approach is called the “Flash Mob”. In one of the very crowded markets of Hong Kong, our group members took stage (without prior notice), and performed a short Drama to explain the workings of Synthetic Biology and advertise iGEM amidst the common public. All three approaches of reaching out to Hong Kong’s citizens about Synthetic Biology were quite effective.
| + | <p> </p> |
- | </p> | + | <p> </p> |
- | <p style="text-align: left; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; vertical-align: baseline; color: #232323; font-family: Lato, Tahoma, Arial, sans-serif; letter-spacing: normal; line-height: 19.5px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; border: 0px none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0px"> | + | |
- | Through our Human Practice projects, the concept of Synthetic Biology – a subject area concerning biological research and technology - was effectively delivered. In the coming years, this research area can be used to create new biological systems that will benefit society. It promises to decrease problems we are currently facing by implementing strategies for the degradation of pollutants, electricity generation, and medical treatments
| + | |
- | </p> | + | |
| | | |
| + | <p style="text-align: left"> |
| + | <font color="#0E9A40" face="Segoe UI Semibold"><b> |
| + | <span style="font-size: 14pt">Our kind Sponsors:</span></b></font></p> |
| + | <p style="text-align: left"> |
| + | <img border="0" src="https://static.igem.org/mediawiki/2012/8/82/0-APSC_logo-psd.jpg" width="352" height="163"> |
| + | <img border="0" src="https://static.igem.org/mediawiki/2012/1/19/Hku-logo.jpg" width="292" height="146"><img border="0" src="https://static.igem.org/mediawiki/2012/c/c7/Logo_kofa.jpg" width="406" height="98"> |
| + | </p></div> |
| + | </div> |
| </body> | | </body> |
| </html> | | </html> |